Street Lookbook
A streetwear drop lookbook: condensed caps, asphalt black, hi-vis lime and night shots.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
A lookbook for a streetwear drop shot on rooftops and in car parks after dark. Towering condensed capitals, asphalt black canvas, a hi-vis lime accent lifted from safety gear and a bento of night photographs. Loud, limited and on a countdown.
Street Lookbook is built for limited drops, where the site has one job: build anticipation and sell out fast. It draws on 1990s skate and rave flyers, hi-vis workwear and night photography lit by flash and sodium streetlights. Towering condensed capitals fill the screen; asphalt black gives everything weight; hi-vis lime is the signal colour for the drop. Layouts are dense and stacked — a bento of night shots, numbered product tiles, countdown timers and a marquee that never stops.
Principles
- Every page counts down to something: show drop dates and times.
- Condensed caps at extreme sizes — the headline is a wall.
- Lime is the drop signal: CTAs, timers, the marquee.
- Number everything: drops, pieces, units.
- Night photography only; daylight kills the mood.
Motion
A lime marquee shouting DROP 09 — 14.11 — 18:00 CET runs at speed under the hero; headlines slam in from the right in 500ms. Product tiles invert to lime on hover.
Do & don't
Do
- ✓ Show the drop date and time in mono everywhere.
- ✓ Run a lime marquee under the hero.
- ✓ Stack the Anton headline on three lines at 160px.
Don't
- ✕ Don't use daylight or studio-white photography.
- ✕ Don't round corners.
- ✕ Don't use more than one accent colour per tile.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 365 lines of DESIGN.md in total.
More like this
All Industry →
Bright Neobank
No. 050A bank that feels like a good app: electric violet, mint and fat friendly numbers.
Atelier Plan
No. 081An architecture studio's drawing set: plan-paper white, tracing grid, titleblock captions.
Blue Property
No. 082Cobalt blue, a muscular grotesk and a bento of listings, maps and numbers.
Blush Skincare
No. 083Blush pink, clean white space and an italic serif as soft as a moisturiser.
Chambers Heritage
No. 084A heritage law firm: Caslon headings, deep navy, oxblood seals and quiet panelled rooms.
Cream Estate
No. 085Cream paper, black ink and photographs of houses big enough to walk into.