ARK/8
A technical collision of luxury editorial lookbook and dystopian videogame HUD. Full-bleed cutout photography sits starkly against a warm stone canvas framed by monospace coordinates, bracketed metadata, and crisp hairline tabs. The aesthetic is tactical, raw, and unapologetically niche.
Visit site ↗Colour
Background#e9e6e1
Text#000000
Accent#ffb000
Surface#d4cfc4
Muted#9d9688
Typefaces
- Display
- TimesNowSemiLight
- Body
- FKGroteskMonoRegular
- Mono
- FKGroteskMonoRegular
- Source
- self_hosted
- Scale
- 9 · 11 · 15 · 16 · 18 · 26
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 0px
Capture
- Category
- studio
- Sections
- 5
- Captured
- 2026-08-27
- Rhythm
- stone → warm x2 → dark → warm
Type rules
- display headlines use light serifs set in uppercase with tight leading
- body and product metadata set exclusively in monospaced uppercase at 11px
- bracketed notation surrounds functional system actions like close and status markers
Colour rules
- warm stone #e9e6e1 acts as the canvas for garment cutouts with no shadow drop
- accent amber #ffb000 is reserved strictly for discount badges and status highlights under 1% area
- pitch black is used for solid CTA buttons and inverted tech container blocks
Voice rules
- use bracketed tags for status indicators and UI actions
- state garment names plainly in all-caps followed by currency value
Holds it together
- render product catalog items as cutouts directly on the stone background in an aligned grid
- frame interactive modal cards with notched polygonal tab corners
- display live system telemetry, timezones, and platform tags in the footer terminal
- keep all micro-labels, pricing, and system prompts in uppercase monospace
Contrast
text on background16.9:1 AAA
muted text on background2.4:1 fail
text on surface13.5:1 AAA
accent on background1.5:1 fail
background on accent1.5:1 fail
Type, measured
- Body
- 11px / 1.55
- Measure
- 71 characters
- Display
- 64px / 0.8
- Tracking
- -0.04em display
- Scale ratio
- 1.55
Voice
- Tone
- technical, enigmatic, curated
- Sentences
- short
- Person
- second
- Vocabulary
- specialized
- Calls to action
- explore, discover, subscribe, confirm
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 0 items
- Length
- 7.1 screens
Colour, by area
accent on text#e9e6e1 0%#6d675a 0%#d4cfc4 0%#000000 0%#ffffff 0%#ffb000 0%
Sections in page order
5- 00
hero
Edgy streetwear editorial hero featuring a promotional subscription modal overlaid on dark, textured background photography.
- Mood
- editorial + raw
- Layout
- 15 col · stacked · airy
- 01
showcase
Stark streetwear catalog displaying full-body model cutouts directly against a warm paper background with crisp monospaced captions.
- Mood
- raw + editorial
- Layout
- 4 col · grid · balanced
- 02
feature
Minimalist editorial feature pairing candid portrait photography with understated serif and monospaced typography on a warm stone backdrop.
- Mood
- editorial + raw
- Layout
- 16 col · stacked · airy
- 03
cta
A floating notched newsletter card sits against a stark black frame textured with pixelated cybernetic glyphs.
- Mood
- nostalgic + raw
- Layout
- 6 col · centered · airy
- 04
footer
A technical, minimal footer styled like a diagnostic terminal with live cursor tracking, timestamp metadata, and perforated tab navigation.
- Mood
- clinical + raw
- Layout
- 14 col · split · airy
