danielsun-space
Airy, precise, and editorial with a quiet digital craftsman feel. Clean serif headlines rest on a subtle blueprint grid beneath a soft yellow zenith glow. Device mockups and pill tags float within generous negative space.
Visit siteRated
6.8/ 10
From 11 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.0
- Systemmeasured
- 4.5
- Distinctionmeasured
- 6.5
- on the grid
- 24%
- vertical rhythm
- 24%
- type on a scale
- 67%
- contrast passing AA
- 67%
- unlike the library
- 0.25
- model craft
- 7.7/10
- model deviation
- 3.9/10
Colour
Background#ffffff
Text#000000
Surface#303030
Muted#333333
Typefaces
- Display
- LT Superior Serif Regular
- Body
- Inter Display
- Mono
- —
- Source
- Scale
- 14 · 16 · 20 · 21 · 30 · 64
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 8px · 16px
Capture
- Category
- portfolio
- Sections
- 11
- Captured
- 2026-08-30
- Rhythm
- light → dark → light x3 → dark → light x5
Type rules
- display headlines set in sentence-case serif with tight tracking
- body copy set in neutral sans-serif at approximately 60 characters per line
Colour rules
- monochrome foundation of pure white background with stark black text
- rich visual colour is confined solely to project showcase assets
Voice rules
- introduce yourself directly in first person
- keep metadata tags concise and taxonomy-based
Holds it together
- render display headings in sentence-case serif type over a faint drafting grid background
- anchor project showcase cards with miniature metadata pill tags beneath the preview frame
- style primary action buttons as tactile dark pills with soft internal bevels and right-pointing glyphs
Contrast
text on background21.0:1 AAA
muted text on background12.6:1 AAA
text on surface1.6:1 fail
Type, measured
- Body
- 16px / 1.63
- Measure
- 60 characters
- Display
- 30px / 1.33
- Tracking
- -0.017em display
- Scale ratio
- 1.17
Voice
- Tone
- clear, direct, collaborative
- Sentences
- medium
- Person
- first
- Vocabulary
- plain
- Calls to action
- start, connect
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 6.9 screens
Sections in page order
3 marked strong · 11- 00
hero
An airy editorial portfolio hero pairing graceful serif typography with a subtle yellow zenith glow and tactile UI elements.
- Mood
- editorial + quiet
- Layout
- 1 col · stacked · airy
- 01
showcase
StrongCrisp studio presentation of a SaaS landing page framed on a modern laptop with soft directional shadows.
- Mood
- quiet + clinical
- Layout
- 6 col · centered · airy
- 02
showcase
High-contrast pair of studio portfolio cards balancing textured dark branding against bright isometric illustration.
- Mood
- bold + playful
- Layout
- 2 col · grid · balanced
- 03
showcase
A sleek studio mockup framing a tablet display with a punchy halftone gradient and bold branding.
- Mood
- editorial + bold
- Layout
- 3 col · centered · balanced
- 04
showcase
Crisp dual showcase cards pairing vibrant comic-style 3D illustrations with refined, dark-mode fintech interface mockups.
- Mood
- playful + clinical
- Layout
- 2 col · grid · balanced
- 05
showcase
Moody, polished device mockup presenting portfolio interface work on dark mineral stone with minimal metadata tags.
- Mood
- quiet + luxurious
- Layout
- 2 col · centered · balanced
- 06
statement
A stark, quiet typographic statement resting on a subtle grid background with immense negative space.
- Mood
- quiet + editorial
- Layout
- 1 col · asymmetric · airy
- 07
feature grid
Quiet, minimal two-column service grid featuring clean serif headings, short descriptive paragraphs, and software icon accents.
- Mood
- quiet + editorial
- Layout
- 2 col · grid · airy
- 08
feature grid
StrongA crisp, gallery-quiet grid of two service offerings anchored by minimal hairline borders and a subtle client logo strip below.
- Mood
- quiet + editorial
- Layout
- 2 col · grid · airy
- 09
statement
Quiet, airy editorial heading set in an elegant serif against a subtle drafting grid background.
- Mood
- quiet + editorial
- Layout
- 16 col · asymmetric · airy
- 10
footer
StrongClean, understated portfolio footer with delicate italic serif headings above an email clipboard pill and circular social links.
- Mood
- quiet + editorial
- Layout
- 2 col · split · airy
More like this
by shared mood