caldera-xyz

Monolithic, industrial, and ultra-confident. Massive condensed black grotesque typography commands an expansive warm-grey canvas, balanced by technical isometric machine diagrams and high-energy orange and cobalt feature blocks.

bold clinical

Visit site

Rated

6.9/ 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: 8.5
Systemmeasured: 4.6
Distinctionmeasured: 8.1

on the grid: 15%
vertical rhythm: 57%
type on a scale: 50%
contrast passing AA: 60%
unlike the library: 0.27
model craft: 7.5/10
model deviation: 5.1/10

Colour

Background#e2e2df

Text#070607

Accent#fc5000

Surface#f7f6f2

Muted#070607

Typefaces

Display: PP Neue Corp Compact Ultrabold
Body: DM Sans
Mono: —
Source: google
Scale: 14 · 16 · 18 · 26 · 30 · 32

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 16px · 24px · 9999px

Capture

Category: tools
Sections: 10
Captured: 2026-08-30
Rhythm: light x9 → mixed

Type rules

display type uses tight line-height with heavy condensed letterforms in Title Case
body text maintains a narrow measure around 61 characters for clean readability

Colour rules

warm grey #e2e2df anchors the vast majority of the canvas
high-voltage orange #fc5000 and cobalt #524ae9 are reserved for featured interactive modules and CTAs

Voice rules

headlines are punchy Title Case statements under five words
CTAs use direct action verbs like Explore or Book

Holds it together

render hero and section titles in heavy condensed grotesque type with title casing
pair warm-grey backgrounds with high-saturation orange and cobalt modular cards
use isometric line illustrations and dot matrix textures to ground technical concepts

Contrast

text on background15.6:1 AAA

muted text on background15.6:1 AAA

text on surface18.7:1 AAA

accent on background2.6:1 fail

background on accent2.6:1 fail

Type, measured

Body: 16px / 1.55
Measure: 61 characters
Display: 64px / 1
Tracking: 0em display
Scale ratio: 1.41

Voice

Tone: authoritative, technical, punchy
Sentences: short
Person: second
Vocabulary: technical
Calls to action: explore, book, learn, get

Built with

Builder: framer
Framework: —
Motion: —
WebGL: —
Nav: —
Length: 9.5 screens

Sections in page order

3 marked strong · 10

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Monolithic condensed black typography anchors an expansive warm-grey canvas with asymmetric Swiss layout precision.
Mood
bold + quiet
Layout
1 col · asymmetric · airy
Open section →
01
stats
Strong
Vibrant orange metric tabs pack high-energy stats above a clean monochromatic client logo ribbon.
Mood
bold + clinical
Layout
4 col · stacked · balanced
Open section →
02
statement
Massive, high-impact condensed typography punches through a subtle halftone dot grid in an assertive, brutalist declaration.
Mood
bold + raw
Layout
1 col · full bleed · dense
Open section →
03
feature
Strong
Stark split feature card pairing dense industrial typography with an intricate monochrome isometric machine illustration set against vivid purple.
Mood
bold + clinical
Layout
1 col · split · balanced
Open section →
04
feature
High-contrast technical feature card pairing high-voltage orange isometric hardware diagrams with ultra-bold grotesque typography on a subtle dot matrix.
Mood
clinical + bold
Layout
1 col · stacked · airy
Open section →
05
feature
Strong
Modular interactive tabbed cards pairing pill-shaped category selectors with a vibrant cobalt blue content panel.
Mood
bold + clinical
Layout
2 col · split · balanced
Open section →
06
announcement
Vibrant orange media cards arranged in a horizontal row over a clean neutral backdrop with halftone dot patterning.
Mood
bold + clinical
Layout
1 col · grid · balanced
Open section →
07
cta
Bold community hub featuring ultra-chunky condensed typography, stat cards, and an electric violet newsletter signup over a halftone pattern.
Mood
bold + playful
Layout
1 col · stacked · balanced
Open section →
08
logo bar
Clean investor logo grid displayed on soft white rounded cards over a subtle halftone dot pattern.
Mood
clinical + quiet
Layout
4 col · grid · balanced
Open section →
09
footer
Punchy modular footer pairing a high-contrast black CTA card with bright orange circular social icons over a dotted halftone texture.
Mood
bold + playful
Layout
2 col · split · balanced
Open section →