Klyro
Calm, airy, and high-trust enterprise software presentation. Warm limestone surfaces and translucent glass 3D assets are punctuated by vibrant coral light bursts and crisp charcoal typography.
Rated
6.0/ 10
From 10 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.4
- Systemmeasured
- 4.3
- Distinctionmeasured
- 0.0
- on the grid
- 25%
- vertical rhythm
- 61%
- type on a scale
- 36%
- contrast passing AA
- 50%
- unlike the library
- 0.00
- model craft
- 7.9/10
- model deviation
- 4.0/10
Colour
Background#edeae6
Text#0d0f0f
Accent#ff3b44
Surface#fffefc
Muted#737373
Typefaces
- Display
- Funnel Display
- Body
- Funnel Sans
- Mono
- —
- Source
- Scale
- 12 · 14 · 15 · 16 · 18 · 20
Layout
- Grid
- 8 columns
- Container
- 1380px
- Spacing base
- 4px
- Radius
- 12px · 24px
Capture
- Category
- saas
- Sections
- 10
- Captured
- 2026-10-03
- Rhythm
- cream x3 → dark → cream x6 → dark
Type rules
- display headlines use sentence case with tight negative letter spacing (-0.04em)
- body copy stays centered or left-aligned at an average 58-character line measure
Colour rules
- warm stone #edeae6 dominates 75% of the page background
- coral red #ff3b44 is reserved for ambient glow gradients, focal badges, and primary action buttons
- deep slate #0d0f0f frames technical process blocks and the footer
Voice rules
- lead with operational friction removal and ownership preservation
- pair architecture workflows directly with concrete before-and-after benchmarks
Holds it together
- anchor major narrative brackets (hero and final CTA) with vertical coral aurora gradient glows
- use floating rounded pill containers to elevate product UI diagrams and architectural flows above the stone canvas
- contrast dark container sections against light panels to demarcate multi-stage operational workflows
Contrast
text on background16.0:1 AAA
muted text on background4.0:1 AA Large
text on surface19.1:1 AAA
muted text on surface4.7:1 AA
accent on background2.9:1 fail
background on accent2.9:1 fail
Type, measured
- Body
- 16px / 1.4
- Measure
- 58 characters
- Display
- 52px / 1.1
- Tracking
- -0.04em display
- Scale ratio
- 1.34
Voice
- Tone
- declarative, confident, reassuring
- Sentences
- short
- Person
- second
- Vocabulary
- technical
- Calls to action
- book, subscribe, talk
Built with
- Builder
- framer
- Framework
- —
- Motion
- lenis
- WebGL
- yes
- Nav
- —
- Length
- 9.6 screens
Mode
Sections in page order
- 00
hero
Airy and luminous enterprise SaaS hero featuring warm cream tones, a soft crimson aura, and an iridescent glass prism anchoring the partner strip.
- Mood
- serene + ethereal
- Layout
- 1 col · centered · airy
- 01
hero
Quiet and airy product presentation framed by warm off-white tones, refined sans typography, and an elevated software window.
- Mood
- serene + clinical
- Layout
- 1 col · stacked · airy
- 02
feature grid
A dark, highly structured four-step process section framed in a rounded card with precise line diagrams and calm typography.
- Mood
- clinical + reassuring
- Layout
- 4 col · stacked · airy
- 03
feature
Quiet, airy architectural diagram positioning the product between enterprise systems with crisp typography and subtle luminous nodes.
- Mood
- serene + clinical
- Layout
- 3 col · centered · airy
- 04
stats
Clean metric cards on a warm background using sequential numbering and a vivid red highlight to emphasize zero overhead.
- Mood
- reassuring + clinical
- Layout
- 4 col · stacked · balanced
- 05
comparison
Quiet cream comparison cards anchored by delicate technical diagrams and bridged by a soft red luminous divider.
- Mood
- serene + clinical
- Layout
- 2 col · split · balanced
- 06
feature grid
A crisp, clinical three-step deliverable breakdown rendered with delicate wireframe diagrams and tiny red technical accents on warm off-white.
- Mood
- clinical + serene
- Layout
- 3 col · grid · airy
- 07
faq
A spacious, calm FAQ section set against warm cream with numbered accordion items and crisp circular toggle controls.
- Mood
- serene + reassuring
- Layout
- 2 col · split · airy
- 08
cta
A warm, luminous card cradled in soft crimson aura curtains invites action with quiet, centered restraint.
- Mood
- ethereal + serene
- Layout
- 1 col · centered · airy
- 09
footer
A spacious, dark-mode footer with quiet typography, orderly multi-column link groups, and a sharp coral red newsletter signup.
- Mood
- serene + reassuring
- Layout
- 5 col · split · airy
