lab-grown-leather-com
A technical biotech narrative presented through the restrained visual codes of high-end luxury goods. Rich leather photography in warm amber tones meets sterile white cards, clean comparison matrices, and unhurried corporate typography.
Visit siteRated
5.7/ 10
From 12 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
- 6.0
- Systemmeasured
- 5.3
- Distinctionmeasured
- 5.6
- on the grid
- 30%
- vertical rhythm
- 52%
- type on a scale
- 50%
- contrast passing AA
- 80%
- unlike the library
- 0.24
- model craft
- 5.7/10
- model deviation
- 3.6/10
Colour
Background#ffffff
Text#656565
Accent#c9470c
Surface#f2f2f2
Muted#808080
Typefaces
- Display
- Lato
- Body
- Lato
- Mono
- —
- Source
- Scale
- 14 · 15 · 16 · 18 · 20 · 22
Layout
- Grid
- —
- Container
- —
- Spacing base
- 10px
- Radius
- 0px
Capture
- Category
- fashion
- Sections
- 12
- Captured
- 2026-08-31
- Rhythm
- dark → light x11
Type rules
- display headings set in heavy uppercase Lato with tight leading
- body paragraphs set at 16px with an open 1.8 line-height measure around 79 characters
Colour rules
- dark imagery and black background reserved exclusively for the hero viewport
- burnt orange accent restricted to primary investor CTA buttons and prominent link triggers
Voice rules
- lead with product performance claims over manufacturing methods
- use trademarked platform designations in all product headers
Holds it together
- offset product photographs with floating white descriptive cards overlapping the imagery
- present biological processes as structured horizontal node diagrams on pure white backgrounds
- keep calls to action dual-buttoned with high-contrast warm and cool pairings
Contrast
text on background5.8:1 AA
muted text on background4.0:1 AA Large
text on surface5.2:1 AA
accent on background4.8:1 AA
background on accent4.8:1 AA
Type, measured
- Body
- 16px / 1.8
- Measure
- 79 characters
- Display
- 160px / 0.88
- Tracking
- 0em display
- Scale ratio
- 1.78
Voice
- Tone
- declarative, scientific
- Sentences
- medium
- Person
- first
- Vocabulary
- technical
- Calls to action
- request, enquire, find
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 8.4 screens
Sections in page order
3 marked strong · 12- 00
hero
Tactile luxury radiates from a warm leather interior scene anchored by imposing uppercase typography.
- Mood
- luxurious + grounded
- Layout
- 1 col · full bleed · balanced
- 01
showcase
StrongStark clinical showcase pairing sparse technical typography with floating, multi-angled imagery of a bioengineered luxury bag.
- Mood
- clinical + luxurious
- Layout
- 1 col · asymmetric · airy
- 02
statement
A sterile corporate attribution split across clean white space with balanced investor-grade credibility.
- Mood
- reassuring + clinical
- Layout
- 2 col · split · airy
- 03
showcase
An earthy biotech product feature pairing warm leather photography with a clean overlaid card.
- Mood
- grounded + luxurious
- Layout
- 2 col · split · balanced
- 04
feature
StrongA restrained automotive material showcase combining rich studio leather photography with an overlapping editorial text card.
- Mood
- luxurious + serene
- Layout
- 3 col · asymmetric · balanced
- 05
feature
StrongA sterile corporate text card overlaps an unexpected 3D dinosaur render, blending biotech presentation with speculative science.
- Mood
- clinical + whimsical
- Layout
- 16 col · asymmetric · balanced
- 06
feature
Clean, scientific bio-tech explainer combining a structured feature checklist with a circular microscopic process diagram.
- Mood
- clinical + reassuring
- Layout
- 1 col · stacked · balanced
- 07
feature
Grounded and earthy split-image feature comparing leather material craft with ecological benefits under a warm autumnal palette.
- Mood
- grounded + reassuring
- Layout
- 1 col · split · balanced
- 08
comparison
A clean and functional comparison carousel evaluating leather alternatives against traditional animal hides with clear check and cross indicators.
- Mood
- clinical + reassuring
- Layout
- 1 col · centered · balanced
- 09
showcase
A clean radial photo layout of diverse industry applications orbiting a central title on warm off-white panels.
- Mood
- grounded + serene
- Layout
- 1 col · asymmetric · airy
- 10
showcase
A subdued and quiet news feed presenting press coverage through paired thumbnails and grey editorial summaries across a light backdrop.
- Mood
- serene
- Layout
- 3 col · grid · balanced
- 11
footer
A sparse, clinical corporate footer featuring institutional certification badges and ample neutral grey whitespace.
- Mood
- reassuring + clinical
- Layout
- 12 col · stacked · airy
