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 AuraFlow CSS — a collection of drop-in design systems by Dehlya Studio. Each theme is a complete set of CSS custom properties you can install via npm install auraflowor drop in from unpkg. Pure CSS, zero runtime, framework-agnostic.
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 |