Jijo's Space
Ethereal, whimsical, and deeply personal. Vast white spaces open into vibrant sky-blue atmospheres and tactile 3D interactive vignettes like picnics on grass and floating paper planes. Soft serif typography and introspective prose lend the experience a meditative, dreamlike pacing.
Visit site ↗Colour
Background#ffffff
Text#3a3028
Accent#0088ff
Surface#f5f0e8
Muted#545454
Typefaces
- Display
- Instrument Serif
- Body
- Author
- Mono
- —
- Source
- Scale
- 10 · 12 · 13 · 14 · 15 · 16
Layout
- Grid
- 12 columns
- Container
- 1440px
- Spacing base
- 4px
- Radius
- 8px
Capture
- Category
- portfolio
- Sections
- 10
- Captured
- 2026-08-27
- Rhythm
- white x5 → cream → white x2 → sky blue x2
Type rules
- editorial serif headlines in sentence case anchored by quiet humanist body type
- body measure held strictly to around 62 characters per line for comfortable essay reading
Colour rules
- deep warm charcoal (#3a3028) handles primary typography instead of pure black
- pure white transitions into saturated sky blue (#0088ff) to signify shifts in atmospheric space
Voice rules
- written as personal philosophy and sensory storytelling rather than product pitches
- first-person voice centered on hands, heart, and creative intent
Holds it together
- use expansive empty canvases to pace the flow and let visual vignettes breathe
- integrate tactile 3D physical objects as narrative chapter anchors rather than UI mockups
- keep UI controls and navigational chrome floating minimally to preserve an open sky feel
Contrast
text on background12.9:1 AAA
muted text on background7.6:1 AAA
text on surface11.3:1 AAA
accent on background3.5:1 AA Large
background on accent3.5:1 AA Large
Type, measured
- Body
- 15px / 1.6
- Measure
- 62 characters
- Display
- 32px / 1.2
- Tracking
- 0em display
- Scale ratio
- 1.21
Voice
- Tone
- reflective, earnest, poetic
- Sentences
- medium
- Person
- first
- Vocabulary
- poetic
- Calls to action
- explore, build
Built with
- Builder
- framer
- Framework
- —
- Motion
- lenis
- WebGL
- yes
- Nav
- —
- Length
- 28.1 screens
Colour, by area
accent on container#ffffff 0%#0088ff 0%#f5f0e8 0%#252525 0%#4ab4ff 0%#3d3732 0%
Sections in page order
3 strongest marked · 10- 00
statement
StrongestAn ethereal, airy introductory note featuring an open paper envelope graphic above a soft luminous blue gradient glow.
- Mood
- quiet + dreamy
- Layout
- 12 col · stacked · airy
- 01
other
An empty, purely white canvas offering vast negative space with no rendered visual components.
- Mood
- quiet
- Layout
- 6 col · full bleed · airy
- 02
showcase
Expansive, atmospheric white canvas punctuated by calm sky gradients and tactile textured surfaces.
- Mood
- quiet + dreamy
- Layout
- 16 col · stacked · airy
- 03
other
A completely blank white space providing an empty visual pause in the layout.
- Mood
- quiet
- Layout
- 16 col · full bleed · airy
- 04
other
An entirely blank, pure white spacer section devoid of visible typography, imagery, or interactive UI components.
- Mood
- quiet
- Layout
- 12 col · full bleed · airy
- 05
showcase
Warm editorial canvas gallery pairing classic serif accents with structured modular imagery.
- Mood
- warm + editorial
- Layout
- 6 col · grid · balanced
- 06
cta
StrongestA whimsical 3D picnic scene on grass with coffee and croissants carrying a handwritten invitation to collaborate.
- Mood
- playful + warm
- Layout
- 10 col · centered · airy
- 07
other
An expansive, near-empty white canvas with a subtle whisper of a blue linear gradient at the top edge.
- Mood
- quiet
- Layout
- 12 col · full bleed · airy
- 08
other
StrongestAn airy, minimal interactive visual canvas space that provides a clean pause within the page flow.
- Mood
- quiet
- Layout
- 16 col · full bleed · airy
- 09
statement
A vast expanse of electric sky blue anchored by a solitary minimal text card floating in the lower right.
- Mood
- playful + bold
- Layout
- 16 col · asymmetric · airy
