nogood-studio

Cyberpunk terminal aesthetics meet disciplined brutalist layouts. Electric lime panels and dense system logs frame intricate retro-tech illustration within sharp hairline grids.

raw nostalgic playful editorial

Visit site

Colour

Background#d0fa66

Text#1c1c1c

Accent#1c1c1c

Surface#fbfaf3

Muted#c9c3b1

Typefaces

Display: UntitledSans-Regular
Body: UntitledSans-Regular
Mono: Offbit-Bold
Source: self_hosted
Scale: 8 · 10 · 11 · 12 · 13 · 16

Layout

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

Capture

Category: other
Sections: 9
Captured: 2026-08-30
Rhythm: lime → dark x2 → cream → lime → cream → dark → lime x2

Type rules

pixel mono for metadata, tickers, and status tables
display type in sentence case with tight leading
body measure capped at 53 characters

Colour rules

electric lime dominates hero, ticker banners, and footer
stark black hairline borders divide all modular panes

Voice rules

first-person creator perspective
open-web and technical crypto terminology

Holds it together

enclose all content modules in 1px solid black borders with zero radius
render metadata and status indicators in uppercase pixel mono
alternate electric lime canvases with cream and deep dark sections

Contrast

text on background14.2:1 AAA

muted text on background1.5:1 fail

text on surface16.3:1 AAA

accent on background14.2:1 AAA

background on accent14.2:1 AAA

Type, measured

Body: 21px / 1.46
Measure: 53 characters
Display: 64px / 1
Tracking: 0.013em display
Scale ratio: 1.32

Voice

Tone: technical, candid
Sentences: medium
Person: first
Vocabulary: technical
Calls to action: order, download, read

Built with

Builder: —
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 18 items
Length: 9 screens

Sections in page order

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

00
hero
An electric-lime cyberpunk terminal layout marrying dense modular data tables and system logs with striking retro-futuristic character illustration.
Mood
raw + bold
Layout
1 col · split · dense
Open section →
01
hero
A stark dark portfolio header pairing clean modernist typography with pixelated client logos and an electric lime availability badge.
Mood
raw + nostalgic
Layout
2 col · split · balanced
Open section →
02
gallery
A dense dark grid showcasing vivid retro-futuristic illustrations and poster art framed with minimal technical tags.
Mood
nostalgic + bold
Layout
1 col · grid · dense
Open section →
03
statement
An indie hacker's triptych portfolio section balancing large personal statements, central monochrome character art, and an engineered tabular status log.
Mood
raw + editorial
Layout
3 col · split · balanced
Open section →
04
announcement
An electric chartreuse canvas bordered by a pixel-font ticker urging the viewer to buy merch.
Mood
playful + nostalgic
Layout
1 col · full bleed · airy
Open section →
05
showcase
Tactile editorial studio shop balancing modular merchandise photography with raw digital downloads along crisp dividing rules.
Mood
editorial + raw
Layout
1 col · grid · balanced
Open section →
06
showcase
A structured dark-mode studio index organized like a personal digital workspace with logs, clippings, and technical documentation.
Mood
editorial + raw
Layout
1 col · grid · dense
Open section →
07
showcase
Chaotic sticker-bomb illustration collage in high-contrast neon green and black exuding raw streetwear and crypto culture energy.
Mood
raw + bold
Layout
1 col · full bleed · dense
Open section →
08
footer
Electric lime brutalist footer combining bold pixel typography with an open-web aesthetic and minimalist navigational links.
Mood
nostalgic + raw
Layout
1 col · asymmetric · balanced
Open section →