Ultra
Spacious, disciplined, and clinical minimalism. The page behaves like an ultra-restrained personal index, relying on ample white space, muted typography, and subtle card borders to frame digital work and store items quietly.
Visit siteColour
Typefaces
- Display
- Inter
- Body
- Inter
- Mono
- DM Mono
- Source
- self_hosted
- Scale
- 10 · 12 · 13 · 14 · 15 · 18
Layout
- Grid
- 13 columns
- Container
- 978px
- Spacing base
- 4px
- Radius
- 8px · 12px
Capture
- Category
- portfolio
- Sections
- 7
- Captured
- 2026-08-29
- Rhythm
- white x6 → light grey
Type rules
- body text set in Inter at 15px with line length capped around 77 characters
- metadata timestamps and geographical coordinates set in DM Mono
- compact typographic scale topping out at 24px for a quiet, document-like hierarchy
Colour rules
- dominant pure white canvas (#ffffff) with dark grey text (#2e2e2e) for high clarity without harsh contrast
- mint green accent (#34d399) reserved exclusively for the availability status indicator dot
Voice rules
- first-person introductory copy without hyperbole
- short two-word action CTA buttons
Holds it together
- pin section category labels to the left column aligned with main content blocks
- use the single emerald accent dot exclusively for the availability status badge
- keep display type sizes modest, maxing out at 24px for an understated index layout
Contrast
Type, measured
- Body
- 15px / 1.5
- Measure
- 77 characters
- Display
- 24px / 1.2
- Tracking
- 0em display
- Scale ratio
- 1.12
Voice
- Tone
- understated, concise, professional
- Sentences
- medium
- Person
- first
- Vocabulary
- plain
- Calls to action
- contact, copy, view, subscribe
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 7 items
- Length
- 3.3 screens
Sections in page order
3 marked strong · 7- 00
hero
StrongQuiet and meticulously spaced minimal personal profile hero with understated typography, social icons, and subtle contact actions.
- Mood
- quiet + clinical
- Layout
- 14 col · centered · airy
- 01
hero
Minimalist designer introduction set against generous white space with structured label-aligned body copy and a persistent icon sidebar.
- Mood
- quiet + clinical
- Layout
- 13 col · asymmetric · airy
- 02
showcase
Minimal project showcase cards featuring glowing 3D spheres against crisp white containers.
- Mood
- quiet + dreamy
- Layout
- 7 col · stacked · airy
- 03
showcase
Clean, minimal portfolio card featuring smooth 3D renders in a restrained white container.
- Mood
- quiet + dreamy
- Layout
- 13 col · centered · airy
- 04
showcase
StrongQuiet, airy digital storefront list pairing minimal icon rows with aligned pricing against stark white space.
- Mood
- quiet + clinical
- Layout
- 15 col · split · airy
- 05
showcase
Clean, sparse blog index list with neutral typography and tagged meta labels.
- Mood
- quiet + clinical
- Layout
- 13 col · stacked · airy
- 06
cta
StrongAn ultra-minimal, airy newsletter signup form with quiet typography and a combined minimal footer.
- Mood
- quiet + clinical
- Layout
- 6 col · centered · airy
