duna-com
An unexpected pairing of serene, painterly natural landscapes with disciplined enterprise SaaS layouts. Muted charcoal typography and clean card components float on white space.
Visit siteRated
6.5/ 10
From 9 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.4
- Systemmeasured
- 4.7
- Distinctionmeasured
- 5.7
- on the grid
- 24%
- vertical rhythm
- 72%
- type on a scale
- 50%
- contrast passing AA
- 40%
- unlike the library
- 0.23
- model craft
- 7.4/10
- model deviation
- 3.2/10
Colour
Background#ffffff
Text#292421
Accent#aeec1d
Surface#f7f7f5
Muted#898683
Typefaces
- Display
- GT America Regular
- Body
- GT America Regular
- Mono
- —
- Source
- Scale
- 12 · 14 · 16 · 17 · 18 · 20
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 100px
Capture
- Category
- saas
- Sections
- 9
- Captured
- 2026-08-30
- Rhythm
- light x8 → dark
Type rules
- display typography set in sentence case with tight line height
- body text runs wide up to approximately 82 characters per line
Colour rules
- body background remains pure white across content sections
- soft painterly artwork bookends the page in hero and footer
Voice rules
- pair efficiency metrics with enterprise features
- keep headings brief and declarative
Holds it together
- frame technical software features with dreamy illustrative landscape banners
- render UI mockups in ultra-soft off-white cards with minimal elevation
- use pill-shaped black buttons for primary interaction points
Contrast
text on background15.3:1 AAA
muted text on background3.6:1 AA Large
text on surface14.3:1 AAA
accent on background1.4:1 fail
background on accent1.4:1 fail
Type, measured
- Body
- 20px / 1.4
- Measure
- 82 characters
- Display
- 80px / 1
- Tracking
- 0em display
- Scale ratio
- 1.41
Voice
- Tone
- poised, precise
- Sentences
- short
- Person
- second
- Vocabulary
- technical
- Calls to action
- schedule, get started, explore, discover
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 10.3 screens
Sections in page order
3 marked strong · 9- 00
hero
StrongA serene, painted mountain landscape in warm pastel tones sets an unexpectedly tranquil and dreamy atmosphere for an AI onboarding platform.
- Mood
- dreamy + warm
- Layout
- 1 col · stacked · airy
- 01
logo bar
An airy and subdued social proof bar displaying monochromatic client logos beneath a quiet compliance statement.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 02
stats
Crisp, monochrome metric callouts stacked neatly above minimalist feature columns separated by fine hairline dividers.
- Mood
- clinical + quiet
- Layout
- 3 col · stacked · airy
- 03
logo bar
Spacious, minimal social proof section with centered typography above a row of muted monochrome fintech logos.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 04
feature
StrongClean, airy SaaS feature breakdown alternating stacked UI cards and list items beneath a painterly sky banner.
- Mood
- quiet + clinical
- Layout
- 1 col · stacked · airy
- 05
feature
A clean, clinical enterprise feature showcase pairing an interactive list with an angled isometric wall of partner integration logos.
- Mood
- clinical + quiet
- Layout
- 2 col · split · airy
- 06
statement
Minimalist, clean trust and compliance band featuring quiet typography paired with circular security certification badges on a pale grey field.
- Mood
- quiet + clinical
- Layout
- 8 col · split · airy
- 07
showcase
A clean, restrained news feed pairing poised photography and abstract graphic cards with generous whitespace.
- Mood
- quiet + editorial
- Layout
- 2 col · grid · airy
- 08
footer
StrongSerene painterly landscape backdrop transforming a standard multi-column footer into an immersive, dreamy closing note.
- Mood
- dreamy + quiet
- Layout
- 1 col · full bleed · airy
