Jeti Labs

Stark, terminal-inspired developer portfolio combining monumental brutalist typography with cyberpunk interactive toys. Pitch-black surfaces are punctuated by crisp hairline borders, monospace data readouts, and warm amber illumination in the footer.

raw bold clinical

Visit site

Colour

Background#000000

Text#ffffff

Accent#00d492

Surface#ffffff

Muted#cccccc

Typefaces

Display: pragmaticaBold
Body: pragmaticaBook
Mono: ui-monospace
Source: self_hosted
Scale: 8 · 10 · 12 · 14 · 16 · 17

Layout

Grid: 12 columns
Container: 1360px
Spacing base: 4px
Radius: 0px · 4px · 12px

Capture

Category: portfolio
Sections: 6
Captured: 2026-08-29
Rhythm: dark x6

Type rules

display headlines set in massive full-width uppercase sans-serif
metadata, badges, and interface controls formatted in uppercase system monospace
body text constrained to around 49 characters per line for technical clarity

Colour rules

pure pitch-black background (#000000) across all sections
stark white (#ffffff) used for primary typography, borders, and inverted active states
accent emerald (#00d492) reserved for micro-indicators and terminal highlights

Voice rules

use bracketed uppercase labels for section markers
keep project descriptions strictly focused on tech stack and execution

Holds it together

prefix section headers and subheadings with uppercase bracketed mono labels like [WORK] or [MYSELF]
render interactive utilities and metadata in boxed hairline frames with system monospace type
anchor major viewport breaks with oversized sans-serif uppercase headlines

Contrast

text on background21.0:1 AAA

muted text on background13.1:1 AAA

accent on background10.8:1 AAA

background on accent10.8:1 AAA

Type, measured

Body: 17px / 1.63
Measure: 49 characters
Display: 300px / 1
Tracking: 0em display
Scale ratio: 2.05

Voice

Tone: technical, direct, confident
Sentences: short
Person: first
Vocabulary: technical
Calls to action: generate, view, build

Built with

Builder: —
Framework: next
Motion: —
WebGL: yes
Nav: sticky_top_bar, 3 items, sticky
Length: 4.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
A stark, pitch-black developer landing with an interactive retro CRT display card centered between minimal perimeter typography.
Mood
raw + nostalgic
Layout
12 col · centered · airy
Open section →
01
hero
Monolithic uppercase typography dominates a pitch-black canvas anchored by a floating personal identity dock.
Mood
bold + raw
Layout
1 col · stacked · airy
Open section →
02
showcase
A dark, precision-focused portfolio grid displaying project video previews paired with technical stack tags and metadata.
Mood
clinical + quiet
Layout
3 col · grid · balanced
Open section →
03
team
Strong
A pitch-black developer profile paired with an interactive cyberpunk badge generator in stark monochrome monospace typography.
Mood
raw + clinical
Layout
1 col · asymmetric · airy
Open section →
04
faq
Strong
A stark, minimalist black-and-white interactive FAQ section with high-contrast active states and precise monospace index markers.
Mood
clinical + raw
Layout
12 col · stacked · airy
Open section →
05
cta
Strong
Warm amber light waves ripple across a pitch-black canvas beneath massive, stark typography that commands immediate collaboration.
Mood
bold + dreamy
Layout
12 col · asymmetric · airy
Open section →