All pins, no narrative — the maximalist collage view. The board as a wall you can stare at until the thesis makes sense on its own.
Vol. I · Tokyo Neon · The Report
Hyper-rich report
Everything we know about this guide in a single markdown document, intended to be fed directly into an LLM or image model — vibe prose, tag soup, the regeneration prompt, and the source pin index. Use the Copy button — the entire report goes to your clipboard.
# Tokyo Neon
> A high-contrast hymn to electric night — neon as language, asphalt as page.
— **Era / aesthetic period:** 1980s Shibuya
— **Dominant mood:** kinetic, electric, urban, nocturnal
— **Palette (most populated → least):** #0a0014 · #ff006e · #00f5ff · #fbff12
## 1 — Vibe report
This guide reads as **kinetic, electric, urban** — Tokyo Neon
is built on warm color temperatures sitting at an average brightness of
0.34 (low-key) and an average saturation of
0.89 (saturated). The palette skews toward
cool — indigo / midnight / navy with 4 distinct colors carrying signal —
the top three hexes (#0A0014, #FF006E, #00F5FF) carry the bulk of the visual weight.
### Imagery & subject matter
Across 6 source pins, the subjects cluster around portrait, still life. Compositionally the guide leans
portrait — vertical, hierarchical, with image dimensions averaging
0.88 (near-square). The board reads as
restrained and reductive;
24 distinct color buckets surveyed across all pins.
### Lighting & materials
**Lighting reads as low-key with hard neon rim — sodium-vapor, magenta gel, no fill.** Material vocabulary: wet asphalt, neon glass, vinyl, plastic poncho, chrome.
A wide material range — the guide is willing to mix surfaces.
### Typography
Type pairs as: **heavy katakana display / condensed sans caption / neon italic accent**.
A three-voice system — display, body, caption — is implied.
### Internal tensions
- **kinetic vs precise** — energetic palette held by rigid geometry. Resolution: pick ONE side per artifact; mixing reads as confused.
### What this is NOT
- not warm whites
- not soft gradients
- not symmetrical layouts
## 2 — Tag soup
Drop this into image-gen prompts or semantic-search systems as-is.
```
kinetic, electric, urban, nocturnal, wet asphalt, neon glass, vinyl, plastic poncho, chrome, heavy katakana display, condensed sans caption, neon italic accent, 1980s shibuya, portrait, still life, neon, memphis, chromatic aberration, retrofuturism
```
## 3 — Pop-culture & art-historical references
If a designer reads this guide and squints, here are the cultural neighbors they should picture:
- **Blade Runner (1982)** — neon as language, rain as compositional device
- **Memphis Group furniture** — maximal pattern + saturated accent
- **Studio Mehring posters** — kinetic typography, layered grids
- **Stefan Sagmeister early work** — maximal hand-rendered intensity
These aren't templates — they're tuning forks. Use them to calibrate, not copy.
## 4 — Regeneration prompt
Paste into Midjourney / Flux / DALL·E to produce a NEW image that embodies the guide.
```
hero image embodying a 1980s Shibuya idiom, kinetic, electric, urban, nocturnal mood, palette of #0a0014, #ff006e, #00f5ff, #fbff12, materials: wet asphalt, neon glass, vinyl, plastic poncho, low-key with hard neon rim — sodium-vapor, magenta gel, no fill, editorial composition with negative space, photographed on medium-format film, no text artifacts, no watermark --ar 4:5 --no warm whites soft gradients symmetrical layouts
```
## 5 — Source pin index
Every pin that fed this guide, with its palette stripe:
001. **shibuya crossing, 2am** — 900×600 · #0a0014 #ff006e #00f5ff #fbff12
002. **neon sign in the rain** — 400×533 · #1a0030 #ff3366 #0a0014 #ff80b0
003. **cyan strip light** — 400×533 · #00f5ff #0a1440 #e0feff #0a0014
004. **taxi on wet asphalt** — 400×533 · #fbff12 #ff006e #2a0040 #0a0014
005. **pink kanji, midnight** — 400×533 · #ff3366 #1a0030 #ff9de2 #12001f
006. **arcade interior** — 400×533 · #0a0014 #00c8d4 #ff006e #3a0060
Vol. I · Tokyo Neon · Prompt Canvas
The canvas
Pick a target, say what you're building, and the canvas wraps your brief in this guide — composed for exactly where you'll paste it.
Web / HTML
paste into Claude or ChatGPT to get a webpage
Designer brief
paste into Claude/GPT to get a creative brief
Image gen
paste into Midjourney, Flux, DALL·E
Design tokens
paste into Cursor, Copilot, Aider
The sample brief
“A landing page for a small-batch coffee roaster. One-pager. Email signup, three product cards, footer.”
Composed for Web / HTML — Tokyo Neon riding along, ready to paste into Claude or ChatGPT
You are a senior creative director and frontend engineer. You have been given a style guide for a specific visual idiom, plus a project brief. Produce a single, self-contained HTML artifact that embodies the style guide and accomplishes the brief.
# Style guide
## The thesis
> A high-contrast hymn to electric night — neon as language, asphalt as page.
## Era
1980s Shibuya
## Palette
- `#0A0014` (4 votes from source pins)
- `#FF006E` (3 votes from source pins)
- `#00F5FF` (3 votes from source pins)
- `#FBFF12` (2 votes from source pins)
## Typography
- heavy katakana display
- condensed sans caption
- neon italic accent
## Lighting
low-key with hard neon rim — sodium-vapor, magenta gel, no fill
## Materials
- wet asphalt
- neon glass
- vinyl
- plastic poncho
- chrome
## Mood
- kinetic
- electric
- urban
- nocturnal
## Do
- lead with the brightest accent
- let black be black
- one neon per surface
## Don't
- warm whites
- soft gradients
- symmetrical layouts
## Tensions
- **kinetic vs precise** — energetic palette held by rigid geometry
# Brief
A landing page for a small-batch coffee roaster. One-pager. Email signup, three product cards, footer.
# Output requirements
- Output one complete HTML document, `<!doctype html>` through `</html>`.
- Inline all CSS in a single `<style>` block. No external assets, no JS frameworks, no `<script>` unless the brief explicitly requires interactivity.
- Use the palette hexes verbatim. Don't invent new colors.
- Use the typography descriptors literally — if it says "serif italic display," apply `font-family: Georgia, "Times New Roman", serif; font-style: italic` and pick a large size.
- Honor every Do and every Don't. If "no gradients" is on the Don't list, do not use a single gradient anywhere.
- Lead with whitespace. Restraint over decoration. Let the typography speak.
- No commentary outside the HTML. Don't explain — produce.
Begin.