Turbulent

Atmospheric, deep-ocean mystery meets high-craft digital artistry. An immersive midnight blue canvas framed by expressive serif headlines and illuminated by an intricate, glowing 3D isometric mechanism.

dreamy editorial quiet

Visit site

Colour

Background#001328

Text#ffffff

Accent#04e3ff

Surface#001f41

Muted#87a2bf

Typefaces

Display: GT Sectra
Body: Karla
Mono: —
Source: self_hosted
Scale: 12 · 14 · 16 · 19 · 26 · 48

Layout

Grid: —
Container: —
Spacing base: 5px
Radius: 0px · 16px

Capture

Category: agency
Sections: 6
Captured: 2026-08-30
Rhythm: dark x6

Type rules

display headlines set in bold GT Sectra with sentence casing and tight leading
navigation links and action triggers formatted in uppercase Karla with wide tracking

Colour rules

deep midnight navy covers over 80 percent of the viewport
electric cyan #04e3ff is reserved exclusively for interactive labels, icons, and active UI states

Voice rules

headline assertions lead with first-person agency
CTAs use uppercase action verbs paired with circular arrow icons

Holds it together

maintain uniform deep midnight navy backgrounds across all sections without light-mode breaks
pair sentence-case GT Sectra headings directly with understated cyan uppercase microcopy
restrict vibrant cyan accents strictly to interactive UI triggers and directional arrows

Contrast

text on background18.7:1 AAA

muted text on background7.1:1 AAA

text on surface16.5:1 AAA

accent on background12.0:1 AAA

background on accent12.0:1 AAA

Type, measured

Body: 19px / 1.32
Measure: 144 characters
Display: 82px / 1.05
Tracking: 0em display
Scale ratio: 1.44

Voice

Tone: evocative, confident
Sentences: short
Person: first
Vocabulary: elevated
Calls to action: see, discover, view, join

Built with

Builder: —
Framework: —
Motion: gsap
WebGL: yes
Nav: top_bar, 13 items
Length: 8.9 screens

Sections in page order

3 marked strong · 6

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
Mysterious, atmospheric dark blue hero pairing bold editorial serif typography with an intricate, glowing 3D isometric architectural contraption.
Mood
dreamy + luxurious
Layout
2 col · split · airy
Open section →
01
hero
Strong
An atmospheric, dark hero pairing bold editorial serif typography with an intricate glowing isometric machine illustration in midnight blue.
Mood
dreamy + editorial
Layout
1 col · asymmetric · airy
Open section →
02
statement
Deep ocean-navy agency statement section defined by elegant editorial serif typography and generous negative space.
Mood
editorial + quiet
Layout
8 col · asymmetric · airy
Open section →
03
video
An understated, deep navy blue backdrop providing a quiet ambient transition between content areas.
Mood
quiet
Layout
16 col · full bleed · airy
Open section →
04
cta
Strong
A spacious, calm dark blue call-to-action banner anchored by vivid cyan serif typography and a discrete corner action link.
Mood
quiet + editorial
Layout
4 col · asymmetric · airy
Open section →
05
footer
A dark, sparse corporate contact footer that sits quietly in deep navy space with refined typography and understated cyan accents.
Mood
quiet + clinical
Layout
1 col · stacked · airy
Open section →