Style Guide
SUPER AWESOME // the anti-template social network
1 · The one rule
Everything lives in a chunky frame. 6px black border, hard 10px 10px 0 #000 offset shadow, no soft shadows, no rounded corners (mostly), no gradients-as-decoration. The frame is the brand. The default skin for the whole product is Brutalist Scream — loud, blocky, unmissable.
CSS: border:6px solid #000; box-shadow:10px 10px 0 #000;
2 · Palette
3 · Type
Arial Black — Headlines
Courier New — labels, chips, meta
Times New Roman — body copy, captions, the calm in the chaos.
4 · Photo filters
5 · Video filters
6 · Text styles
post like it's 1999
GeoCities rainbow
post like it's 1999
Brutalist (default)
post like it's 1999
Y2K chrome
post like it's 1999
Maximalist impact
7 · Components
Buttons
Post
Follow
Like
Share
Filter chips
8-Bit Lego Polaroid TV 3D
Avatar (profile pic)
Profile pic gets a chunky frame + can wear any photo filter.
8 · Page themes (per-profile skin)
Default is Brutalist. Each user can re-skin their /name page with one of four:
9 · The post card
sunset looked unreal tonight 🌅 (8-bit makes it better, fight me)
♥ 482 💬 31 ↻ share
Every post = chunky Brutalist frame, no matter which media filter is inside it. That consistency is what makes the feed feel like one place.