← Retour au site

zury® — Direction artistique

zury, c'est l'étincelle : l'instant où une idée devient un site, en un claquement de doigts. Tout dans l'identité exprime cette immédiateté — un noir profond de studio, une étincelle lime, une typographie massive qui ne s'excuse pas.

01 — Logo
zury
zury

Wordmark : « zury » toujours en minuscules, Inter ExtraBold 800, tracking −0.05em, étincelle lime en exposant à droite. Le mark seul (l'étincelle) sert de favicon, d'avatar et de puce. Zone de protection : la hauteur du « k » sur chaque côté. Ne jamais mettre le wordmark en majuscules, ni changer la couleur de l'étincelle.

02 — Palette
Noir studio#0B0B0C — fonds
Surface#131315 — cartes
Ivoire#F1EEE6 — texte
Gris chaud#85827A — secondaire
Lime zury#D4FF3F — accent

Le lime est rare et précieux : accents, CTA principal, étincelle, labels. Jamais en fond de section, jamais plus de ~5% d'une vue. Les dégradés des templates (lime, corail, violet) sont réservés aux vignettes produit.

03 — Typographie
Display
Inter 800 — uppercase
tracking −0.05em, line-height 0.95
En un claquement
Titres
Inter 600
tracking −0.03em
Un site pro, sans le studio.
Corps
Inter 400 — gris chaud
zury dessine des sites sur mesure pour restaurants, artisans et marques. L'essentiel, l'effet wow en plus — démo gratuite en 24h.
Labels
Inter 500 — uppercase
tracking +0.25em, lime
Le produit — 01
04 — Motion & ton

Motion

  • Lenis smooth scroll (duration 1.2, easing expo)
  • Reveals par lignes masquées, ease power4.out
  • Texte révélé mot à mot au scrub
  • Boutons magnétiques, curseur custom
  • Ease signature : cubic-bezier(0.65, 0.05, 0, 1)
  • Bounces, spins, effets gratuits

Ton de voix

  • Direct, confiant, une pointe d'insolence
  • Phrases courtes. Verbes d'action.
  • « Votre site. En un claquement. »
  • Jargon tech (« solution SaaS innovante »)
  • Superlatifs vides (« le meilleur outil du marché »)