ABYSS
Deep ocean, bioluminescent glow
For someone drawn to the unknown depths — the crushing dark of deep ocean where the only light comes from creatures that make their own. Deep navy, bioluminescent teal, the silence of pressure.
Overview
Deep sea trenches, bioluminescent jellyfish, submarine control rooms, Jacques Cousteau, abyssal plains.
- Abyssal navy + bioluminescent teal
- Deep pressure feeling
- Glowing accent elements
- Mysterious, vast atmosphere
- Science sites
- Data visualization
- Marine biology
- Mystery/thriller brands
This theme is part of the Dehlya Studio AuraFlow collection — 12 curated design systems, each a complete set of tokens you can drop into your own project. Each theme demonstrates a unique visual language and can be adapted to many use cases.
Color System
The color palette for Abyss is designed to create a cohesive and visually appealing experience. Each color has been carefully selected to work harmoniously together and convey the theme’s unique personality.
Typography
Typography is a fundamental element of the Abyss theme. The font choices, sizes, and styles work together to create a distinctive visual hierarchy and reading experience.
Bold, impactful headings for maximum visual impact.
- Font
- Space Grotesk
- Weight
- 900
- Size
- 4.5rem
- Line height
- 1
- Tracking
- -0.02em
Section headers with distinctive character.
- Font
- Space Grotesk
- Weight
- 700
- Size
- 2rem
- Line height
- 1.15
- Tracking
- -0.01em
Clean, readable text for content.
- Font
- Inter
- Weight
- 400
- Size
- 1rem
- Line height
- 1.6
- Tracking
- 0.01em
Monospaced text for code and metadata.
- Font
- Roboto Mono
- Weight
- 500
- Size
- 0.875rem
- Line height
- 1.5
- Tracking
- 0
Components
A small library of common UI components rendered with Abyss’s tokens — buttons, form fields, cards, badges. Drop-in preview of how your interface would feel.
Real-world Previews
See what Abyss looks like on real product surfaces. Each preview is rendered entirely with this theme’s design tokens — swap themes and the same layouts re-skin automatically.
Good morning, Dehlya
- MMaya R. shipped a new release2m ago
- KKenji resolved 4 bug reports12m ago
- LLéa closed the Q2 retro1h ago
- OOmar flagged the auth middleware3h ago
| Project | Status | Progress | Due |
|---|---|---|---|
| Auth rewrite | active | 82% | Apr 22 |
| Billing v2 | active | 45% | May 03 |
| Onboarding revamp | review | 95% | Tomorrow |
| Search relevance | planning | 20% | May 10 |