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.