№ olhalazarieva-com

Olha Lazarieva · Creative Designer

Crisp, cool grayscale, geometric clarity, expansive negative space evokes quiet confidence.

Letterminimalism monochrome portfoliolight

Olha Lazarieva · Creative Designer - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Olha Lazarieva · Creative Designer - full page scroll

Olha Lazarieva · Creative Designer - mobile full page

Palette

Click any value to copy. Roles are suggestions, not gospel.

SwatchHexOKLCHSuggested roleCopy

Hex#838678
OKLCHoklch(61.3% 0.021 117)
RoleDominant
find sites →
Hex#bec0b8
OKLCHoklch(80.4% 0.011 118)
RoleSurface
find sites →
Hex#44463e
OKLCHoklch(39.0% 0.013 118)
RoleInk
find sites →
Hex#82847c
OKLCHoklch(60.9% 0.012 118)
RoleAccent
find sites →
Hex#babcb4
OKLCHoklch(79.1% 0.011 118)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Sofia Sans Condensed	14px	400	1.4	0	Aa Bb Cc
h2	Sofia Sans Condensed	14px	400	1.4	0	Aa Bb Cc
h3	Spline Sans Mono	18px	300	0.99	-2%	Aa Bb Cc
button	Spline Sans Mono	20px	400	0.99	-2%	Aa Bb Cc

Spacing scale

15px

28px

38px

113px

135px

143px

150px

188px

225px

Radius scale

0px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #838678;
  --color-surface: #bec0b8;
  --color-ink: #44463e;
  --color-accent: #82847c;
  --color-detail: #babcb4;
}

/* CSS variables exposed by source */
:root {
  --text-gray-color: #908c8c;
  --bg-color: #f7f7f7;
  --text-color: #101010;
  --text-gray-second-color: #aaa;
  --transition-main: cubic-bezier(0.11,0.82,0.39,0.92);
  --white: #fff;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Olha Lazarieva · Creative Designer.
Reference design system (extracted from the live site):
- Palette: #838678, #bec0b8, #44463e, #82847c, #babcb4
- Typefaces: Sofia Sans Condensed, Spline Sans Mono
- Macrostructure: Letter
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/olhalazarieva-com

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

Sofia Sans Condensed

14px

400

1.4

Aa Bb Cc

Sofia Sans Condensed

14px

400

1.4

Aa Bb Cc

Spline Sans Mono

18px

300

0.99

-2%

Aa Bb Cc

button

Spline Sans Mono

20px

400

0.99

-2%

Aa Bb Cc

:root { --color-dominant: #838678; --color-surface: #bec0b8; --color-ink: #44463e; --color-accent: #82847c; --color-detail: #babcb4; } /* CSS variables exposed by source */ :root { --text-gray-color: #908c8c; --bg-color: #f7f7f7; --text-color: #101010; --text-gray-second-color: #aaa; --transition-main: cubic-bezier(0.11,0.82,0.39,0.92); --white: #fff; }

Build a landing page in the visual style of Olha Lazarieva · Creative Designer. Reference design system (extracted from the live site): - Palette: #838678, #bec0b8, #44463e, #82847c, #babcb4 - Typefaces: Sofia Sans Condensed, Spline Sans Mono - Macrostructure: Letter 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/olhalazarieva-com