polybion-bio
Austerely luxurious and biologically focused. Giant editorial typography meets deep, organic earth tones—burgundy, ochre, and warm terracotta—evoking the intersection of a high-fashion atelier and a bio-design laboratory.
Visit siteRated
8.0/ 10
From 8 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
- 9.1
- Systemmeasured
- 7.0
- Distinctionmeasured
- 7.5
- on the grid
- 51%
- vertical rhythm
- 50%
- type on a scale
- 80%
- contrast passing AA
- 100%
- unlike the library
- 0.26
- model craft
- 7.8/10
- model deviation
- 6.3/10
Colour
Background#ffffff
Text#000000
Accent#511928
Surface#edede8
Muted#ffffff
Typefaces
- Display
- Platform Light
- Body
- Inter
- Mono
- —
- Source
- self_hosted
- Scale
- 17 · 24 · 90 · 96 · 156
Layout
- Grid
- 2 columns
- Container
- 860px
- Spacing base
- 4px
- Radius
- 24px
Capture
- Category
- fashion
- Sections
- 8
- Captured
- 2026-08-30
- Rhythm
- white → chalk x2 → olive ochre → deep burgundy → terracotta x3
Type rules
- display headlines set in ultra-light geometric grotesk with tight leading
- body text constrained to approximately 59 characters per line in disciplined columns
Colour rules
- each content phase shifts the entire viewport background to an immersive organic field
- text maintains absolute binary contrast using either pure black or white
Voice rules
- frame scientific processes through elevated material vocabulary
- keep call to action labels minimal and focused on collaboration
Holds it together
- use full-bleed monochromatic block backgrounds to separate thematic chapters
- anchor major narrative moments with oversized light-weight display type
- format interactive calls to action inside pill-shaped solid buttons
Contrast
text on background21.0:1 AAA
text on surface17.9:1 AAA
accent on background13.8:1 AAA
background on accent13.8:1 AAA
Type, measured
- Body
- 17px / 1.41
- Measure
- 59 characters
- Display
- 156px / 1
- Tracking
- 0em display
- Scale ratio
- 1.74
Voice
- Tone
- intellectual, precise, visionary
- Sentences
- medium
- Person
- first
- Vocabulary
- technical
- Calls to action
- work, talk, see
Built with
- Builder
- —
- Framework
- nuxt
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 17.2 screens
Sections in page order
3 marked strong · 8- 00
hero
StrongMonumental typographic masthead anchors an austere, editorial layout balancing scientific precision with high-fashion restraint.
- Mood
- editorial + luxurious
- Layout
- 2 col · split · airy
- 01
statement
A stark typographic statement rendered in an ultra-light geometric grotesk with asymmetric line indentations on a warm neutral background.
- Mood
- quiet + clinical
- Layout
- 24 col · asymmetric · airy
- 02
statement
StrongQuiet and expansive editorial layout with generous negative space anchoring a disciplined two-column statement and call to action.
- Mood
- quiet + editorial
- Layout
- 16 col · split · airy
- 03
feature
An earthy editorial section balancing massive sans-serif headline copy with structured multi-paragraph narrative text and a clean pill button.
- Mood
- warm + editorial
- Layout
- 2 col · split · balanced
- 04
feature
StrongDeep burgundy editorial section pairing large geometric display type with generous negative space and a crisp geometric emblem.
- Mood
- editorial + luxurious
- Layout
- 2 col · asymmetric · airy
- 05
statement
Warm and editorial statement section featuring large, right-aligned geometric sans typography across a bold terracotta field.
- Mood
- warm + editorial
- Layout
- 2 col · asymmetric · airy
- 06
statement
A vast expanse of warm terracotta negative space anchors minimal metadata typography pinned strictly along the bottom edge.
- Mood
- quiet + editorial
- Layout
- 2 col · grid · airy
- 07
statement
A quiet, essayistic layout with precise typography set against a saturated terracotta canvas evoking a curated gallery exhibition.
- Mood
- editorial + clinical
- Layout
- 2 col · asymmetric · airy
