contralabs-com
An authored, scholarly elegance where classical art meets future tech. Serene mint and cream expanses provide generous breathing room, punctuated by Renaissance portraits interacting playfully with modern digital devices.
Visit siteColour
Background#fbfaf6
Text#2b2b29
Accent#387478
Surface#c8e1dd
Muted#387478
Typefaces
- Display
- Source Serif 4 Variable
- Body
- GT Standard L Regular
- Mono
- —
- Source
- Scale
- 14 · 15 · 16 · 22 · 33 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 999px
Capture
- Category
- other
- Sections
- 19
- Captured
- 2026-08-30
- Rhythm
- mint x2 → cream x5 → teal → mint x2 → cream x9
Type rules
- display headlines set in delicate sentence-case serif with tight letter tracking
- body text set in neutral grotesque at roughly 72 characters per line
- category badges and section tags set in small uppercase grotesque
Colour rules
- warm cream background dominates the layout with mint and deep teal serving as deliberate tonal breaks
- dark charcoal text sits on warm cream and mint for soft, low-fatigue contrast
Voice rules
- lead with short definitive statements about human taste and creative evaluation
- use precise, academic vocabulary over standard software marketing clichés
Holds it together
- pair classical fine art imagery with dithered digital hardware motifs
- use full-width tonal shifts between soft mint, warm cream, and deep teal to pace long-scroll narrative
- enclose all call-to-action buttons in fully rounded pill shapes with minimal border styling
Contrast
text on background13.6:1 AAA
muted text on background5.1:1 AA
text on surface10.3:1 AAA
accent on background5.1:1 AA
background on accent5.1:1 AA
Type, measured
- Body
- 15px / 1.33
- Measure
- 72 characters
- Display
- 598px / 1
- Tracking
- -0.04em display
- Scale ratio
- 2.51
Voice
- Tone
- scholarly, confident, declarative
- Sentences
- short
- Person
- third
- Vocabulary
- refined
- Calls to action
- request, explore, learn
Built with
- Builder
- framer
- Framework
- —
- Motion
- lenis
- WebGL
- yes
- Nav
- —
- Length
- 18.1 screens
Sections in page order
19- 00
hero
A serene, airy mint-toned hero pairing literary serif typography with minimalist pill buttons and vast negative space.
- Mood
- quiet + editorial
- Layout
- 1 col · asymmetric · airy
- 01
feature grid
Cool-toned cards paired with elegant serifs and cropped classical oil paintings create an authored, scholarly atmosphere.
- Mood
- editorial + quiet
- Layout
- 2 col · grid · balanced
- 02
other
A completely blank, warm cream spacer creating expansive breathing room across the page layout.
- Mood
- quiet
- Layout
- 2 col · full bleed · airy
- 03
other
An empty, warm off-white canvas functioning as an airy compositional pause.
- Mood
- quiet
- Layout
- 16 col · full bleed · airy
- 04
feature
An airy and serene warm cream space offering calm editorial breathing room.
- Mood
- quiet + editorial
- Layout
- 1 col · centered · airy
- 05
statement
A refined editorial statement juxtaposing classical painting aesthetics with modern smartphone usage in a serene split layout.
- Mood
- editorial + playful
- Layout
- 8 col · split · airy
- 06
statement
Extremely airy editorial section with vast warm negative space, refined serif typography, and a stark dark rectangular block.
- Mood
- quiet + editorial
- Layout
- 1 col · asymmetric · airy
- 07
stats
Elegant teal editorial statement pairing serif typography with stat callouts and classical art imagery.
- Mood
- editorial + luxurious
- Layout
- 1 col · stacked · balanced
- 08
showcase
A narrow painterly visual break showcasing a rich classical art detail of hands adorned with gold rings against a teal backdrop.
- Mood
- luxurious + editorial
- Layout
- 8 col · full bleed · airy
- 09
showcase
A tightly cropped horizontal banner of classical oil painting focusing on an ornate hand, evoking tactile luxury and mystery.
- Mood
- luxurious + editorial
- Layout
- 16 col · full bleed · airy
- 10
statement
Renaissance portrait snippets with modern digital styluses punctuate oversized, delicate editorial serif typography across a clean cream layout.
- Mood
- editorial + playful
- Layout
- 8 col · centered · airy
- 11
cta
An intelligent editorial callout interweaving oversized serif typography with playful, modern-device-bearing classical art portraits.
- Mood
- editorial + playful
- Layout
- 12 col · asymmetric · balanced
- 12
cta
An airy, surreal editorial space punctuated by a solitary pill button between Renaissance art collages.
- Mood
- editorial + quiet
- Layout
- 1 col · asymmetric · airy
- 13
showcase
A quiet, gallery-like expanse dominated by an anachronistic classical oil collage juxtaposed against vast breathing room.
- Mood
- quiet + editorial
- Layout
- 2 col · asymmetric · airy
- 14
showcase
A classical, painterly still-life vignette framed by deep teal curtains and antique books, exuding academic mystery and quiet craft.
- Mood
- luxurious + nostalgic
- Layout
- 2 col · centered · airy
- 15
showcase
A classical still life juxtaposed with dithered digital elements creates a surreal, scholarly mood across an expansive canvas.
- Mood
- editorial + nostalgic
- Layout
- 1 col · stacked · airy
- 16
statement
An expansive, serene space featuring cropped classical artwork collaged with digital elements across a rhythm of soft pastel columns.
- Mood
- quiet + editorial
- Layout
- 1 col · stacked · airy
- 17
other
An empty expanse of warm off-white canvas functioning as pure visual breathing room.
- Mood
- quiet
- Layout
- 1 col · centered · airy
- 18
nav
An ultra-quiet bottom navigation bar floating against an expansive off-white canvas with restrained typography and pill actions.
- Mood
- quiet + warm
- Layout
- 8 col · split · airy
