AI Modelling Agency | Deep Agency
Specimen
Deep charcoal expanse, clean sans-serif architecture, cool digital precision.




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 | __brett_006a88 | 18px | 400 | 1 | 0.72px | Aa Bb Cc |
| h2 | __brett_006a88 | 18px | 400 | 1 | 0 | Aa Bb Cc |
| h3 | __booton_10e94d | 20px | 600 | 1.5 | 0 | Aa Bb Cc |
| body | __booton_10e94d | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | __booton_10e94d | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #0ba7cc;
--color-surface: #3c0c1c;
--color-ink: #eb6e6d;
--color-accent: #a4748c;
--color-detail: #d4b8a4;
}
/* CSS variables exposed by source */
:root {
--font-brett: "__brett_006a88","__brett_Fallback_006a88",system-ui,Roboto,Arial,sans-serif;
--font-gamuth-display: "__gamuthDisplay_01a6f6","__gamuthDisplay_Fallback_01a6f6",Georgia,serif;
--font-booton: "__booton_10e94d","__booton_Fallback_10e94d",system-ui,Roboto,Arial,sans-serif;
--tw-ring-offset-shadow: 0 0 #0000;
--Maroon-950: #190308;
--Maroon-50: #ffe5f7;
--Core-White: #fffafc;
--Maroon-400: #c576a7;
--Green-200: #84c696;
--Lilac-400: #8787e0;
--Neutral-600: #715661;
--tw-ring-shadow: 0 0 #0000;
--Neutral-400: #a28993;
--Neutral-50: #f1eaed;
--Neutral-500: #8b6f7a;
--Maroon-500: #ab5c86;
--Neutral-750: #4c343e;
--Core-Screen-Black: #27181e;
--Red-400: #ff5340;
--Maroon-700: #772a4d;
--Lilac-800: #1c1c8a;
--Maroon-0: #fff7fd;
--Lilac-50: #ebebff;
--Gray-700: #4d4d4d;
--Green-800: #061c18;
--Maroon-100: #f4d7ea;
--Red-750: #7a080b;
--Green-50: #daf1da;
--Maroon-900: #390a1a;
--Neutral-700: #583f4a;
--Red-300: #ff8969;
--tw-border-spacing-x: 0;
--Lilac-600: #5050be;
--Neutral-950: #110a0d;
--Green-900: #000;
--Lilac-300: #a3a3ee;
--tw-scale-y: 1;
--Red-600: #b81b1e;
--Green-100: #bbe3be;
--Red-50: #ffe8db;
--tw-ring-color: rgba(59,130,246,.5);
--Maroon-600: #90436a;
--Red-900: #400303;
--Red-200: #ffb297;
--Maroon-800: #5b142e;
--Green-300: #5baa7b;
--Green-500: #277154;
--tw-translate-y: 0;
--Neutral-100: #e4dde0;
--Green-700: #0e392e;
--Lilac-200: #cdcdfe;
--Red-500: #e62324;
--Lilac-750: #2a2a96;
--tw-rotate: 0;
--Neutral-300: #b8a5ad;
--Maroon-200: #e5b6d5;
--tw-ring-offset-color: #fff;
--Lilac-950: #030331;
--Red-0: #fff8f4;
--Lilac-100: #dcdcff;
}Drop-in prompt
Build a landing page in the visual style of Descript.
Reference design system (extracted from the live site):
- Palette: #0ba7cc, #3c0c1c, #eb6e6d, #a4748c, #d4b8a4
- Typefaces: __brett_006a88, __booton_10e94d
- Macrostructure: Specimen
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/descript-com--tools