kononenkogroup-com
Quiet, austere, and uncompromisingly editorial. Expansive negative space lets large serif headlines and fine-line metadata breathe like an architectural monograph, transitioning from stark white methodology into deep black retrospective metrics.
Visit siteRated
6.6/ 10
From 16 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 8.3
- Systemmeasured
- 4.8
- Distinctionmeasured
- 6.4
- on the grid
- 52%
- vertical rhythm
- 35%
- type on a scale
- 38%
- contrast passing AA
- 67%
- unlike the library
- 0.24
- model craft
- 7.4/10
- model deviation
- 5.3/10
Colour
Background#ffffff
Text#000000
Surface#f8f8f8
Muted#929292
Typefaces
- Display
- n
- Body
- h
- Mono
- —
- Source
- self_hosted
- Scale
- 9 · 12 · 14 · 30 · 33 · 60
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px
Capture
- Category
- studio
- Sections
- 16
- Captured
- 2026-08-31
- Rhythm
- light x11 → dark x5
Type rules
- display typography scales up to 131px with negative tracking and tight leading
- body text runs at a narrow measure of 54 characters at 12px
Colour rules
- strictly monochrome palette with zero chromatic accent colors
- monolithic transition from pure white upper page to pure black lower page
Voice rules
- frame architectural service as intellectual and systematic discipline
- avoid promotional language in favor of archival objectivity
Holds it together
- dedicate large screen regions entirely to empty negative space around single headlines
- pair monumental serif headers with minute, columnar index citations
- maintain a strict monochrome palette with no accent colors
Contrast
text on background21.0:1 AAA
muted text on background3.1:1 AA Large
text on surface19.8:1 AAA
Type, measured
- Body
- 12px / 1.2
- Measure
- 54 characters
- Display
- 131px / 0.7
- Tracking
- -0.03em display
- Scale ratio
- 1.82
Voice
- Tone
- austere, precise, philosophical
- Sentences
- medium
- Person
- first
- Vocabulary
- technical
- Calls to action
- —
Built with
- Builder
- —
- Framework
- —
- Motion
- lenis
- WebGL
- yes
- Nav
- top_bar, 4 items
- Length
- 21.1 screens
Sections in page order
3 marked strong · 16- 00
hero
Quiet, minimalist composition pairing a photorealistic architectural facade against an expansive void of clean white space.
- Mood
- serene + contemplative
- Layout
- 2 col · split · airy
- 01
statement
Minimalist typographic statement featuring stark black sans-serif lettering suspended in vast white space with quiet two-column annotations below.
- Mood
- serene + energetic
- Layout
- 6 col · stacked · airy
- 02
showcase
Luxurious architectural showcase framing high-end residential design nestled within an atmospheric forest and mountain landscape.
- Mood
- luxurious + serene
- Layout
- 4 col · full bleed · airy
- 03
statement
An austere, airy architectural statement section balancing a large serif overview against precise multi-column index metadata.
- Mood
- serene + contemplative
- Layout
- 3 col · grid · airy
- 04
feature
StrongStark, text-dense architectural section pairing massive serif display typography with a disciplined, fine-line directory of global offices.
- Mood
- contemplative + clinical
- Layout
- 24 col · stacked · airy
- 05
other
A vast expanse of pure white space creating an airy pause between content sections.
- Mood
- serene
- Layout
- 2 col · centered · airy
- 06
statement
Stark editorial statement featuring high-contrast serif typography set against expansive white space.
- Mood
- contemplative + serene
- Layout
- 12 col · stacked · airy
- 07
statement
An airy, monochrome editorial statement driven by large serif prose and meticulous, small-scale metadata citations.
- Mood
- contemplative + serene
- Layout
- 6 col · asymmetric · airy
- 08
statement
An ultra-minimal white canvas anchored solely by a single centered title against vast empty space.
- Mood
- serene
- Layout
- 2 col · centered · airy
- 09
statement
Vast whitespace surrounds a quiet, deliberate editorial paragraph explaining architectural methodology.
- Mood
- serene + contemplative
- Layout
- 12 col · asymmetric · airy
- 10
gallery
An expansive, airy gallery displaying architectural projects in a quiet, asymmetrical staggered rhythm across vast white space.
- Mood
- serene + contemplative
- Layout
- 1 col · asymmetric · airy
- 11
statement
StrongAn expansive dark void framed by disciplined serif typography creates a dramatic sense of quiet contemplation and scale.
- Mood
- serene + contemplative
- Layout
- 1 col · asymmetric · airy
- 12
stats
Austere and monumental black section centered on an oversized milestone headline with quiet supporting text beneath.
- Mood
- serene + energetic
- Layout
- 4 col · stacked · airy
- 13
stats
Stark black expanse balancing elegant typography and key metrics pushed dramatically to the right margin.
- Mood
- serene + contemplative
- Layout
- 8 col · asymmetric · airy
- 14
showcase
StrongAn austere, pitch-black space populated only by whispered stats and floating client badges leading into a monumental serif headline.
- Mood
- luxurious + serene
- Layout
- 1 col · asymmetric · airy
- 15
statement
Dramatic dark statement section featuring massive high-contrast serif typography layered over subtle monochrome emblems.
- Mood
- luxurious + energetic
- Layout
- 1 col · centered · dense
