# Typography, Layout, and Graphic Design Terms for AI Image Prompts

A detailed guide to type classifications, lettering, hierarchy, grids, spacing, print finishes, diagrams, posters, packaging, and text-in-image instructions.

**Category:** Graphic Design
**Tags:** image-generation, typography, graphic-design, layout, text
**Updated:** 2026-09-04

Canonical source: https://www.aiscribbles.com/guide/typography-layout-and-graphic-design/
Markdown source: https://www.aiscribbles.com/guide/typography-layout-and-graphic-design/index.md

# Typography, Layout, and Graphic Design

Generative images can misspell or distort type. Keep copy short, quote it exactly, describe hierarchy and placement, and use a layout tool for long or legally sensitive text.

```text
Headline reads exactly “FIELD NOTES” in large uppercase condensed sans-serif letters,
centered across the top. No other text, numbers, symbols, logos, or watermark.
```

## Typeface classifications

| Class | Defining features | Typical visual tone |
| --- | --- | --- |
| Old-style serif | Bracketed serifs, diagonal stress, moderate contrast, humanist proportions. | Literary, warm, established. |
| Transitional serif | More vertical stress and sharper contrast than old style. | Formal, clear, classic. |
| Didone / modern serif | Very high thick-thin contrast, vertical stress, hairline unbracketed serifs. | Fashion, luxury, drama. |
| Slab serif | Heavy blocklike serifs, low-to-moderate contrast. | Robust, editorial, industrial. |
| Clarendon | Bracketed sturdy slab serif with moderate contrast. | Heritage, poster-like, friendly authority. |
| Glyphic / incised serif | Flared or chiseled terminals inspired by carved lettering. | Monumental, refined, inscriptional. |
| Humanist sans | Calligraphic proportions and open forms. | Accessible, warm, readable. |
| Grotesque sans | Early sans forms with compact, sometimes quirky proportions. | Utilitarian, modernist. |
| Neo-grotesque sans | Neutral uniform strokes and controlled shapes. | Corporate, systematic, restrained. |
| Geometric sans | Circular bowls and geometry-led construction. | Clean, modern, architectural. |
| Rounded sans | Softened terminals and corners. | Friendly, informal, approachable. |
| Condensed sans | Narrow letterforms fit strong headlines in limited width. | Urgent, editorial, athletic. |
| Monospaced | Every character occupies equal width. | Technical, archival, code-like. |
| Script | Connected or flowing handwritten forms. | Personal, formal, celebratory depending on style. |
| Brush script | Visible brush pressure and energetic joins. | Casual, expressive, sign-painted. |
| Blackletter | Dense angular medieval-derived strokes. | Historic, ceremonial, subcultural. |
| Display / decorative | Designed mainly for large sizes with distinctive personality. | Specific; avoid for body copy. |
| Stencil | Bridges preserve counters in cut letterforms. | Industrial, military, fabricated. |
| Pixel / bitmap | Forms built on visible square grid. | Retro-digital, game-like. |
| Variable-style lettering | Width, weight, slant, or optical size visibly shifts. | Flexible and contemporary. |

## Type anatomy vocabulary

- **Baseline:** invisible line on which most letters sit.
- **Cap height:** height of uppercase letters.
- **X-height:** height of lowercase x; large x-height often increases apparent size.
- **Ascender:** stroke rising above x-height, as in `b` or `h`.
- **Descender:** stroke falling below baseline, as in `g` or `p`.
- **Stem:** principal vertical or diagonal stroke.
- **Bowl:** enclosed curved stroke in `b`, `d`, or `O`.
- **Counter:** enclosed or partly enclosed negative space in a letter.
- **Aperture:** opening in forms such as `c`, `e`, or `s`.
- **Serif:** finishing stroke at a main stroke end.
- **Bracket:** curved transition connecting serif and stem.
- **Terminal:** non-serif ending of a stroke.
- **Spur:** small projecting stroke.
- **Crossbar:** horizontal stroke, as in `A` or `H`.
- **Ligature:** combined glyph for character pairs such as `fi`.
- **Swash:** decorative extended entry or exit stroke.
- **Stress:** directional axis implied by thick-thin transition.
- **Contrast:** difference between thick and thin strokes.

## Weight, width, and posture

| Term | Meaning |
| --- | --- |
| Hairline / thin | Extremely delicate strokes; needs high contrast and large size. |
| Light | Airy reduced weight. |
| Regular / book | Normal reading weight. |
| Medium | Slight emphasis without full boldness. |
| Semibold / demibold | Strong emphasis with retained detail. |
| Bold | Heavy strokes for hierarchy. |
| Black / heavy | Maximum mass and impact. |
| Condensed | Narrow width, efficient but potentially dense. |
| Extended / expanded | Wide letterforms with broad stance. |
| Italic | Purpose-drawn cursive or slanted companion forms. |
| Oblique | Mechanically or geometrically slanted roman forms. |
| Upright | Non-slanted posture. |
| Small caps | Capitals designed near lowercase height, not merely scaled-down capitals. |
| Unicase | Upper- and lowercase-inspired forms share one apparent height. |

## Spacing and typesetting

- **Kerning:** adjustment between specific character pairs.
- **Tracking / letterspacing:** uniform spacing adjustment across a range.
- **Leading / line spacing:** baseline-to-baseline vertical distance.
- **Word spacing:** interval between words.
- **Measure:** line length; shorter measures suit narrow columns and captions.
- **Alignment:** left, right, centered, justified, or aligned to a visual axis.
- **Rag:** irregular edge of flush-left or flush-right text; `clean rag` avoids awkward shapes.
- **Justification:** spacing expands so both column edges align; may create rivers.
- **River:** accidental vertical channel of white through text.
- **Widow:** short last line of a paragraph separated or visually stranded.
- **Orphan:** first/last line or short word stranded across a break; definitions vary by convention.
- **Hanging punctuation:** punctuation projects into margin to preserve optical alignment.
- **Optical alignment:** edges adjusted by perception rather than strict geometry.
- **Baseline grid:** text lines align to a shared vertical rhythm.
- **Hyphenation:** word breaks at line ends; usually avoid in short generated display copy.

## Case and text treatments

| Treatment | Prompt cue |
| --- | --- |
| Uppercase | `set in ALL CAPS` |
| Lowercase | `all lowercase wordmark` |
| Title case | `capitalize principal words` |
| Sentence case | `only initial word and proper names capitalized` |
| Outline | `hollow outlined letters with uniform 3px stroke` |
| Inline | `thin decorative line running inside heavy letters` |
| Drop shadow | `hard offset shadow down-right, no blur` |
| Extruded | `shallow dimensional letter extrusion` |
| Beveled | `small beveled edge catching highlights` |
| Embossed | `letters raised from paper` |
| Debossed | `letters pressed into paper` |
| Foil-stamped | `reflective copper foil lettering` |
| Knockout / reversed | `white letters knocked out of navy rectangle` |
| Gradient-filled | Describe exact start/end colors and direction. |
| Textured fill | Name material or print texture and preserve legibility. |
| Arched / curved baseline | `headline follows a shallow upward arc` |
| Vertical type | Clarify rotated word versus stacked upright letters. |

## Lettering and sign-making styles

- **Hand lettering:** custom-drawn letterforms with intentional variation.
- **Calligraphy:** writing shaped by a specific broad-edge, pointed-pen, brush, or monoline tool.
- **Copperplate-like script:** high-contrast pointed-pen strokes and formal slant.
- **Italic calligraphy:** broad-edge rhythmic letters with modest slant.
- **Brush lettering:** pressure-sensitive energetic thick-thin strokes.
- **Sign painting:** hand-painted letters, often with shade, outline, or casual script.
- **One-stroke lettering:** economical brush-built commercial letters.
- **Casual monoline:** uniform handwritten stroke and simple joins.
- **Chalk lettering:** powdery hand-drawn forms on dark board with flourishes.
- **Graffiti tag:** fast personal signature mark; distinct from filled pieces or murals.
- **Bubble lettering:** rounded inflated display forms.
- **Block lettering:** simple sturdy constructed capitals.
- **Carved inscription:** incised letters with chisel-shaped terminals and physical shadows.
- **Neon lettering:** luminous glass-tube monoline with mounting clips and colored halo.
- **Marquee lettering:** dimensional letters with rows of exposed bulbs.

## Hierarchy terms

| Level | Function |
| --- | --- |
| Masthead | Publication or recurring series name. |
| Eyebrow / kicker | Small line above headline providing category/context. |
| Headline | Dominant message and first reading point. |
| Deck / standfirst | Supporting summary beneath headline. |
| Subheading | Divides content sections. |
| Body copy | Main reading text; generate externally when length matters. |
| Pull quote | Enlarged quotation used as secondary focal point. |
| Caption | Small text associated with image or figure. |
| Label | Short identifier attached to object, axis, or control. |
| Callout | Annotation highlighting a feature. |
| Folio | Page number and related running information. |
| Running head | Repeated section/publication title at page edge. |
| Footer | Bottom metadata or navigation area. |
| Byline | Creator/author credit. |
| Dateline | Date/location line in editorial contexts. |
| Call to action | Action-oriented button or statement. |

Control hierarchy with relative scale: `headline 4× larger than subtitle; caption 40% of subtitle size`.

## Grid systems

| Grid | Structure | Best suited to |
| --- | --- | --- |
| Manuscript grid | One principal content rectangle with margins. | Books, essays, simple posters. |
| Column grid | Vertical columns with gutters. | Editorial pages, responsive layouts. |
| Modular grid | Columns and rows create repeatable cells. | Catalogs, dashboards, systematic posters. |
| Baseline grid | Horizontal rhythm aligns text lines. | Multi-column typography. |
| Hierarchical grid | Unequal zones follow content importance. | Websites, packaging, varied information. |
| Swiss-style grid | Rigorous asymmetric columns, sans type, objective organization. | Modernist posters and information design. |
| Golden-ratio grid | Divisions follow proportional relationships. | Books, premium editorial design. |
| Radial grid | Elements align around center or arc. | Diagrams, expressive posters. |
| Diagonal grid | Baselines and blocks follow angled axes. | Dynamic event graphics. |
| Broken grid | Selected elements deliberately cross or escape underlying grid. | Expressive editorial design. |

Grid vocabulary: **margin**, **column**, **gutter**, **module**, **spatial zone**, **baseline**, **guide**, **trim**, **bleed**, **safe area**, and **fold**.

## Layout structures

- **Centered formal:** symmetrical vertical hierarchy and equal side margins.
- **Asymmetric modernist:** left-aligned type, unequal blocks, active negative space.
- **Hero image:** one dominant image with overlaid or adjacent copy.
- **Split layout:** frame divided into two major regions.
- **Band layout:** horizontal strips stack content.
- **Sidebar layout:** narrow supporting column beside main field.
- **Card layout:** discrete enclosed modules.
- **Bento layout:** varied rectangular cards pack into a clean matrix.
- **Full-bleed image:** visual extends beyond trim on all sides.
- **Image-led spread:** photography dominates with minimal text.
- **Type-led poster:** typography is the primary image.
- **Collage layout:** overlapping fragments create layered hierarchy.
- **Specimen layout:** systematic examples compare type, color, or components.
- **Data-dense dashboard:** compact repeated modules with strict alignment.
- **Minimal layout:** few elements and generous margins; still needs clear hierarchy.
- **Maximalist layout:** dense decorative layering coordinated by repetition and scale.

## Poster genres and useful cues

| Genre | Visual language |
| --- | --- |
| Typographic poster | Type is dominant; scale contrast, grid, and letterform shape drive composition. |
| Photographic poster | Hero image plus restrained text hierarchy and deliberate copy space. |
| Illustrated poster | Image and title share a unified medium and palette. |
| Constructivist-inspired | Diagonals, geometric forms, limited red/black/cream palette, bold sans type. |
| International-style | Asymmetric grid, sans type, objective photography, generous negative space. |
| Psychedelic | Distorted lettering, vibrating complementary colors, dense organic shapes. |
| Screen-printed gig poster | Limited spot colors, bold imagery, ink texture, event hierarchy. |
| Letterpress broadside | Strong type, ornaments/rules, physical impression, uncoated paper. |
| Propaganda-style | Monumental figures, simplified message hierarchy, directional rays; specify context responsibly. |
| Wayfinding poster | Immediate symbol, high contrast, concise copy, distance readability. |
| Exhibition poster | Artwork/title/date/venue with curatorial restraint. |
| Infographic poster | Charts, labels, icons, and explanatory sequence dominate. |

## Logo and identity vocabulary

- **Wordmark:** brand name rendered as custom or selected lettering.
- **Lettermark / monogram:** initials form the identifying mark.
- **Pictorial mark:** recognizable object used as symbol.
- **Abstract mark:** nonliteral geometry identifies brand.
- **Combination mark:** symbol plus wordmark.
- **Emblem:** lettering enclosed within badge, seal, or crest.
- **Responsive logo:** detail simplifies across sizes.
- **Negative-space mark:** background gaps form a secondary symbol.
- **Geometric mark:** constructed from circles, grids, or simple polygons.
- **Organic mark:** irregular natural curves and asymmetry.
- **Mascot:** illustrated character represents identity.
- **Badge:** compact enclosed mark suited to labels and avatars.
- **Lockup:** approved spatial arrangement of logo components.
- **Clear space:** protected area surrounding mark.

For logo generation, request a simple silhouette, few colors, no mockup, no extra text, and test it at small size. Vectorize and refine manually before production use.

## Information graphics

| Form | Appropriate use |
| --- | --- |
| Bar chart | Compare discrete quantities. |
| Line chart | Show change over ordered/continuous interval. |
| Area chart | Emphasize accumulated magnitude over time. |
| Scatter plot | Show relationship/distribution between two variables. |
| Pie/donut chart | Show a small number of parts of a whole; labels must remain clear. |
| Timeline | Sequence dated events along an axis. |
| Flowchart | Steps and decision branches connected by directional arrows. |
| Process diagram | Ordered stages without necessarily branching. |
| Network diagram | Nodes and relationships. |
| Sankey diagram | Flow quantities represented by varying band width. |
| Map | Geographic position; choose choropleth, point, route, or contour treatment. |
| Exploded diagram | Components separated while preserving assembly relation. |
| Cutaway | Interior revealed through removed exterior section. |
| Anatomical plate | Labeled structures with consistent leaders and hierarchy. |
| Icon array | Repeated symbols represent proportions or counts. |

Generated charts may contain false data. Supply exact values, verify every mark, and recreate data-critical graphics with deterministic software.

## Packaging terms

- **Primary panel / front of pack:** main brand, product name, variant, and hero image.
- **Side panel:** secondary information, story, instructions, or specifications.
- **Back panel:** detailed copy, barcode, ingredients, warnings, or legal information.
- **Dieline:** flat cut, fold, glue, and bleed template; use deterministic tools for manufacturing.
- **Hang tag:** separate card attached by string or fastener.
- **Belly band:** printed strip wrapping partly or fully around product.
- **Sleeve:** open-ended printed cover sliding over inner package.
- **Tuck box:** folded carton with closing flaps.
- **Rigid box:** wrapped board construction with separate lid or magnetic closure.
- **Pouch:** flexible package, often gusseted and heat sealed.
- **Blister pack:** transparent formed plastic over printed backing.
- **Label:** adhesive or wrapped printed substrate.
- **Tamper seal:** visible closure proving package integrity.
- **Window:** cutout exposing product, sometimes covered by film.

Print/finish terms: **spot color**, **four-color process**, **white ink**, **foil stamp**, **emboss**, **deboss**, **spot UV**, **soft-touch lamination**, **die cut**, **perforation**, **kiss cut**, and **registered varnish**.

## Exact-text checklist

1. Quote the exact text.
2. Spell it letter by letter when short and critical.
3. State capitalization and punctuation.
4. Limit the number of text blocks.
5. Assign each block a location and hierarchy level.
6. Keep surfaces front-facing and minimally distorted.
7. Require `no other text` when appropriate.
8. Inspect accents, digits, repeated letters, mirrored glyphs, and punctuation.
9. Replace or typeset text after generation if absolute accuracy matters.

## Prompt patterns

```text
vertical 2:3 museum poster on warm off-white paper, strict six-column grid, small uppercase
red eyebrow at top-left, enormous black neo-grotesque headline reading exactly “FORM / FIELD”,
one cobalt geometric shape crossing columns 4–6, generous margins, no other text
```

```text
premium tea box front panel, centered gold-foil emblem above the exact words “NORTH GARDEN” in
widely tracked uppercase serif letters, small subtitle “JASMINE TEA”, deep forest-green uncoated
paper, blind-debossed leaf pattern, straight-on flat artwork without perspective mockup
```

```text
clean four-step process infographic, left-to-right sequence, four equal modules connected by
one continuous arrow, consistent two-color line icons, short numbered labels 1 through 4,
ample whitespace, strong figure-ground separation, no decorative pseudo-text
```

Use generative output for ideation and imagery, then verify typography, accessibility, data, bleed, dielines, and print production in appropriate design software.