Design System

Deep Sea Bioluminescence

A design language forged in the crushing darkness of the abyssal zone, where the only light comes from living creatures — cold, ethereal, and impossibly beautiful against the infinite black.

Pressure: 600 atm · Depth: 6,000m · Light: Bioluminescent only

01

Color Palette

Derived from the light-making chemistry of abyssal organisms. Each color exists in isolation against absolute darkness, the way a single bioluminescent flash pierces kilometers of void.

Abyssal Depths

Void #010509
Abyss #020810
Hadal #040d18
Trench #061220
Bathyal #0a1a2e

Bioluminescent Blues

Ice Blue #66d4ff
Lure Blue #00b4ff
Phantom Blue #0088cc
Spectral Blue #005fa3
Deep Blue #003d6b

Teals & Greens

Jellyfish Teal #00ffcc
Abyssal Green #00ff88
Plankton Green #00cc6a
Kelp Glow #33ffaa
Sea Spark #88ffd4

Deep Magenta

Dragonfish #ff00aa
Siphonophore #cc0088
Comb Jelly #ff44cc
Abyss Rose #ff77dd
Silt #1a2a3e
02

Typography

Clean, geometric forms that appear to float in the darkness. Outfit provides striking display weight; Inter delivers exceptional legibility in the low-contrast abyssal environment.

Display Outfit / 40-80px / 800
Abyss
Heading 2 Outfit / 36px / 700
Hadal Zone
Heading 3 Outfit / 24px / 600
Anglerfish Lure
Heading 4 Outfit / 18px / 600
Photophore Array
Heading 5 Outfit / 14px / 700 / UC
Specimen Log
Heading 6 Outfit / 12px / 700 / UC
Classification Data
Body Inter / 16px / 400
In the hadal zone, below 6,000 meters, sunlight has never existed. The only illumination comes from the cold chemical reactions within the bodies of the creatures themselves, an ancient light predating fire by hundreds of millions of years.
Body Light Inter / 16px / 300
Each flash of bioluminescence is a calculated act. A warning. A lure. A desperate search for a mate in the vastness of the dark water column where encounters are measured in lifetimes.
Caption Outfit / 11px / 600 / UC
Depth readings, specimen classification, pressure telemetry
03

Spacing System

A 4px base unit mirrors the measured, deliberate movement of deep-sea organisms — conserving energy in the crushing pressure of the abyss, every unit of space purposeful.

--space-xs
4px
--space-sm
8px
--space-md
16px
--space-lg
32px
--space-xl
64px

Extended Scale

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
24px
--space-6
32px
--space-7
48px
--space-8
64px
--space-9
96px
04

Buttons

Interactive elements that glow like photophores — the light-producing organs of deep-sea creatures. Each button is a point of contact, a signal in the darkness.

Button Variants

Disabled State

Sizes

Contextual Actions

05

Forms

Data collection instruments for cataloging deep-sea organisms, recording submersible telemetry, and documenting the fragile ecology of the abyssal plain.

Checkboxes

Radio Buttons

06

Cards & Panels

Translucent glass containers that float in the darkness like jellyfish bells. Each panel is a window into another part of the abyss, its edges catching faint bioluminescent light.

Standard Cards

Photophores

Light-producing organs found across deep-sea species. Each contains luciferin and luciferase, the chemical pair that generates cold light without heat.

Marine Snow

A continuous shower of organic detritus falling from the sunlit waters above. This slow rain of particles is the primary food source for the deep ocean ecosystem.

Pressure

At 6,000 meters, the water pressure exceeds 600 atmospheres. Every square centimeter of surface endures 600 kilograms of crushing force from the water column above.

Jellyfish Cards

Crystal Jellyfish

Aequorea victoria drifts through the midwater column, its bell pulsing with green fluorescent protein. This single organism's chemistry revolutionized all of biomedical imaging and earned a Nobel Prize.

Black Dragonfish

Idiacanthus atlanticus produces near-infrared bioluminescence invisible to most deep-sea creatures. It hunts with a private spotlight, seeing prey that cannot see the light illuminating them.

Plankton Cards

Dinoflagellate Bloom

Noctiluca scintillans — the sea sparkle. Disturbed water triggers cascading blue-green flashes across billions of single-celled organisms, turning breaking waves into rivers of cold fire.

Comb Jelly Cascade

Ctenophores propel themselves with rows of iridescent cilia that diffract light into racing rainbow waves. Unlike true bioluminescence, this structural color needs no chemical energy.

07

Alerts & Notifications

Critical signals from the deep — each alert color-coded like bioluminescent warnings used by organisms to signal danger, safety, or the presence of something unknown.

Sonar Contact

Large biomass detected at bearing 270, range 400 meters, depth 3,100m. Signature consistent with giant squid or large gelatinous organism. ROV cameras adjusting to low-light imaging mode.

Specimen Captured

Bioluminescent sample successfully secured in pressure-maintaining container. Luciferin activity confirmed — specimen continues to produce light at surface pressure. Genetic sequencing initiated.

Pressure Warning

Submersible hull integrity at 94%. Micro-deformation detected in viewport seal at current depth of 5,800 meters. Recommend holding current depth and initiating precautionary ascent protocol.

Emergency Ascent

Critical failure in ballast system B-2. Emergency weight release initiated. All submersible operations terminated. Ascending at emergency rate. ETA to surface: 47 minutes. All crews prepare for retrieval.

08

Badges & Tags

Classification markers that glow faintly in the dark like the identification patterns on deep-sea organisms — each wavelength of light a different meaning.

Bioluminescent Badges

Lure Blue Jellyfish Teal Abyssal Green Dragonfish Default

Status Badges

Active Caution Critical Monitoring

Contextual Usage

Bathypelagic Mesopelagic Benthic Hadopelagic Catalogued Endangered Undescribed
09

Specimen Catalog

A field guide to the creatures that make their own light. Each entry documents the specific bioluminescent signature of organisms from the deepest places on Earth.

💡

Anglerfish

Melanocetus johnsonii

The quintessential deep-sea predator. A bioluminescent lure dangling from a modified dorsal spine attracts prey through the absolute darkness. The light is produced by symbiotic bacteria housed in the esca.

Depth: 1,000-4,000m Light: Blue (490nm) Method: Bacterial symbiosis
🪷

Atolla Jellyfish

Atolla wyvillei

Known as the alarm jellyfish. When attacked, it produces a spinning pinwheel of bioluminescent light — not to escape, but to attract a larger predator that might attack its attacker. A distress flare in the deep.

Depth: 500-5,000m Light: Blue-green (470nm) Method: Intrinsic luciferin
🐉

Loosejaw Dragonfish

Malacosteus niger

One of the only deep-sea fish that can produce and see red light. Its suborbital photophore emits far-red bioluminescence, creating a private searchlight invisible to prey. It sees in a wavelength others cannot.

Depth: 500-3,500m Light: Red (705nm) Method: Intrinsic + dietary

Firefly Squid

Watasenia scintillans

Covered in hundreds of photophores, this squid produces blue light from its tentacle tips and uses ventral counter-illumination to match the faint downwelling light, erasing its silhouette from predators below.

Depth: 200-600m Light: Blue-green (470nm) Method: Coelenterazine
10

Depth Zones

The ocean is stratified by light. As depth increases, sunlight fades from golden to blue to black. Below 1,000 meters, the only photons are manufactured by living things.

Mesopelagic Zone

200 - 1,000 meters · Twilight Zone

The last traces of sunlight filter through as a faint blue glow. Most deep-sea bioluminescence begins here. Organisms develop large eyes and photophores for counter-illumination camouflage against the dim downwelling light.

Bathypelagic Zone

1,000 - 4,000 meters · Midnight Zone

Absolute darkness. No sunlight has ever reached this depth. Temperature holds near freezing. The only light is bioluminescent. Anglerfish, giant squid, and vampire squid inhabit this perpetual night.

Abyssopelagic Zone

4,000 - 6,000 meters · Abyssal Zone

Near-freezing water, extreme pressure, and total darkness define the abyss. Life is sparse but persistent. Organisms here have evolved extreme energy conservation, with metabolisms running a hundred times slower than surface fish.

Hadopelagic Zone

6,000 - 11,000 meters · The Trenches

Only found in ocean trenches. The Mariana Trench reaches 10,994 meters. Pressure exceeds 1,000 atmospheres. Yet life persists — amphipods, xenophyophores, and microbial communities thrive in this ultimate extremity.

Benthic Zone

Ocean floor at any depth

The sea floor itself — from continental shelves to abyssal plains. Hydrothermal vents create oases of chemosynthetic life independent of sunlight entirely, powered by the heat and chemistry of the planet itself.

11

Design Principles

The laws of the deep govern every decision. In a world without sunlight, clarity is survival. Every point of light must earn its place.

Darkness First

Begin with pure black. The void is not empty — it is the canvas. Every color, every glow, every element must be placed deliberately against the darkness, the way a single photophore illuminates a specific patch of water.

Light as Language

Bioluminescent organisms use light to communicate, hunt, and survive. In this design system, glowing elements carry meaning — they attract attention, signal state, and guide the user through interface like a lure through water.

Pressure & Weight

The deep ocean is heavy. Interfaces should feel substantial without being oppressive. Generous spacing, thick glass panels, and subtle gradients create a sense of immersive depth and physical presence.

Translucent Layers

Like jellyfish tissue, UI surfaces should be partially transparent, revealing the darkness behind. Backdrop blur and low-opacity backgrounds create depth without obscuring the fundamental void beneath.

Drift, Never Snap

Movement in the deep is slow, deliberate, energy-conserving. All animations should drift and pulse — never jerk or flash. The rhythm is a heartbeat, not a strobe. Transitions should feel like they are moving through water.

Rare Color

In the abyss, most bioluminescence is blue-green. Red light is extraordinary — only dragonfish can produce it. Use magenta and warm tones as sparingly as the deep uses red: for the most critical, the most rare, the most important.