---
id: "2113139098546573735"
source: https://x.com/wallofportfolio/status/2113139098546573735
author: "Wall of Portfolios (@wallofportfolio)"
media: "video, 2940x1664, 47.9s"
model: claude-opus-5-5
generated: 2026-10-22
---
# Neo-Brutalist Design Leader Portfolio

## Summary
A loud, joyful portfolio for a design manager: cream background, heavy black headlines with a bright blue highlight slab, chunky colour cards with thick black outlines and hard offset shadows, peel-off sticker pills, a rotating badge with an illustrated avatar, a black principles section with tab pills, and testimonials in colourful speech bubbles. Neo-brutalism done with warmth and polish.

## Style
- Theme: light (with one black section)
- Mood: bold, playful, confident, energetic
- Tags: neo-brutalism, portfolio, thick-outlines, offset-shadows, stickers, pill-tabs, testimonials
- Category: Hero, Testimonials

## Palette
| Role | Hex |
|---|---|
| Cream | #FCF1DF |
| Sand | #ECDFCB |
| Ink | #212020 |
| Mustard | #EAB542 |
| Royal blue | #3A3FE0 |
| Mint | #7FDCB0 |
| Lilac | #C9B8F0 |
| Bubble pink | #F4A3C0 |
| Signal red | #E8483A |

## Typography
- Headlines: very heavy grotesk, tight leading, about 7% of the content width; one phrase sits on a blue slab in cream text. Clash Display or Archivo Black (800).
- Card titles: bold sans, black. Inter (700).
- Body: regular sans, dark grey. Inter (400).
- Tags and kicker labels: small monospaced caps in outlined pills ("04 SIDE QUESTS"). JetBrains Mono (500).
- Handwritten annotation ("psst, these peel off") with a small arrow.

## Layout
- 16:9 browser frame (2940x1664) inside a portfolio directory (profile column on the left).
- Floating pill nav at the top left (avatar initials, Work, How I lead, Career, Side quests) and "60-second version" plus "Say hi" pills at the top right.
- Hero: headline left, rotating circular text badge with an avatar top right, three equal colour cards below.
- Principles section on black: a row of numbered pill tabs, then one large mustard card with copy left and an illustration right.
- Testimonials: stacked award cards left, overlapping speech bubbles right.

## Elements
- Cards: 3px black border, 14px radius, hard 4px black offset shadow, flat fills (mustard, mint, lilac).
- Stickers: small pills with icons, rotated a few degrees, as if stuck on.
- Badge: circular rotating text around an illustrated avatar in a blue jacket.
- Target illustration with an arrow in red, cream and black.
- Award rows: outlined cards with round icon medals.

## Motion
- The circular badge text rotates slowly (20s per turn).
- Stickers peel off on drag and drop back with a bounce.
- Cards and bubbles pop in with a slight overshoot on scroll (spring).
- Tabs in the principles section switch the big card with a quick slide.

## Rebuild it
1. Theme tokens: cream background, `border-[3px] border-black`, `shadow-[4px_4px_0_#000]`, `rounded-2xl`.
2. Headline: `text-7xl font-black leading-[0.9]`; wrap one phrase in `bg-blue-600 text-[#FCF1DF] px-3 -rotate-1 inline-block`.
3. Badge: SVG text on a circle path with CSS `animation: spin 20s linear infinite`.
4. Stickers: absolutely positioned pills with `drag` from Motion and `dragSnapToOrigin` for the bounce back.
5. Principles: pill tabs controlling a single card; animate with `AnimatePresence`.
6. Use placeholder names, companies and quotes.

## Generation prompt
A bold neo-brutalist portfolio website on a cream background: huge heavy black headline with one phrase on a royal blue slab, chunky mustard, mint and lilac cards with thick black outlines and hard offset shadows, playful peel-off sticker pills, a rotating circular badge around an illustrated avatar, a black section with numbered pill tabs and a big mustard card with a target illustration, colourful speech-bubble testimonials; joyful, confident, polished, no real names.