Design Aesthetic Reference
a place of gentle lightEthereal
A dreamy, soft, and otherworldly design aesthetic built on light diffusion, pastel hazes, blurred edges, and luminous glow — where every surface breathes and every edge dissolves into atmosphere.
Typography
Thin, Airy & Luminous
light weights, generous spacing, whispered elegance
Display / Cormorant Garamond 300
Gentle Light
Heading / Cormorant Garamond 400
Dissolved Boundaries
Subheading / Raleway 200
Luminous & Weightless
Body / Nunito 300
Soft rounded sans-serif for comfortable reading. Every word floats within an atmosphere of gentle luminescence rather than sitting on a rigid scaffold.
Script / La Belle Aurore
whispered calligraphy
Label / Nunito 400 Uppercase
Navigation & Interface Labels
Type Scale
Font Pairings
Cormorant Garamond 300 + Nunito 300
Classical elegance meets soft warmth
Prata + Raleway 300
High-contrast drama with delicate lightness
Cormorant Garamond 400 + Raleway 300
Traditional refinement, modern airiness
Color Palette
Pastel Luminescence
colors that emit their own quiet light
Components
Translucent Glass & Soft Glow
floating, weightless, luminous
Radiant Glow
Every element emits a gentle luminescence. Soft halos and ambient light replace hard shadows, creating depth through radiance rather than darkness.
Light GlowDissolved Edges
Boundaries blur and soften. Translucent glass, feathered gradients, and diffused imagery create an atmosphere where form melts into light.
Blur SoftQuiet Presence
Space breathes. Generous whitespace is not emptiness but luminous atmosphere, holding each element in a gentle, floating suspension.
Space CalmOrganic Flow
Rounded corners, elliptical blobs, and gently curving lines replace sharp angles. Every shape feels natural, as though shaped by water or wind.
Rounded OrganicIridescent Surfaces
Occasional rainbow-shimmer effects on surfaces or text suggest light refracting through crystal or pearl, adding a touch of quiet magic.
Shimmer CrystalTranslucent Layers
Semi-transparent overlays, frosted-glass panels, and layered washes of color create atmospheric depth without hard separation or borders.
Glass LayerVisual Effects
CSS Atmosphere & Glow
all the luminous techniques, no image assets needed
Soft Gradient Haze
Overlapping radial gradients in pastels create the signature misty, glowing atmosphere.
Iridescent Shimmer
Animated gradient flow across the iridescent spectrum suggests light through crystal.
Frosted Glass
Backdrop-filter blur with translucent white creates the ethereal glassmorphism panel.
Ambient Glow Orbs
Large, softly blurred gradient blobs animate behind content for luminous depth.
Soft Blur Diffusion
A pulsing, blurred radial center creates a light-emission effect on pastel backgrounds.
Gradient Text Shimmer
Background-clip text with animated iridescent gradient produces shimmering typography.
Interactive Elements
Luminous Buttons
soft, glowing, weightless
The most beautiful things are not objects, not places — they are moments of light, suspended between one breath and the next.— On Impermanent Beauty
Step into the glow
where softness becomes clarityJoin those who design with softness, intention, and light. Beauty begins at the threshold of stillness.