← Showcase

Make your own →

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

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

2020s biotech

Biotech Noir

Surgical green against industrial black — life observed through the clean room window.


THE SUPER PALETTE · 10 DISTINCT COLORS ACROSS 6 PINS

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

HERO PALETTE

#0D1117

×5

#39FF14

×4

#C0C0C0

×3

#1A1A2E

×2

TYPOGRAPHY

  • monospace display
  • thin sans caption
  • tabular numerals

LIGHTING

cold even fluorescent with single emerald accent

MATERIALS

  • brushed steel
  • glass
  • silicone
  • polycarbonate
  • PTFE

MOOD

cold · precise · biotech · austere

TENSIONS

  • cold vs. organicsterile palette housing biological subject matter

Do

  • leave breathing room around every element
  • use monospace for data
  • one acid accent

Don't

  • warm browns
  • organic curves
  • handwriting

PIN INDEX · CLICK ANY PIN FOR THE BREAKDOWN


— end —


Vol. I · Biotech Noir · 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 · Biotech Noir · 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.

# Biotech Noir
> Surgical green against industrial black — life observed through the clean room window.

— **Era / aesthetic period:** 2020s biotech
— **Dominant mood:** cold, precise, biotech, austere
— **Palette (most populated → least):** #0d1117 · #39ff14 · #c0c0c0 · #1a1a2e

## 1 — Vibe report

This guide reads as **cold, precise, biotech** — Biotech Noir
is built on neutral color temperatures sitting at an average brightness of
0.39 (low-key) and an average saturation of
0.43 (moderate). The palette skews toward
green — moss / sage / chartreuse with 4 distinct colors carrying signal —
the top three hexes (#0D1117, #39FF14, #C0C0C0) 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 cold even fluorescent with single emerald accent.** Material vocabulary: brushed steel, glass, silicone, polycarbonate, PTFE.
A wide material range — the guide is willing to mix surfaces.

### Typography
Type pairs as: **monospace display / thin sans caption / tabular numerals**.
A three-voice system — display, body, caption — is implied.

### Internal tensions
- **cold vs organic** — sterile palette housing biological subject matter. Resolution: pick ONE side per artifact; mixing reads as confused.

### What this is NOT
- not warm browns
- not organic curves
- not handwriting

## 2 — Tag soup

Drop this into image-gen prompts or semantic-search systems as-is.

```
cold, precise, biotech, austere, brushed steel, glass, silicone, polycarbonate, ptfe, monospace display, thin sans caption, tabular numerals, 2020s biotech, portrait, still life, lab cleanroom, speculative design, editorial science
```

## 3 — Pop-culture & art-historical references

If a designer reads this guide and squints, here are the cultural neighbors they should picture:

- **Calexico Labs / Verily marketing** — sterile clean-room palette
- **Massimo Vignelli for Knoll** — monospace + sans + tabular numerals
- **A24 brand identity** — restraint as luxury signal
- **Helmut Lang archives** — reduction past the point of comfort

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 2020s biotech idiom, cold, precise, biotech, austere mood, palette of #0d1117, #39ff14, #c0c0c0, #1a1a2e, materials: brushed steel, glass, silicone, polycarbonate, cold even fluorescent with single emerald accent, editorial composition with negative space, photographed on medium-format film, no text artifacts, no watermark --ar 4:5 --no warm browns organic curves handwriting
```

## 5 — Source pin index

Every pin that fed this guide, with its palette stripe:

001. **culture plate, backlit** — 900×600 · #0d1117 #39ff14 #c0c0c0 #1a1a2e
002. **incubator window** — 400×533 · #0a0a0a #2a4a3a #39ff14 #101820
003. **brushed steel bench** — 400×533 · #c0c0c0 #0d1117 #5f6b77 #39ff14
004. **midnight lab corridor** — 400×533 · #1a1a2e #0d1117 #39ff14 #8a9aa8
005. **emerald culture, macro** — 400×533 · #2a4a3a #0a0a0a #66ff4d #131a14
006. **clean room glass** — 400×533 · #0d1117 #c0c0c0 #233042 #39ff14

Vol. I · Biotech Noir · 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 — Biotech Noir 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
> Surgical green against industrial black — life observed through the clean room window.

## Era
2020s biotech

## Palette
- `#0D1117` (5 votes from source pins)
- `#39FF14` (4 votes from source pins)
- `#C0C0C0` (3 votes from source pins)
- `#1A1A2E` (2 votes from source pins)

## Typography
- monospace display
- thin sans caption
- tabular numerals

## Lighting
cold even fluorescent with single emerald accent

## Materials
- brushed steel
- glass
- silicone
- polycarbonate
- PTFE

## Mood
- cold
- precise
- biotech
- austere

## Do
- leave breathing room around every element
- use monospace for data
- one acid accent

## Don't
- warm browns
- organic curves
- handwriting

## Tensions
- **cold vs organic** — sterile palette housing biological subject matter

# 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.