Finach
Specimen
Loading
The studio of Sergey Lisovskiy (Siarhiej Lisoŭski)
Monochrome, brutalist grid; cold, precise sans-serif, vast negative space.
Click any value to copy. Roles are suggestions, not gospel.
- #80807eoklch(59.9% 0.003 106)Dominant
- #bdbdbcoklch(79.8% 0.001 106)Surface
- #424241oklch(37.9% 0.002 106)Ink
- #7e7c7coklch(58.8% 0.002 17)Accent
- #c0c0bfoklch(80.8% 0.001 106)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Apfel Grotezk | 43px | 400 | 1 | -1.728px | Aa Bb Cc |
| h2 | Apfel Grotezk | 43px | 400 | 1 | -1.728px | Aa Bb Cc |
| body | Apfel Grotezk | 43px | 400 | 1 | -1.728px | Aa Bb Cc |
| button | Apfel Grotezk | 43px | 400 | 1 | -1.728px | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #80807e;
--color-surface: #bdbdbc;
--color-ink: #424241;
--color-accent: #7e7c7c;
--color-detail: #c0c0bf;
}
/* CSS variables exposed by source */
:root {
--space-m: .66rem;
--color-line: black;
--space-s: .2rem;
--color-back: white;
--color-asset-bg: #00000008;
--space-l: 1rem;
--color-front: black;
--floppy-metal: #9f9b98;
--floppy-main: #312e2b;
--floppy-sticker: white;
--floppy-dark: black;
}Drop-in prompt
Build a landing page in the visual style of The studio of Sergey Lisovskiy (Siarhiej Lisoŭski).
Reference design system (extracted from the live site):
- Palette: #80807e, #bdbdbc, #424241, #7e7c7c, #c0c0bf
- Typefaces: Apfel Grotezk
- 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/lisovskiy-work
