Edebiyatla — Styleguide
The voice of the pen, a home for readers.
These guidelines keep Edebiyatla speaking in one voice at every touchpoint. Every rule grows from the logo: the fluid stroke of the quill and the balanced weight of the wordmark.
Logo Analysis
01Core shape
A quill: fluid, rising curves and a sharp nib. The universal symbol of writing.
Visual style
Organic brandmark + geometric, rounded wordmark. A balance of hand and machine.
Personality
Literary, warm, trustworthy, contemporary. Confident without shouting.
Ideal audience
Curious readers and writers, 18–45, who create or enjoy poems and stories.
Sector
Digital publishing, literary community, culture and education.
Emotion
Calm, inspiration, belonging. The scent of old paper meets a modern interface.
Positioning
Intimacy > authority > luxury > tech. Accessible premium; ‘editorial warmth’.
Aesthetic
Editorial minimalism: paper ground, deep teal ink, fine rules, room to breathe.
Logo System
02Primary logo
Brandmark
On light
On dark
On brand
Clear space
Keep at least half the brandmark height (x) free around the logo.
Minimum size
Primary logo: 96 px digital, 24 mm print. Brandmark never below 20 px / 6 mm.
Analysis
Values are measured from the original SVG paths along the true outline of each curve (unit: viewBox units; control points excluded). The baseline sits at 64.0.
- Wordmark ratio
- 303 : 82 = 3.695 : 1
- Brandmark ratio
- 106 : 74 = 1.432 : 1 (within 1.3% of √2)
- x-height / ascender
- 40.25 / 52.99 = 0.76 (d, b)
- Ascender : descender
- 52.99 : 17.93 ≈ 3 : 1
- Baseline position
- 64.0 / 81.9 = 78% of height
- Quill
- Rises 8.5 units above the l; its base sits on the baseline (63.95 ≈ 64.0)
Don'ts
Colour Palette
03Mürekkep Petrol
Primary · Logo, headlines
- HEX
- #123F42
- RGB
- 18 63 66
- OKLCH
- oklch(0.33 0.05 195)
Edebiyatla Petrol
Brand · Actions, emphasis
- HEX
- #27696B
- RGB
- 39 105 107
- OKLCH
- oklch(0.46 0.079 190)
Deniz Camı
Secondary · Surfaces, tags
- HEX
- #9CC7C2
- RGB
- 156 199 194
- OKLCH
- oklch(0.79 0.045 185)
Pirinç
Accent · Picks, awards
- HEX
- #B88A4A
- RGB
- 184 138 74
- OKLCH
- oklch(0.66 0.09 70)
Kâğıt
Neutral · Background
- 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)
Usage ratio
Paper dominates; teal speaks, brass only whispers.
Typography
04Corporate typeface
Aa
Satoshi
Satoshi carries the geometric yet warm letterforms of the wordmark: calm in long reads, confident in headlines.
ABCÇDEFGĞHIİJKLMNOÖPRSŞTUÜVYZ
abcçdefgğhıijklmnoöprsştuüvyz
0123456789 — “ ” ! ?
Words find their home.
A poem, a story, a conversation.
On Edebiyatla every text is presented as work worthy of the reader's attention. Generous leading, soft contrast, a calm rhythm.
Caption · 12/16 · 1.5% tracking
Graphic Language
05Quill pattern
A rhythmic repeat of the mark for packaging, covers and backdrops at 6–12% opacity.
Pen stroke
A fine line derived from the quill's curve, used as divider and highlight.
Page grid
A horizontal rhythm echoing notebook lines; the backbone of editorial surfaces.
Iconography
061.5 px stroke, round caps, 24 px grid. Icons stay light-lined to match the fluid weight of the mark.
Applications
07The voice of the pen, a home for readers.
Business card
App icon
Poem of the Day
Sometimes a single word is enough to carry a whole evening.
ReadMobile app
Sometimes a single word is enough to carry a whole evening.
Social media
Anthology of the Year
2026
Anthology
Tote bag
Dear reader,
Letterhead
Tone of Voice
08Literary, yet accessible
Careful, not ornate. Language everyone understands, never ordinary.
Warm, yet measured
Speaks to readers like a friend without overdoing familiarity.
Trustworthy, not authoritarian
Informs and guides; never talks down.
Calm, yet alive
Never rushed, never loud; always sparks curiosity.
✓ We say
“Your new poem is waiting for its readers.”
✕ We avoid
“Content published successfully!!! 🚀”
Space & Proportion
098 pt grid
All spacing is a multiple of 4: 4 · 8 · 16 · 24 · 32 · 48 · 64.
Ratio
Primary logo 3.7 : 1; brandmark 1.43 : 1. Ratios never change.
Corner radius
Controls 12 px, cards 16–24 px, echoing the soft ends of the mark.
Measure
Reading text 60–72 characters, line height 1.6–1.75.
Accessibility
10What is beautiful should be beautiful for everyone. The contrast ratios below are calculated live from the palette; the rules apply to the whole interface.
Contrast ratios
- Graphite / Paper — body text15.0:1AAA · Any text
- Ink Teal / Paper — headline10.4:1AAA · Any text
- Teal / Paper — link, accent5.7:1AA · Body text
- Paper / Ink Teal — dark ground10.4:1AAA · Any text
- Paper / Teal — button5.7:1AA · Body text
- Glass / Ink Teal — secondary on dark6.3:1AA · Body text
- Brass / Paper — ornament, rule2.8:1Below AA · Decorative only
Rules
Contrast target
Body text at least 4.5:1, large text at least 3:1. Colours below the threshold are used only for ornament and rules.
Visible focus
Interactive elements get a 2 px visible ring on keyboard focus; the focus ring is never hidden.
Motion preference
With reduced motion, animations and transitions are switched off and smooth scrolling is disabled.
Contrast preference
With the more-contrast preference, borders, focus ring and secondary text colour are strengthened.
Type scale
The interface follows the four text sizes users can pick (×0.875 · ×1 · ×1.125 · ×1.25); text is not clipped by fixed pixel heights.
Meaningful structure
One h1 per page and ordered headings; navigation regions are named with aria-label and icon-only buttons get a name.