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.