Kala

Aggressive, high-energy brutalism fused with manga-inspired ink art. Pure pitch black backdrops host stark monospace typography and vivid crimson red accents, delivering an unapologetic technical edge.

gritty

Visit site

Colour

Background#000000

Text#dfdfdf

Accent#eb0004

Surface#eaeaea

Muted#767676

Typefaces

Display: Cascadia Code
Body: Cascadia Code
Mono: Cascadia Code
Source: google
Scale: 11 · 12 · 14 · 16 · 20 · 24

Layout

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

Capture

Category: studio
Sections: 1
Captured: 2026-08-29
Rhythm: dark

Type rules

monospace type used across all text hierarchy from body to headlines
labels and navigation items styled with bracketed syntax in uppercase

Colour rules

pure pitch black background (#000000) dominates the viewport
blood red (#eb0004) acts as the sole intense accent color for branding, illustrations, and key CTAs

Voice rules

use technical monospace phrasing enclosed in brackets for navigation and tags
keep declarative statements under ten words

Holds it together

set all display text and interface labels in Cascadia Code monospace
use harsh blood red (#eb0004) exclusively for key branding elements and active states against black
frame illustrations with high-contrast graphic art using a strict black, white, and red tri-tone

Contrast

text on background15.8:1 AAA

muted text on background4.6:1 AA

text on surface1.1:1 fail

accent on background4.5:1 AA

background on accent4.5:1 AA

Type, measured

Body: 16px / 1.5
Measure: 28 characters
Display: 173px / 1
Tracking: 0em display
Scale ratio: 1.81

Voice

Tone: raw, direct, confident
Sentences: short
Person: first
Vocabulary: technical
Calls to action: start, view, book, submit

Built with

Builder: —
Framework: —
Motion: gsap
WebGL: —
Nav: top_bar, 3 items
Length: 11.2 screens

Mode

Sections in page order

00
hero
Strong
High-impact, aggressive black and crimson brutalist hero featuring dynamic manga-style ink illustrations and raw monospace typography.
Mood
gritty + energetic
Layout
1 col · asymmetric · dense
Open section →