bychudy
Playful OS-desktop metaphor. Free-floating album artwork and project thumbnails scatter over a blurred portrait backdrop above a simulated dock.
Visit site ↗Colour
Background#ffffff
Text#fffefc
Surface#d6d6d6
Muted#fffefc
Typefaces
- Display
- SF Pro Text Bold
- Body
- SF Pro Text Bold
- Mono
- —
- Source
- self_hosted
- Scale
- 13
Layout
- Grid
- —
- Container
- —
- Spacing base
- 5px
- Radius
- 4px
Capture
- Category
- portfolio
- Sections
- 1
- Captured
- 2026-08-27
- Rhythm
- light
Type rules
- all copy rendered in single 13px system font
- text labels placed strictly beneath or overlaying icon thumbnails
Colour rules
- white typography directly overlaid on imagery with subtle drop shadow
- monochrome backdrop contrasted with full-colour artwork thumbnails
Voice rules
- labels are uppercase project titles only
- no conventional body copy
Holds it together
- treat project links as desktop icon clusters with centered text labels beneath
- anchor primary utilities into a simulated desktop dock at the bottom edge
Contrast
text on background1.0:1 fail
muted text on background1.0:1 fail
text on surface1.4:1 fail
Type, measured
- Body
- 13px / 1.2
- Measure
- 18 characters
- Display
- 13px / 1.2
- Tracking
- 0em display
- Scale ratio
- —
Voice
- Tone
- creative, informal
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- —
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 2 items
- Length
- 1 screens
Colour, by area
#ffffff 0%#d6d6d6 0%
Sections in page order
1 strongest marked · 1- 00
hero
StrongestAn interactive desktop-OS inspired creative portfolio hero layering scattered album artwork and project icons across a blurred portrait backdrop.
- Mood
- playful + nostalgic
- Layout
- 1 col · asymmetric · dense
