Edebiyatla — Stilrichtlinien
Die Stimme der Feder, ein Zuhause für Lesende.
Dieses Handbuch sorgt dafür, dass Edebiyatla an jedem Berührungspunkt mit einer Stimme spricht. Jede Regel entsteht aus dem Logo: dem fließenden Strich der Feder und dem ausgewogenen Gewicht der Wortmarke.
Logo-Analyse
01Grundform
Eine Feder: fließende, aufsteigende Kurven und eine spitze Feder. Das Symbol des Schreibens.
Stil
Organische Bildmarke + geometrische, runde Wortmarke. Balance von Hand und Maschine.
Persönlichkeit
Literarisch, warm, vertrauenswürdig, zeitgemäß. Selbstbewusst, ohne laut zu sein.
Zielgruppe
Neugierige Lesende und Schreibende, 18–45, die Gedichte und Geschichten lieben.
Branche
Digitales Publizieren, Literaturcommunity, Kultur und Bildung.
Gefühl
Ruhe, Inspiration, Zugehörigkeit. Der Duft alten Papiers trifft modernes Interface.
Positionierung
Nähe > Autorität > Luxus > Technik. Zugängliches Premium; ‚redaktionelle Wärme‘.
Ästhetik
Redaktioneller Minimalismus: Papiergrund, tiefe Petrol-Tinte, feine Linien, viel Luft.
Logo-System
02Primärlogo
Bildmarke
Auf hell
Auf dunkel
Auf Markenfarbe
Schutzzone
Rund um das Logo mindestens die halbe Höhe der Bildmarke (x) freihalten.
Mindestgröße
Primärlogo: 96 px digital, 24 mm Druck. Bildmarke nie unter 20 px / 6 mm.
Analyse
Die Werte sind aus den originalen SVG-Pfaden entlang der tatsächlichen Kurvenkontur gemessen (Einheit: viewBox-Einheiten; ohne Kontrollpunkte). Die Grundlinie liegt bei 64,0.
- Proportion Wortmarke
- 303 : 82 = 3,695 : 1
- Proportion Bildmarke
- 106 : 74 = 1,432 : 1 (1,3 % neben √2)
- x-Höhe / Oberlänge
- 40,25 / 52,99 = 0,76 (d, b)
- Ober- : Unterlänge
- 52,99 : 17,93 ≈ 3 : 1
- Lage der Grundlinie
- 64,0 / 81,9 = 78 % der Höhe
- Feder
- Ragt 8,5 Einheiten über das l; ihre Basis sitzt auf der Grundlinie (63,95 ≈ 64,0)
Nicht erlaubt
Farbpalette
03Mürekkep Petrol
Primär · Logo, Headlines
- HEX
- #123F42
- RGB
- 18 63 66
- OKLCH
- oklch(0.33 0.05 195)
Edebiyatla Petrol
Marke · Aktionen, Akzent
- HEX
- #27696B
- RGB
- 39 105 107
- OKLCH
- oklch(0.46 0.079 190)
Deniz Camı
Sekundär · Flächen, Tags
- HEX
- #9CC7C2
- RGB
- 156 199 194
- OKLCH
- oklch(0.79 0.045 185)
Pirinç
Akzent · Auswahl, Preise
- HEX
- #B88A4A
- RGB
- 184 138 74
- OKLCH
- oklch(0.66 0.09 70)
Kâğıt
Neutral · Hintergrund
- HEX
- #F6F3EC
- RGB
- 246 243 236
- OKLCH
- oklch(0.96 0.01 85)
Grafit
Neutral · Text
- HEX
- #18201F
- RGB
- 24 32 31
- OKLCH
- oklch(0.23 0.012 185)
Anteil
Papier dominiert; Petrol spricht, Messing flüstert nur.
Typografie
04Hausschrift
Aa
Satoshi
Satoshi trägt die geometrisch-warmen Buchstabenformen der Wortmarke: ruhig im Lesetext, entschlossen in Headlines.
ABCÇDEFGĞHIİJKLMNOÖPRSŞTUÜVYZ
abcçdefgğhıijklmnoöprsştuüvyz
0123456789 — “ ” ! ?
Worte finden ihr Zuhause.
Ein Gedicht, eine Geschichte, ein Gespräch.
Auf Edebiyatla wird jeder Text als Arbeit präsentiert, die Aufmerksamkeit verdient. Großzügiger Zeilenabstand, weicher Kontrast, ruhiger Rhythmus.
Bildunterschrift · 12/16 · 1,5 % Laufweite
Bildsprache
05Federmuster
Rhythmische Wiederholung der Bildmarke für Verpackung, Cover und Hintergründe mit 6–12 % Deckkraft.
Federstrich
Eine feine Linie aus der Kurve der Feder, als Trenner und Akzent.
Seitenraster
Ein horizontaler Rhythmus wie Heftlinien; das Rückgrat redaktioneller Flächen.
Ikonografie
061,5 px Strich, runde Enden, 24-px-Raster. Icons bleiben feinlinig, passend zur Bildmarke.
Anwendungen
07Die Stimme der Feder, ein Zuhause für Lesende.
Visitenkarte
App-Icon
Gedicht des Tages
Manchmal genügt ein einziges Wort, um einen ganzen Abend zu tragen.
LesenMobile App
Manchmal genügt ein einziges Wort, um einen ganzen Abend zu tragen.
Social Media
Anthologie des Jahres
2026
Anthologie
Stofftasche
Liebe Lesende,
Briefpapier
Tonalität
08Literarisch, doch zugänglich
Sorgfältig, nicht verschnörkelt. Verständlich, aber nie gewöhnlich.
Warm, doch maßvoll
Spricht wie ein Freund, ohne Vertrautheit zu übertreiben.
Vertrauenswürdig, nicht belehrend
Informiert und führt; spricht nie von oben herab.
Ruhig, doch lebendig
Nie gehetzt, nie laut; weckt stets Neugier.
✓ Wir sagen
„Dein neues Gedicht wartet auf seine Lesenden.“
✕ Wir vermeiden
„Inhalt erfolgreich veröffentlicht!!! 🚀“
Raum & Proportion
098-pt-Raster
Alle Abstände sind Vielfache von 4: 4 · 8 · 16 · 24 · 32 · 48 · 64.
Proportion
Primärlogo 3,7 : 1; Bildmarke 1,43 : 1. Proportionen bleiben fix.
Eckenradius
Controls 12 px, Karten 16–24 px, wie die weichen Enden der Marke.
Zeilenlänge
Lesetext 60–72 Zeichen, Zeilenabstand 1,6–1,75.
Barrierefreiheit
10Was schön ist, sollte für alle schön sein. Die Kontrastwerte unten werden live aus der Palette berechnet; die Regeln gelten für die gesamte Oberfläche.
Kontrastwerte
- Graphit / Papier — Fließtext15.0:1AAA · Jeder Text
- Tintenpetrol / Papier — Headline10.4:1AAA · Jeder Text
- Petrol / Papier — Link, Akzent5.7:1AA · Fließtext
- Papier / Tintenpetrol — dunkler Grund10.4:1AAA · Jeder Text
- Papier / Petrol — Button5.7:1AA · Fließtext
- Glas / Tintenpetrol — sekundär auf dunkel6.3:1AA · Fließtext
- Messing / Papier — Zierde, Linie2.8:1Unter AA · Nur dekorativ
Regeln
Kontrastziel
Fließtext mindestens 4,5:1, großer Text mindestens 3:1. Farben unter der Schwelle nur für Zierde und Linien.
Sichtbarer Fokus
Interaktive Elemente erhalten beim Tastaturfokus einen sichtbaren 2-px-Ring; der Fokusring wird nie versteckt.
Bewegungspräferenz
Bei reduzierter Bewegung werden Animationen und Übergänge abgeschaltet und weiches Scrollen deaktiviert.
Kontrastpräferenz
Bei der Einstellung für mehr Kontrast werden Rahmen, Fokusring und Zweitextfarbe verstärkt.
Schriftskala
Die Oberfläche folgt den vier wählbaren Schriftgrößen (×0,875 · ×1 · ×1,125 · ×1,25); Text wird nicht durch feste Pixelhöhen abgeschnitten.
Sinnvolle Struktur
Ein h1 pro Seite und geordnete Überschriften; Navigationsbereiche tragen ein aria-label, Icon-Buttons einen Namen.