Editorial, magazine-like AI image brand: a warm cream/paper canvas with near-black ink, an enormous Exposure serif display at a calm 400 weight and very tight -7% tracking, Geist body and uppercase Enter Mono breadcrumb eyebrows, deep near-black announcement blocks, full-pill buttons, and a single soft lavender #bd9fff accent with warm beige section surfaces.
Browse Ideogram in the interactive gallery
Captured from the live site's computed styles into a prompt-ready DESIGN.md you can paste into Cursor, v0, Lovable, Bolt or Claude Code. Below is a summary of each captured surface.
Source: ideogram.ai (live DOM, computed styles), 2026-07-18 (desktop 1512px). Coverage: home / marketing (Ideogram 4.0). App/generator: pending login (needs-dashboard). Responsive: breakpoints from tokens only; mobile rendering not verified.
Editorial, magazine-like AI image brand: a warm cream/paper canvas set with an enormous Exposure serif display headline at a calm 400 weight and very tight negative tracking, so the hero reads like the cover of a design annual. Structure is quiet and typographic — an uppercase Enter Mono breadcrumb eyebrow, hairline rules, and near-black ink #232425 — while colour is rationed to a soft lavender #bd9fff accent and warm beige surfaces. Signature contrast: the serif Exposure display on cream vs a Geist sans voice inside deep near-black announcement blocks. Buttons are full pills. Nothing is neon; warmth, serif scale and restraint do the work, letting the generated imagery bring the colour. Feels: editorial, warm, refined, confident.
| Token | Hex | Role / usage |
|---|---|---|
| brand-paper | #fffdfb | Primary page background (warm white) |
| brand-cream | #fff9f4 | Warm cream sections / text on dark |
| beige | #ece7e0 | Warm beige inset surfaces / cards |
| ink-panel | #232425 | Dark near-black announcement blocks |
| black | #000000 | Sign-up button, deepest ink |
| Token | Hex | Role / usage |
|---|---|---|
| brand-ink | #232425 | Primary text, headings |
| muted | #232425 @ lower opacity | Secondary text on cream |
| cream-text | #fff9f4 | Text on dark ink panels |
| Token | Hex | Role / usage |
|---|---|---|
| brand-blue | #bd9fff | Signature lavender accent, CTA pill |
| brand-blue-soft | #efe8ff | Pale lavender tint / hover |
| red | #b92b2b | Error / destructive |
| Token | Hex | Role / usage |
|---|---|---|
| brand-rule | rgba(35,36,37,.12) | Hairline rules & dividers |
Rule: chrome is warm-neutral (ink #232425 on paper/cream); the lavender #bd9fff is the single reserved accent (CTA pill, highlights), beige #ece7e0 segments sections, and generated imagery supplies the rest of the colour.
"Exposure", Georgia, serif — a high-contrast serif set very large at 400 with extreme negative tracking."Geist Variable", Geist, ui-sans-serif, system-ui, sans-serif."Enter Mono", monospace — uppercase breadcrumbs.| Role | Size/Line | Weight | Tracking |
|---|---|---|---|
| Heading XL (h1, Exposure) | 74 / 72 | 400 | -0.07em (-5.18px) |
| Heading LG (Exposure) | 44 / 44 | 400 | -0.07em (-3.08px) |
| Heading MD (Geist) | 40 / .88 | 400 | -0.03em |
| Heading label | 17 / 20 | 500 | -0.04em |
| Paragraph LG | 24 / 32 | 400 | -0.03em |
| Paragraph MD | 18 / 26 | 400 | -0.03em |
| Paragraph SM | 16 / 24 | 400 | -0.03em |
| Mono eyebrow (Enter Mono) | ~12–13 | 400 | wide, UPPERCASE |
Patterns: the editorial signature is the Exposure serif at huge size, 400 weight and very tight -7% tracking; Geist carries UI and dark-block headings; body tracking is a consistent -0.03em. Eyebrows are uppercase mono.
Also documented in the full DESIGN.md: Component Stylings, Layout Principles, Depth & Elevation, Motion, Backgrounds, Effects & WebGL, Do's and Don'ts, Responsive Behavior, Agent Prompt Guide.