Aller au contenu
Dawet

Dawet

Design system

Motifs, couleurs et typographie de Dawet

Une bibliothèque de motifs géométriques originaux inspirés des kilims et tapis kurdes, traitée avec sobriété : le motif porte la culture, le reste reste contemporain.

Palette

Une nuit de fête : fond profond, couleurs de guirlandes et de néons. Contrastes vérifiés WCAG AA.

Nuit

Fonds, surfaces et textes
  • 50#f4f2fa
  • 100#e6e1f3
  • 200#cbc3e4
  • 300#a397c9
  • 400#7a6ca8
  • 500#564884
  • 600#3d3066
  • 700#2b2150
  • 800#1e163c
  • 900#150f2d
  • 950#0d091d

Rose

Couleur principale, actions
  • 50#fff0f5
  • 100#ffdbe7
  • 200#ffb3cc
  • 300#ff8aaf
  • 400#ff6694
  • 500#ff4b81
  • 600#e8306a
  • 700#bf1f53
  • 800#8f163e
  • 900#5e0e29

Soleil

Accents, mise en avant
  • 50#fff9e5
  • 100#fff0bf
  • 200#ffe38a
  • 300#ffd65c
  • 400#ffc933
  • 500#f5b400
  • 600#c98f00
  • 700#9a6c00
  • 800#6b4b00
  • 900#3d2b00

Menthe

Disponibilité, succès
  • 50#e8fff6
  • 100#c2fbe5
  • 200#8ff3cf
  • 300#5ae8b7
  • 400#2fd89f
  • 500#14bd86
  • 600#0c966a
  • 700#0a7152
  • 800#084e39
  • 900#052e22

Violet

Touches, badges
  • 50#f2efff
  • 100#e2dbff
  • 200#c6b8ff
  • 300#a891ff
  • 400#8f73ff
  • 500#7a5cff
  • 600#6440f0
  • 700#4f2fc4
  • 800#3a2291
  • 900#25165d

Couples texte / fond

Ratios calculés selon WCAG 2. AA exige 4,5:1 pour le texte courant, AAA 7:1.

  • Aa

    Texte principal sur nuit

    16.63:1 · AAA

  • Aa

    Texte secondaire sur nuit

    10.95:1 · AAA

  • Aa

    Rose en texte

    5.78:1 · AA

  • Aa

    Soleil en texte

    13.20:1 · AAA

  • Aa

    Menthe en texte

    10.06:1 · AAA

  • Aa

    Bouton rose

    6.12:1 · AA

  • Aa

    Bouton soleil

    12.71:1 · AAA

  • Aa

    Texte sur fond le plus sombre

    17.62:1 · AAA

  • Aa

    Violet sur carte

    6.61:1 · AA

Typographie

Une grotesque grasse et expressive pour les titres, une sans-serif très lisible pour le corps.

text-display-xl · Bricolage Grotesque

Un mariage qui se raconte encore dans vingt ans

text-display-lg · Bricolage Grotesque

Un mariage qui se raconte encore dans vingt ans

text-display-md · Bricolage Grotesque

Un mariage qui se raconte encore dans vingt ans

text-display-sm · Bricolage Grotesque

Un mariage qui se raconte encore dans vingt ans

text-lg · DM Sans

Trouvez le chanteur, la salle et le traiteur qui feront de votre mariage une fête dont on parle longtemps, de Marseille à Stockholm.

text-base · DM Sans

Trouvez le chanteur, la salle et le traiteur qui feront de votre mariage une fête dont on parle longtemps, de Marseille à Stockholm.

text-sm · DM Sans

Trouvez le chanteur, la salle et le traiteur qui feront de votre mariage une fête dont on parle longtemps, de Marseille à Stockholm.

Surtitre en petites capitales

Un mariage qui se raconte encore dans vingt ans

Le jour du mariage, la govend s'ouvre dès l'arrivée des premiers invités. Le chanteur lance la première chanson, le dahol marque le pas et la salle se remplit en quelques minutes. Les familles arrivent de Lyon, de Cologne, de Stockholm ; certaines ont traversé l'Europe pour être là ce soir.

Titres en Bricolage Grotesque grasse, corps en DM Sans.

Bibliothèque de motifs

Dessinés en SVG vectoriel, en une seule couleur (currentColor), déclinables dans toute la palette.

Les motifs sont en cours de dessin : trois propositions, un jury, puis une synthèse. Ils apparaîtront ici.