Zum Inhalt springen
Dawet

Dawet

Design-System

Muster, Farben und Typografie von Dawet

Eine Bibliothek eigener geometrischer Muster, inspiriert von kurdischen Kelims und Teppichen, zurückhaltend eingesetzt: Das Muster trägt die Kultur, alles andere bleibt zeitgenössisch.

Palette

Eine Festnacht: tiefer Hintergrund, Farben von Lichterketten und Neon. Kontraste nach WCAG AA geprüft.

Nacht

Hintergründe, Flächen und Text
  • 50#f4f2fa
  • 100#e6e1f3
  • 200#cbc3e4
  • 300#a397c9
  • 400#7a6ca8
  • 500#564884
  • 600#3d3066
  • 700#2b2150
  • 800#1e163c
  • 900#150f2d
  • 950#0d091d

Rosa

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

Sonne

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

Minze

Verfügbarkeit, Erfolg
  • 50#e8fff6
  • 100#c2fbe5
  • 200#8ff3cf
  • 300#5ae8b7
  • 400#2fd89f
  • 500#14bd86
  • 600#0c966a
  • 700#0a7152
  • 800#084e39
  • 900#052e22

Violett

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

Paare aus Text und Hintergrund

Verhältnisse nach WCAG 2 berechnet. AA verlangt 4,5:1 für Fließtext, AAA 7:1.

  • Aa

    Haupttext auf Nacht

    16.63:1 · AAA

  • Aa

    Sekundärtext auf Nacht

    10.95:1 · AAA

  • Aa

    Rosa als Textfarbe

    5.78:1 · AA

  • Aa

    Sonne als Textfarbe

    13.20:1 · AAA

  • Aa

    Minze als Textfarbe

    10.06:1 · AAA

  • Aa

    Rosa Schaltfläche

    6.12:1 · AA

  • Aa

    Sonnengelbe Schaltfläche

    12.71:1 · AAA

  • Aa

    Text auf dem dunkelsten Hintergrund

    17.62:1 · AAA

  • Aa

    Violett auf Karte

    6.61:1 · AA

Typografie

Eine fette, ausdrucksstarke Grotesk für Überschriften, eine sehr gut lesbare Serifenlose für den Fließtext.

text-display-xl · Bricolage Grotesque

Eine Hochzeit, von der man in zwanzig Jahren noch erzählt

text-display-lg · Bricolage Grotesque

Eine Hochzeit, von der man in zwanzig Jahren noch erzählt

text-display-md · Bricolage Grotesque

Eine Hochzeit, von der man in zwanzig Jahren noch erzählt

text-display-sm · Bricolage Grotesque

Eine Hochzeit, von der man in zwanzig Jahren noch erzählt

text-lg · DM Sans

Finden Sie den Sänger, den Saal und das Catering, die aus Ihrer Hochzeit ein Fest machen, über das man lange spricht – von Marseille bis Stockholm.

text-base · DM Sans

Finden Sie den Sänger, den Saal und das Catering, die aus Ihrer Hochzeit ein Fest machen, über das man lange spricht – von Marseille bis Stockholm.

text-sm · DM Sans

Finden Sie den Sänger, den Saal und das Catering, die aus Ihrer Hochzeit ein Fest machen, über das man lange spricht – von Marseille bis Stockholm.

Überzeile in Kapitälchen

Eine Hochzeit, von der man in zwanzig Jahren noch erzählt

Am Hochzeitstag beginnt die Govend, sobald die ersten Gäste eintreffen. Der Sänger stimmt das erste Lied an, die Dahol gibt den Takt vor, und der Saal füllt sich in wenigen Minuten. Die Familien kommen aus Lyon, aus Köln, aus Stockholm; manche sind quer durch Europa gereist, um heute Abend dabei zu sein.

Überschriften in Bricolage Grotesque fett, Fließtext in DM Sans.

Musterbibliothek

Als Vektor-SVG gezeichnet, einfarbig (currentColor), in der ganzen Palette einsetzbar.

Die Muster entstehen gerade: drei Entwürfe, eine Jury, dann die Synthese. Sie erscheinen hier.