Glass · Futuristic · Gradient
Nova. Glassmorphism
A spatial glass system composed from translucent layers, indigo depth, luminous borders and soft background movement.
01
Preview
Live HTML · responsive · interactive
02
Design Principles
The decisions that make the style coherent.
- 01
Create depth with transparency and backdrop blur.
- 02
Keep glass legible with controlled borders and contrast.
- 03
Use background light to reveal the surface material.
- 04
Reserve stronger opacity for interactive and elevated states.
03
Colors
Deep Indigo#312E81
Secondary#6366F1
Accent#818CF8
Night#0F0B1A
Glass#FFFFFF1F
04
Typography
InterfaceInter
300–800 · spatial and clear
DisplayInter
700 / 800 · gradient emphasis
05
Components
- Glass navigation↗
- Centered hero↗
- Feature matrix↗
- Pricing cards↗
- FAQ accordion↗
- Sitemap footer↗
06
Patterns
- Backdrop blur◆
- Translucent layers◆
- Luminous borders◆
- Floating blobs◆
- Gradient CTA◆
READY TO USE
Download design.mdGive your agent a point of view.
Download the complete specification and add it to your project context.