From 9f9785fc094c482965500a8837d5e2799128c05e Mon Sep 17 00:00:00 2001 From: Vantz Stockwell Date: Fri, 12 Jun 2026 10:00:13 -0400 Subject: [PATCH] =?UTF-8?q?docs(character):=20Dr.=20Flask=20character=20bi?= =?UTF-8?q?ble=20=E2=80=94=20canonical=20identity=20+=20design=20notes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Single source of truth for Dr. Flask (Corrosion Guide / Ph.D. / Catalyst Expert / Erlenmeyer / neon-green / mortarboard) as the character gets storyboarded across tools. Documents the lab-zone green rationale, where he appears, the 9:16 intro-video plan, and the asset inventory. Co-Authored-By: Claude Opus 4.8 --- docs/character/drflask-character-bible.md | 60 +++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 docs/character/drflask-character-bible.md diff --git a/docs/character/drflask-character-bible.md b/docs/character/drflask-character-bible.md new file mode 100644 index 0000000..d50bd1a --- /dev/null +++ b/docs/character/drflask-character-bible.md @@ -0,0 +1,60 @@ +# Dr. Flask — Character Bible + +Corrosion's friendly chemistry guide. Appears in the FAQ and help sections to +explain Corrosion's chemistry-themed lexicon without turning the panel into a +chemistry class. Helpful? Yes. Mandatory? No. Likely bubbling with questionable +enthusiasm? Absolutely. + +## Identity + +| Field | Value | +| ---------- | ----------------------------- | +| Name | Dr. Flask | +| Alias | Corrosion Guide | +| Role | Ph.D. (Chemistry Teacher) | +| Archetype | Catalyst Expert | +| Build | Erlenmeyer flask | +| Liquid | Neon green | +| Headwear | Mortarboard (graduation cap) with tassel | + +## Design notes (invideo storyboard) + +A fully storyboarded character, not a static sticker: + +- **Face:** expressions + micro-expressions; kawaii-friendly, approachable. +- **Head detail:** mortarboard cap with tassel; the flask body is the head/body. +- **Posture & silhouette:** distinct, readable poses for the explainer beats. +- **Hands/gestures:** formed from **bubbles** — gesturing while he narrates. +- **Liquid:** neon-green, lightly bubbling (the "more bubbling" payoff). + +## Color in-product + +Dr. Flask's neon green is the canonical reason the **chemistry FAQ section is a +"lab zone."** That section overrides the brand's rust-orange accent with a green +set (`--accent-text: #5bd183`, scoped to `.sec--lab`) so Dr. Flask reads native +to his corner. Green elsewhere on the site is still a clash — it is intentional +*only* in the chemistry glossary. + +## Where he appears + +- **FAQ chemistry glossary** (`frontend/src/views/marketing/FaqView.vue`, + `#chemistry`): the cover card beside the "Brush up on your chemistry…" heading. +- **Intro video:** a 75–90s, 9:16 (vertical, YouTube-Short) explainer — Dr. Flask + reads the glossary. Plays click-to-play in a **phone-frame lightbox** (no loop, + native/branded controls at the bottom of the screen). See + `phone-frame-preview.png`. + +## Assets + +| File | What | +| -------------------------- | ------------------------------------------------- | +| `drflask-final.png` | Placeholder card render (1254×1254, source) | +| `theflask.png` / `theatom.png` | Earlier concept cards (green Flask, green Atom) | +| `frontend/src/assets/mascots/drflask.png` | Web-optimized cover (560px, ~394 KB) | +| `phone-frame-preview.png` | Preview of the phone-frame lightbox | + +## Status + +Placeholder art (ChatGPT) in use; final animated character + intro video in +production via invideo (Gemini-scripted). Swap the optimized cover + wire the +video into the lightbox when the render lands.