← Showcase

Make your own →

a sample issue · the whole thing, one scroll, no account needed

Vol. I · Issue DEMO-T · 2026-05-11

1980s Shibuya

Tokyo Neon

A high-contrast hymn to electric night — neon as language, asphalt as page.


THE SUPER PALETTE · 13 DISTINCT COLORS ACROSS 6 PINS

Hover any square for hex + pin count. Order: combined frequency across pins.

HERO PALETTE

#0A0014

×4

#FF006E

×3

#00F5FF

×3

#FBFF12

×2

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

TENSIONS

  • kinetic vs. preciseenergetic palette held by rigid geometry

Do

  • lead with the brightest accent
  • let black be black
  • one neon per surface

Don't

  • warm whites
  • soft gradients
  • symmetrical layouts

PIN INDEX · CLICK ANY PIN FOR THE BREAKDOWN


— end —


Vol. I · Tokyo Neon · The Atelier Wall

The Atelier Wall

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.