Glass & Depth
Design that speaks before you do.
Glass that bends light and refracts what's behind it.
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
Glassmorphism's successor: instead of a flat blur, the surface has thickness — a bright specular edge on top, a darker one beneath, and content behind it distorting as it passes through.
Start something in this style
Leave an address and we’ll send the working files, the type scale, and the palette.
Reference · Liquid Glass
When to use it
- Floating controls, toolbars and modal chrome.
- Products that want to feel like system software.
- Anywhere depth should read as physical, not just layered.
Build spec
- Palette
- type
- Clean sans, medium weight for legibility over refraction
- borders
- Bright 1px specular edge, 20–28px radius
- spacing
- Floating panels with real margin from the edges
Reference gallery
Reference 1
Reference 2
Reference 3
Reference 4