bychudy
Playful and inventive, structured entirely as an interactive macOS desktop workspace. Project artifacts scatter spatially like desktop files across a blurred portrait backdrop, anchored by a familiar system dock at the base.
Colour
Background#ffffff
Text#fffefc
Surface#d6d6d6
Muted#d6d6d6
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-09-06
- Rhythm
- light
Type rules
- all file labels set strictly at 13px in uppercase
- text centered directly beneath thumbnail file icons
Colour rules
- clean white background supporting a soft blurred portrait backdrop
- file labels rendered in light text against photographic media
Voice rules
- uppercase project titles only
- no body descriptions or marketing copy
Holds it together
- render each portfolio piece as an isolated desktop file icon with uppercase title beneath
- place an interactive OS application dock anchored at the bottom center of the viewport
- use a single fixed typography scale of 13px across all screen labels
Contrast
text on background1.0:1 fail
muted text on background1.4: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
- playful, terse
- Sentences
- short
- Person
- none
- Vocabulary
- plain
- Calls to action
- —
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 2 items
- Length
- 1 screens
Sections in page order
- 00
hero
StrongA playful desktop workspace with scattered project artwork floating across a blurred photographic silhouette above an OS dock.
- Mood
- playful + rebellious
- Layout
- 1 col · asymmetric · dense
