jellyjellyjelly-com
Tactile scrapbook maximalism meets retro computer nostalgia. Expressive multi-font typography and oversized purple digital brushstrokes collide with vintage beige monitors, sticky notes, and skeuomorphic file folders. A muted textured backdrop keeps the chaos readable and craft-focused.
Visit siteColour
Background#ededed
Text#171717
Accent#bea1fe
Surface#111111
Muted#9ca3af
Typefaces
- Display
- Mattone
- Body
- Epilogue
- Mono
- Courier Prime
- Source
- Scale
- 10 · 12 · 14 · 17 · 18 · 19
Layout
- Grid
- —
- Container
- —
- Spacing base
- 5px
- Radius
- 8px
Capture
- Category
- other
- Sections
- 11
- Captured
- 2026-08-30
- Rhythm
- light x4 → dark → mixed → light x4 → dark
Type rules
- headlines mix multiple distinct display typefaces across single words for graphic texture
- body text runs at approximately 52 characters per line in Epilogue
- labels and interactive file trees use Courier Prime monospace
Colour rules
- textured pale gray (#ededed) serves as the primary canvas for 80 percent of the experience
- saturated lavender (#bea1fe) is reserved for expressive brushstroke lettering and navigation tabs
- deep black (#111111) is applied strictly to skeuomorphic container panels and the grounding footer
Voice rules
- conversational microcopy with self-aware studio humor
- short sentences paired with mixed-font graphic statements
Holds it together
- dock primary navigation as colorful pastel file tabs along the left viewport edge
- render major transition headers as hand-painted purple calligraphic brush gestures
- frame interactive case studies inside nostalgic skeuomorphic OS desktop windows
- scatter tactile 3D objects like gummy bears and wired earbuds to reinforce the physical scrapbook aesthetic
Contrast
text on background15.3:1 AAA
muted text on background2.2:1 fail
text on surface1.1:1 fail
accent on background1.9:1 fail
background on accent1.9:1 fail
Type, measured
- Body
- 20px / 1.2
- Measure
- 52 characters
- Display
- 91px / 1
- Tracking
- -0.01em display
- Scale ratio
- 1.46
Voice
- Tone
- playful, irreverent, collaborative
- Sentences
- short
- Person
- first
- Vocabulary
- informal
- Calls to action
- book, submit
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 9.1 screens
Sections in page order
11- 00
hero
Playful, eclectic hero section featuring multi-typeface word art, floating 3D gummy elements, and vertical pastel navigation tabs on a textured canvas.
- Mood
- playful + nostalgic
- Layout
- 1 col · asymmetric · airy
- 01
hero
A bold, nostalgic hero section dominated by giant purple gestural brush lettering framing a retro desktop computer monitor.
- Mood
- playful + nostalgic
- Layout
- 12 col · centered · airy
- 02
showcase
A nostalgic Y2K-era computer monitor layered over expressive, hand-painted purple lettering creating a playful retro centerpiece.
- Mood
- nostalgic + playful
- Layout
- 8 col · centered · balanced
- 03
statement
A playful retro collage pairing a vintage beige computer workstation with giant expressive purple airbrushed lettering.
- Mood
- nostalgic + playful
- Layout
- 2 col · centered · airy
- 04
showcase
A playful retro desktop OS window framing a design portfolio with illustrated folder icons and humorous sidebar tasks.
- Mood
- nostalgic + playful
- Layout
- 1 col · centered · balanced
- 05
showcase
A stark dark void severed abruptly by expressive purple brushstroke typography emerging along the lower perimeter.
- Mood
- raw + bold
- Layout
- 16 col · full bleed · airy
- 06
statement
Raw, expressive purple painted brushstroke lettering sweeps across a clean pale canvas.
- Mood
- playful + bold
- Layout
- 1 col · full bleed · airy
- 07
statement
Expressive purple digital brushstrokes form oversized, energetic lettering across a clean light canvas.
- Mood
- playful + raw
- Layout
- 2 col · full bleed · airy
- 08
statement
A raw, hand-painted statement header featuring energetic purple brush lettering across a textured light backdrop.
- Mood
- playful + raw
- Layout
- 1 col · full bleed · airy
- 09
feature
A playful, tactile scrapbook collage mixing torn paper textures, playful stickers, and a rounded contact form card.
- Mood
- playful + nostalgic
- Layout
- 1 col · stacked · airy
- 10
footer
Skeuomorphic folder tab footer styled like dark cardstock with wired earphones and monospace studio credits.
- Mood
- nostalgic + playful
- Layout
- 1 col · asymmetric · airy
