Factory
Feature Stack
Cool, geometric grid; stark sans-serif, deep charcoal, hints of burnt umber.




Click any value to copy. Roles are suggestions, not gospel.
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | CursorGothic | 26px | 400 | 1.25 | -0.325px | Aa Bb Cc |
| h2 | system-ui | 20px | 700 | 1.55 | 0 | Aa Bb Cc |
| h3 | CursorGothic | 22px | 400 | 1.3 | -0.11px | Aa Bb Cc |
| body | CursorGothic | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| caption | CursorGothic | 14px | 400 | 1.43 | 0 | Aa Bb Cc |
| button | CursorGothic | 14px | 400 | 1 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #c88e45;
--color-surface: #66461e;
--color-ink: #f4bcbc;
--color-accent: #988c62;
--color-detail: #aed4be;
}
/* CSS variables exposed by source */
:root {
--color-theme-button-bg: #26251e;
--color-theme-fg-01: color-mix(in oklab, #26251e 1%, transparent);
--spacing-prose-wide: 96ch;
--spacing-v9/12: calc(1rem * 1.4 * 9 / 12);
--color-slate-200: lab(91.7353% -.998765 -4.76968);
--spacing-v1.5: calc(1rem * 1.4 * 1.5);
--color-slate-500: lab(48.0876% -2.03595 -16.5814);
--text-base--line-height: calc(1.5 / 1);
--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
--radius-2xs: 2px;
--color-theme-product-editor: #f7f7f4;
--spacing-v5: calc(1rem * 1.4 * 5);
--color-theme-border-01-5: color-mix(in oklab, #26251e 5%, transparent);
--spacing-2xl: calc(calc(10rem / 16) * 3);
--color-text-secondary: color-mix(in oklab, #26251e 60%, transparent);
--spacing-g2.5: calc(calc(10rem / 16) * 2.5);
--color-gray-300: lab(85.1236% -.612259 -3.7138);
--font-mono: "berkeleyMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
--spacing-sm: calc(calc(10rem / 16) * .5);
--spacing-v3/12: calc(1rem * 1.4 * 3 / 12);
--color-gray-500: lab(47.7841% -.393182 -10.0268);
--text-slack-lg: 1rem;
--color-theme-fg-02-5: color-mix(in oklab, #26251e 2.5%, transparent);
--color-green-500: lab(70.5521% -66.5147 45.8073);
--color-white: #fff;
--color-accent: #f54e00;
--radius-sm: .25rem;
--font-weight-bold: 700;
--spacing-v7/12: calc(1rem * 1.4 * 7 / 12);
--color-gray-100: lab(96.1596% -.0823438 -1.13575);
--text-xs--line-height: calc(1 / .75);
--spacing-v2/12: calc(1rem * 1.4 * 2 / 12);
--color-theme-border-02-5: color-mix(in oklab, #26251e 20%, transparent);
--color-green-900: lab(30.797% -29.6927 17.382);
--radius-2xl: 1rem;
--color-info: color-mix(in oklab, #26251e 60%, transparent);
--radius-md: 8px;
--color-blue-800: lab(30.2514% 27.7853 -70.2699);
--color-theme-border-01: color-mix(in oklab, #26251e 2.5%, transparent);
--text-xl: 3.25rem;
--color-neutral-900: lab(7.78201% -.0000149012 0);
--radius-lg: .5rem;
--color-theme-button-sec-bg: transparent;
--color-border-bright: color-mix(in oklab, #26251e 20%, transparent);
--spacing-v2.5: calc(1rem * 1.4 * 2.5);
--color-warning-bg: color-mix(in srgb, #f54e00 15%, transparent);
--spacing-v6/12: calc(1rem * 1.4 * 6 / 12);
--color-green-600: lab(59.0978% -58.6621 41.2579);
--color-theme-product-chrome: #f2f1ed;
--spacing-g1.75: calc(calc(10rem / 16) * 1.75);
--text-md: 1.375rem;
--spacing-lg: calc(calc(10rem / 16) * 1.5);
--text-2xl--line-height: calc(2 / 1.5);
--spacing-v1: calc(1rem * 1.4);
--spacing: .25rem;
--spacing-g0.5: calc(calc(10rem / 16) * .5);
--spacing-v10/12: calc(1rem * 1.4 * 10 / 12);
--color-theme-button-sec-text: #26251e;
--spacing-v4: calc(1rem * 1.4 * 4);
--text-sm: .875rem;
}Drop-in prompt
Build a landing page in the visual style of Cursor — Changelog.
Reference design system (extracted from the live site):
- Palette: #c88e45, #66461e, #f4bcbc, #988c62, #aed4be
- Typefaces: CursorGothic, system-ui
- Macrostructure: Feature Stack
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/cursor-com--changelog