Glass & Depth
Design that speaks before you do.
Frosted layers floating over gradients.
What we do
Structure first
A grid you can feel even when you can't see it. Every block lands where the eye already expected it.
Type that carries
One family, a strict scale, no decorative detours. Hierarchy does the talking.
Colour with intent
A single accent doing the work of five. Restraint is what makes it land.
Type specimen
Aa
DisplayAesthetic as a system
HeadingAesthetic as a system
BodyAesthetic as a system
CaptionAesthetic as a system
The vibe
Translucent, frosted panels sit atop soft colorful gradients — a sense of depth and light without hard edges. Feels premium and futuristic, borrowed from OS-level UI chrome.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Glassmorphism
When to use it
- Dashboards and control panels wanting a sense of depth.
- Product marketing pages leaning futuristic or premium.
- Overlays and modals that shouldn’t feel heavy.
Build spec
- Palette
- type
- Clean sans, medium weight, high contrast on frost
- borders
- 1px hairline, 16–20px radius
- spacing
- Generous internal padding, layered blur depth
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4