Descript — About
Specimen
Loading
AI Modelling Agency | Deep Agency
Cool, clinical blues and warm ochres, crisp sans-serif lines in spacious, airy composition.
Click any value to copy. Roles are suggestions, not gospel.
- #fb6b26oklch(69.8% 0.192 42)Dominant
- #eeae92oklch(80.4% 0.085 45)Surface
- #a83f15oklch(50.8% 0.148 40)Ink
- #957063oklch(57.8% 0.051 40)Accent
- #b9c1ccoklch(80.8% 0.018 256)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Clarika | 60px | 700 | 1 | -1.5px | Aa Bb Cc |
| body | Clarika | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | Clarika | 16px | 500 | 1.5 | 0 | Aa Bb Cc |
:root {
--color-dominant: #fb6b26;
--color-surface: #eeae92;
--color-ink: #a83f15;
--color-accent: #957063;
--color-detail: #b9c1cc;
}
/* CSS variables exposed by source */
:root {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-scale-x: 1;
--tw-ring-shadow: 0 0 #0000;
--tw-scale-y: 1;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-border-opacity: 1;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-shadow: 0 0 #0000;
--tw-translate-y: 0;
--tw-translate-x: 0;
--tw-ring-offset-width: 0px;
--tw-transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
--tw-rotate: 0;
--tw-ring-offset-color: #fff;
}Drop-in prompt
Build a landing page in the visual style of AI Modelling Agency | Deep Agency.
Reference design system (extracted from the live site):
- Palette: #fb6b26, #eeae92, #a83f15, #957063, #b9c1cc
- Typefaces: Clarika
- 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/deepagency-com
