Studio Elektrokid

Technical DAW-inspired interface for an electronic producer. Dark themes, wireframe meshes, and mixer console layouts deliver a clinical aesthetic.

raw clinical quiet

Visit site

Colour

Background#0f1013

Text#e9e9ec

Accent#e43d30

Surface#131417

Muted#84878f

Typefaces

Display: Space Grotesk
Body: Inter
Mono: Space Mono
Source: google
Scale: 7 · 8 · 9 · 10 · 11 · 12

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 0px

Capture

Category: portfolio
Sections: 3
Captured: 2026-08-29
Rhythm: dark x3

Type rules

labels and metadata set in uppercase Space Mono
display headlines set in sentence-case Space Grotesk
body text set in Inter with extended line length

Colour rules

deep dark background palette across all sections
accent red reserved for hardware active states and critical metadata

Voice rules

use DAW-inspired channel labels and hardware notation
cite precise credits and technical specs

Holds it together

frame content with mono-spaced channel strips and technical brackets
maintain high-density data tables for discography and archives
use 3D low-poly chrome hero visuals paired with strict geometric UI

Contrast

text on background15.7:1 AAA

muted text on background5.3:1 AA

text on surface15.2:1 AAA

accent on background4.5:1 AA

background on accent4.5:1 AA

Type, measured

Body: 16px / 1.7
Measure: 92 characters
Display: 36px / 1.7
Tracking: -0.01em display
Scale ratio: 1.22

Voice

Tone: technical, factual, direct
Sentences: medium
Person: third
Vocabulary: specialized
Calls to action: start, show

Built with

Builder: —
Framework: —
Motion: three
WebGL: yes
Nav: sticky_top_bar, 9 items, sticky
Length: 2.6 screens

Sections in page order

3 marked strong · 3

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

00
hero
Strong
Dark electronic music hero pairing a low-poly chrome logo and wireframe landscape with technical DAW-inspired typography and stats.
Mood
raw + nostalgic
Layout
15 col · stacked · balanced
Open section →
01
showcase
Strong
A dark, engineered music archive mimicking a hardware mixer console with meticulous channel strips and technical readouts.
Mood
clinical + raw
Layout
2 col · split · dense
Open section →
02
footer
Strong
Restrained dark footer balancing an angular stylized logo with muted credits and precise monospace metadata.
Mood
quiet + raw
Layout
1 col · stacked · balanced
Open section →