A stacked surface, not a shadow
Cards float on subtle teal-tinted surface lifts rather than using elevation, so the hierarchy reads as depth-of-water rather than shadow-on-paper. Liquid Deep sinks, Liquid Abyss is the canvas, Liquid Kelp lifts.
AUROS
Depth, liquidity and flow, rendered as an interface.
A near-black teal canvas with bioluminescent data orbs and teal-to-pink light gradients. The interface is sparse and cinematic, relying on a single display face at medium weight with aggressive negative tracking to create scale without shouting.
Spacing and shape at a glance
- 4px
- Base unit for every spacing step
- 1440px
- Page max-width for contained content
- 68px
- Section gap between full-width bands
- 16px
- Card radius — 6px for buttons and small elements
Similar brands in the same register
- Wintermute
- Jump Crypto
- Galaxy Digital
- Flowdesk
The system
What makes a screen read as Auros
Six decisions carry the whole interface. Hold all six and a screen belongs; drop one and the atmosphere goes with it.
Rationed color
Achromatic whites and silvers carry almost all content. The chromatic palette is reserved for atmospheric gradients, card surface differentiation, and one signature pill button that morphs from teal-cyan to lavender-pink.
One face, one weight
Matter at weight 500 for all headings and oversized kinetic text, weight 400 for body and UI copy. No bold, no light — the medium-only strategy is the uniform mechanical confidence of the type.
Tracked instrument labels
Uppercase tracking from 0.08em to 0.15em on every section label, kicker and eyebrow at 10 to 20px. Wide tracking is signature: it reads as technical instrumentation labeling.
Two radii, and no more
Cards at 16px, small elements and buttons at 6px. These two values are the complete shape vocabulary — sharp-rounded, never pill-shaped.
Components that feel engineered
Thin geometric arrow icons, 32×32 square triggers, recessed wells with generous vertical padding, and large numerical stats in pale pink against the dark canvas.
Method
Building a screen, in order
Each step is a rule from the system rather than a preference.
01
Lay the canvas
Start full-bleed on Liquid Abyss #012624 and contain content to a 1440px max-width, with sections separated by 68px or more.
02
Stack the surfaces
Lift cards onto Liquid Kelp #003734 and sink footers and deep panels into Liquid Deep #011d1c. Differentiation comes from surface color shifts, never from shadow.
03
Set the type
Headings in Matter weight 500 with line-height 1.0 above 36px, body at 16px with line-height 1.4. The contrast between the two defines the typographic rhythm.
04
Track the labels
Uppercase every section label, kicker and eyebrow at 10 to 20px and open the tracking to between 0.08em and 0.15em.
05
Spend the color once
One gradient button per section, lavender-phosphor pink reserved for large statistics and emphasis figures, and nothing outside the liquid teal scale, the silver neutrals and that accent.
The atmosphere
Depth of water, not shadow on paper
Auros operates as an abyssal fintech terminal: a near-black teal canvas with bioluminescent data orbs and teal-to-pink light gradients that suggest depth, liquidity and flow. The interface is sparse and cinematic, and scale is created with tracking rather than volume.
Cards float on subtle teal-tinted surface lifts at a 16px radius with no shadows, so hierarchy reads as depth in water. Sections are full-width bands separated by generous vertical gaps, alternating between canvas and slightly recessed surfaces, and the footer is a recessed well with 120px of vertical padding — a deep pool at the bottom of the page.
- 01
Surfaces carry hierarchy
Abyss, deep and kelp are the only three grounds a screen may stand on.
- 02
Chroma is punctuation
Gradients and pink figures appear rarely, and land harder for it.
- 03
Every gap falls deeper
Spacious rhythm makes the descent down the page part of the metaphor.
Signature moments
The gestures the style is recognised by
Four treatments do most of the identifying work. Everything else is canvas, surface and tracked type.
Particle sphere visual
A 3D particle sphere rendered in teal-cyan and white dots, rotating in the hero or a section transition. The particles pick up the canvas teal and the accent pink, creating a bioluminescent data orb effect.
Gradient pill button
The aurora gradient sweeps horizontally from cyan through white into pink behind dark text at 14px, uppercase, on a 6px radius. It is the brand's signature chromatic gesture and it appears once per section.
Statistic counter
A large number in lavender-phosphor #fde9ff with a tracked uppercase label below it in mist. The pink-on-teal combination is the signature emphasis treatment: statistics glow against the dark canvas.
Geometric molecule illustration
White circles and thin connector lines forming an abstract molecular diagram, used as a right-column balancing element. No fill complexity, no photography, no people.
Liquid AbyssLiquid DeepLiquid KelpLavender PhosphorSilver MistLiquid MistPlatinum
Next
Put the next screen on the abyss.
Set the canvas, stack the surfaces, track the labels, and spend the color once. The guidelines are the whole system in two lists.
Read the guidelines