1# Typography Dimension
2 
3Headline and body text styling.
4 
5## Options
6 
7| Option | Headline Style | Body Style | Best For |
8|--------|----------------|------------|----------|
9| `geometric` | Modern sans-serif, clean angles | Clean sans-serif | Corporate, tech, modern |
10| `humanist` | Friendly sans-serif, warm curves | Readable sans-serif | Education, general audiences |
11| `handwritten` | Marker/brush, organic feel | Casual script or print | Creative, sketch, friendly |
12| `editorial` | Bold serif/sans mix, magazine style | Classic serif | Keynote, magazine, premium |
13| `technical` | Monospace accents, precise | Clean sans-serif | Developer, data, engineering |
14 
15## Rendering Guidelines
16 
17### geometric
18 
19**Headlines**: Modern geometric sans-serif with clean angles and consistent stroke width. Think Futura, Avenir, or Proxima Nova. Bold to semi-bold weight. Perfect circles in O, G characters.
20 
21**Body**: Clean sans-serif optimized for readability. Regular weight. Consistent x-height. Sufficient letter spacing.
22 
23**Characteristics**:
24- Mathematical precision in letterforms
25- Consistent stroke widths
26- Perfect geometry in curves
27- Modern, authoritative presence
28 
29### humanist
30 
31**Headlines**: Friendly sans-serif with subtle stroke variations. Think Frutiger, Open Sans, or Myriad. Medium to semi-bold weight. Warm, approachable letterforms.
32 
33**Body**: Readable humanist sans-serif. Comfortable line height. Slight calligraphic influence.
34 
35**Characteristics**:
36- Warm, approachable feel
37- Subtle stroke contrast
38- Open counters for readability
39- Natural, human touch
40 
41### handwritten
42 
43**Headlines**: Bold hand-written marker or brush lettering. Thick strokes with organic edges. Slightly uneven baseline. Render as actual hand-drawn letters.
44 
45**Body**: Clear handwritten style mimicking notes. Casual but legible. Natural variation in letter forms.
46 
47**Characteristics**:
48- Organic, imperfect letterforms
49- Visible brush/pen character
50- Casual, personal feel
51- NOT computer fonts - actual drawn letters
52 
53### editorial
54 
55**Headlines**: Bold serif or high-contrast sans-serif. Magazine cover style. Dramatic scale contrast. Think Playfair Display, Didot, or bold condensed sans.
56 
57**Body**: Classic serif for extended reading. Elegant, refined letterforms. Traditional publishing quality.
58 
59**Characteristics**:
60- High contrast (thick/thin strokes)
61- Dramatic headlines
62- Sophisticated presence
63- Premium, publication quality
64 
65### technical
66 
67**Headlines**: Clean sans-serif with monospace accents for data/code. Precise, engineered appearance. Think SF Mono for code, Inter for headers.
68 
69**Body**: Clean sans-serif optimized for technical content. Fixed-width for numbers and code.
70 
71**Characteristics**:
72- Monospace for data elements
73- Precise alignment
74- Clear number distinction (0 vs O, 1 vs l)
75- Engineering precision
76 
77## Font Rendering Instructions
78 
79Since image generators cannot use font names, describe visual characteristics:
80 
81| Option | Headline Description | Body Description |
82|--------|---------------------|------------------|
83| geometric | "bold geometric sans-serif with perfect circular O shapes" | "clean modern sans-serif" |
84| humanist | "friendly rounded sans-serif with warm letterforms" | "readable humanist sans-serif" |
85| handwritten | "bold hand-drawn marker lettering with organic strokes" | "casual handwritten notes style" |
86| editorial | "dramatic high-contrast serif with thick-thin stroke variation" | "elegant classic serif" |
87| technical | "precise sans-serif with monospace numbers" | "technical sans-serif, fixed-width for code" |
88 
89## Combination Notes
90 
91| Typography | Works Best With | Avoid With |
92|------------|-----------------|------------|
93| geometric | clean texture, professional/neutral mood | organic texture |
94| humanist | organic/clean texture, warm mood | pixel texture |
95| handwritten | organic/paper texture, warm/vibrant mood | grid texture, professional mood |
96| editorial | clean texture, vibrant/professional mood | pixel texture |
97| technical | grid/clean texture, cool/dark mood | paper texture, warm mood |
98