Metallic futurism / mythic gold / arcade restraint

Engineered for signal, framed with legend.

A dark, structured personal site language built from obsidian surfaces, steel-edged panels, gold hierarchy, and cyan precision.

Project grid

Structured highlights

01 / Directional systems

Mythic Portfolio Shell

A homepage framework for essays, project launches, and case study storytelling without losing hard-edged hierarchy.

Brand system Editorial Frontend
Request walkthrough

02 / Interface language

Steel Panel Components

Reusable framed modules for navigation, calls to action, cards, inputs, and footers with clear mechanical interaction cues.

Tokens Components Motion
Inspect tokens

03 / Contact surfaces

Signal Intake Form

A compact contact pattern that stays legible and calm while preserving the metallic frame language across fields and actions.

Forms Accessibility UX
Open channel

Token preview

Palette and component grammar

Colors

Obsidian base
Steel panel
Brand gold
Focus cyan

Typography

Oxanium display

Inter body copy stays clear, neutral, and high-contrast for long-form reading.

IBM Plex Mono metadata / status / labels

Buttons

Spacing and radii

Spacing 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64
Corner radius 8 / 10 / 12
Component feel Framed, not pill-shaped

Borders and shadows

Frame border 2px steel edge
Hairline bevel Inset highlight + dark lower edge
Elevation Panel depth + button ledge

Links, tags, and motion

Long-form copy stays clean and readable, while interactive links and supporting metadata carry the arcade-inflected edge language.

Oxanium Inter IBM Plex Mono

Motion: 120ms-260ms, mechanical easing, slight lift on hover, pressed inset on active.

Signal intake

Framed contact surface

Response cadence: 24-48 hours