Créer une communication visuelle qui résiste au test du temps — du fond avant la forme, de l'esthétique au service du message.
Direction artistique · v1.0 · 2026
Le design system croustillant.
Source de vérité pour tout ce qui ressemble, sonne ou parle Hungry Nuggets. Pensé pour les humains qui designent ET les agents IA qui générent.
01 — Identité
Une agence créative qui parle food.
Hungry Nuggets est une agence de communication visuelle basée à Ottignies-LLN. On crée du design, de la photo, du web et de la vidéo — toujours soignés aux petits oignons.
- Équilibre & transparence
- Partage & co-création
- Recherche & bienveillance
Click by HN — la branche performance / contenu social. Polices différentes (Bricolage Grotesque + Inter), ton plus direct.
02 — Voix & ton
Casual professional. Pince-sans-rire. Toujours chaleureux.
« Soignés aux petits oignons »
signature qualité
« Et toi, t'as faim ? »
recrutement
« Ton café… avec ou sans sucre ? »
ouverture commerciale
« Nos pépites ont faim »
nouveaux projets
« Faites décoller vos ventes avec du contenu qui performe »
Click by HN — hero
« Just a Bite · The Hungry Meal · All You Can Eat »
nommer ses offres
- Tutoiement assumé sur le site et les réseaux
- Métaphores food avec parcimonie (signature, pas spam)
- Phrases courtes, directes, francophones
- Jargon corporate vide (synergies, leverage)
- Métaphores food sur sujet sensible
- Anglicismes inutiles
03 — Couleurs
Anthracite & jaune nugget, posés sur du chaud.
Le jaune est une signature, pas un wallpaper. Le fond cream remplace le blanc clinique. L'anthracite ancre le tout.
Primaires
Échelle anthracite chaud
Sémantiques
📌 Règle : le jaune nugget est un accent. Un CTA, un halo, un badge. Jamais un fond plein de section longue.
📌 Règle : le contraste minimum est AA (4.5:1) pour tout texte body. Non-négociable.
04 — Typographie
Figtree, du body au display.
Une seule famille pour HN principal — déclinée en 6 graisses. Click by HN bascule sur Bricolage Grotesque + Inter pour son identité plus performance.
05 — Tokens
Espacement, radius, élévation.
Spacing (4-based)
--space-1 · 4px--space-2 · 8px--space-3 · 12px--space-4 · 16px--space-6 · 24px--space-8 · 32px--space-12 · 48px--space-16 · 64px
Border radius
0xs · 4pxsm · 8pxmd · 12pxlg · 16pxxl · 22px2xl · 24pxpillÉlévation
xssmmdlgxlglow06 — Composants
Briques de base.
Boutons
Badges
Cards
Card standard
Fond blanc, hover lift, border accent
Card CTA
Fond ink, chevron jaune, halo doré
Card Feature
Pour les offres dédiées
Champs de saisie
Pills sociaux
07 — Assets
Logo & le croc.
Le shape signature : un cercle jaune nugget mordu à droite. Photo de profil équipe, avatars, hero brand.
Wordmark — version jaune
Usage : sur fond ink (#1E2122) ou cream
Wordmark — version anthracite
Usage : sur fond jaune nugget ou clair
Shape signature
Cercle + croc à droite. Toujours en jaune nugget.