Geekworkers Sàrl
Votre Agence Web & Marketing à Lausanne
Plus de 25 experts dédiés alliant créativité et rigueur d'ingénierie suisse pour concevoir des solutions digitales performantes et maximiser le retour sur investissement des PME et entrepreneurs de Suisse romande.
Palette Chromatique Structurée
Couleurs fondamentales invariables définissant l'univers visuel et la hiérarchie d'action de Geekworkers.
Master Blue
Couleur Maîtresse InvariableCouleur systématique de TOUS les titres (H1, H2, H3) et de TOUS les boutons d'action (CTA) sur fond clair.
Hover Deep Blue
État de Survol ExclusifSubstitut unique de survol (Hover) exclusif de tous les boutons et liens Master Blue.
Surface Light Canvas
Fond de Page & Contraste DouxNuance douce générale du fond de page HTML structurant les cartes blanches sans éblouir.
Pure Black
Dark Mode & Arrière-plans DensesArrière-plans sombres denses, sections contrastées et typographie à fort impact.
Accent Magenta
Micro-Pulsations & Chiffres ClésPastilles d'alerte, micro-pulsations, chiffres clés. JAMAIS pour des boutons.
Subtle Border
Délimitation Fine des CartesDélimitation fine des cartes blanches et pastilles de surlignage.
Hiérarchie des Boutons d'Action
Règles fondamentales : harmonie texte-icône stricte, boutons avec ombre légère et STRICTEMENT SANS BORDURE.
Typographie : Full Nunito & Interlignage 1.1
Police unique Google Fonts Nunito pour l'ensemble des titres et des textes avec JetBrains Mono pour les données techniques.
Votre Agence Web & Marketing à Lausanne
Partenaire Croissance des PME Romandes
Plus de 25 experts internalisés basés à Lausanne alliant créativité et maîtrise technique pour concevoir des plateformes web performantes, scalables et orientées retour sur investissement.
const geekworkersBrand = { primaryColor: '#19389F', typography: 'Nunito', lineHeight: 1.1 };Répertoire des 12 Assets Vectoriels Officiels (SVGs)
Fichiers vectoriels purs prêts pour le web, l'impression, les réseaux sociaux et les interfaces applicatives.
Logotype Principal Bleu (Standard)
Logotype maître Master Blue #19389F sans mention additionnelle. Usage universel sur fond clair.
Logotype Bleu avec Mention Agence Web
Logotype bleu avec bandeau descriptif "Agence Web" (sans pastille suisse).
Logotype Bleu avec Mention Agence Web & Suisse
Logotype officiel complet avec mention Agence Web et drapeau suisse rouge.
Icône Ronde Bleue (Avatar / Favicon)
Monogramme Geekworkers en cercle bleu pur pour profils sociaux et favicons clairs.
Icône Carrée Bleue Standard
Icône carrée pleine bleu Master Blue #19389F pour applications et badges.
Icône Carrée Bleue avec Drapeau Suisse
Icône carrée bleue enrichie de l’insigne de précision suisse.
Logotype Blanc Pur (Standard)
Logotype blanc pur pour sections sombres, pied-de-page noir et vidéos.
Logotype Blanc avec Mention Agence Web
Logotype blanc pur avec sous-titre "Agence Web" pour fonds sombres.
Logotype Blanc avec Mention Agence Web & Suisse
Logotype officiel blanc avec mention Agence Web et drapeau suisse.
Icône Ronde Blanche (Monogramme Bleu)
Cercle blanc avec monogramme bleu pour fort contraste sur fond sombre.
Icône Carrée Blanche Standard
Carré blanc avec monogramme bleu pour interfaces sombres.
Icône Carrée Blanche avec Drapeau Suisse
Carré blanc avec monogramme et drapeau suisse pour contrastes sombres.
Design Tokens pour Développeurs & Agents IA (@google/design.md)
Tokens de design normalisés compatibles avec Tailwind CSS v3/v4, DTCG W3C et consommables par les agents de code.
---
version: "alpha"
name: "Geekworkers Design System"
colors:
primary: "#19389F"
on-primary: "#FFFFFF"
secondary: "#122B7A"
on-secondary: "#FFFFFF"
surface: "#FFFFFF"
neutral: "#F6F8FF"
dark-surface: "#000000"
accent: "#D90562"
border: "#D8E2FF"
typography:
headings:
fontFamily: "Nunito"
fontWeight: "800"
lineHeight: "1.1"
color: "#19389F"
body:
fontFamily: "Nunito"
fontWeight: "600"
lineHeight: "1.1"
---module.exports = {
theme: {
extend: {
colors: {
gw: {
blue: '#19389F',
hoverDeep: '#122B7A',
white: '#FFFFFF',
surface: '#F6F8FF',
black: '#000000',
magenta: '#D90562',
border: '#D8E2FF'
}
},
fontFamily: {
sans: ['Nunito', 'sans-serif'],
heading: ['Nunito', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace']
},
lineHeight: {
tight: '1.1',
brand: '1.1'
}
}
}
}@theme {
--color-gw-blue: #19389F;
--color-gw-hover: #122B7A;
--color-gw-surface: #F6F8FF;
--color-gw-magenta: #D90562;
--color-gw-border: #D8E2FF;
--font-sans: 'Nunito', sans-serif;
--font-mono: 'JetBrains Mono', monospace;
--leading-brand: 1.1;
}<script type="application/ld+json" id="geekworkers-brand-tokens">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Geekworkers Sàrl",
"url": "https://geekworkers.ch",
"logo": "https://geekworkers.ch/wp-content/plugins/geekworkers-brand-system/assets/brand/gw-logo-original-blue-default.svg",
"address": {
"@type": "PostalAddress",
"addressLocality": "Lausanne",
"addressRegion": "Vaud",
"addressCountry": "CH"
}
}
</script>