Crazyui

Warm, minimalist editorial layout pairing lightweight serif titles with clean UI cards. Generous off-white whitespace creates a calm, curated catalog feel.

quiet editorial

Visit site ↗

Colour

Background#f6f4f2

Text#060612

Accent#000000

Surface#ffffff

Muted#6c6c6c

Typefaces

Display: Canela Text Trial Light
Body: Inter
Mono: —
Source: google
Scale: 12 · 14 · 15 · 16 · 20 · 24

Layout

Grid: 14 columns
Container: 795px
Spacing base: 8px
Radius: 8px · 16px · 24px

Capture

Category: tools
Sections: 9
Captured: 2026-08-27
Rhythm: warm-white x6 → light-gray → warm-white x2

Type rules

serif light display for all section titles
neutral grotesque body set around 45 characters per line

Colour rules

monochromatic palette on warm off-white canvas
solid black reserved strictly for primary buttons and focus states

Voice rules

concise benefit-driven headings
minimal technical jargon

Holds it together

pair lightweight serif headlines with clean sans-serif UI copy
use rounded pill buttons and soft-cornered card containers
maintain warm light-neutral backgrounds across all sections

Contrast

text on background18.4:1 AAA

muted text on background4.8:1 AA

text on surface20.1:1 AAA

accent on background19.1:1 AAA

background on accent19.1:1 AAA

Type, measured

Body: 16px / 1.5
Measure: 45 characters
Display: 42px / 1.2
Tracking: -0.03em display
Scale ratio: 1.27

Voice

Tone: restrained, direct
Sentences: short
Person: second
Vocabulary: plain
Calls to action: explore, get, view

Built with

Builder: framer
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 6 items
Length: 7.5 screens

Colour, by area

#f6f4f2 0%#edebe9 0%#000000 0%#ffffff 0%#0a0a0a 0%#69686e 0%

Sections in page order

3 strongest marked · 9

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

00
hero
Clean, understated hero section pairing elegant serif headline typography with generous warm-white space and minimal controls.
Mood
quiet + editorial
Layout
1 col · centered · airy
Open section →
01
gallery
A quiet, neatly organized component gallery presenting hero layout templates inside a minimalist browser mockup frame.
Mood
quiet + clinical
Layout
3 col · grid · balanced
Open section →
02
statement
Strongest
Quiet, refined statement section with an elegant serif headline and a subtle social proof badge on a warm neutral canvas.
Mood
quiet + editorial
Layout
1 col · centered · airy
Open section →
03
showcase
Airy gallery showcase displaying website templates on soft rounded cards under an elegant serif heading.
Mood
quiet + editorial
Layout
2 col · grid · airy
Open section →
04
showcase
A clean component gallery showcasing UI templates within softly rounded neutral cards on a warm off-white background.
Mood
quiet + editorial
Layout
12 col · grid · balanced
Open section →
05
statement
Strongest
Quiet editorial statement pairing refined serif typography with an inline interactive toggle switch and a minimal reasons card.
Mood
editorial + quiet
Layout
12 col · stacked · airy
Open section →
06
pricing
Strongest
A refined, warm pricing table pairing elegant serif headlines with minimal two-column product cards.
Mood
editorial + quiet
Layout
14 col · grid · balanced
Open section →
07
footer
Spacious, warm-toned editorial footer pairing an elegant serif statement with organized navigation columns.
Mood
quiet + editorial
Layout
14 col · split · airy
Open section →
08
other
An expansive, empty spacer block providing quiet visual breathing room between sections.
Mood
quiet
Layout
12 col · full bleed · airy
Open section →