e510f8b005
- Voice guide + bible gain the comedic north star: loving spoof of Clippy + Mr. DNA with Weird Al 'White & Nerdy' energy — Clippy's charm, never his intrusiveness. - Record v2 wardrobe (bow tie, googly eyes, askew mortarboard, pointer stick), render incoming; v1 model sheet relabeled. - Add drflask-storyboard.webp (12-beat sequence) + document its panel->script map. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
5.0 KiB
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.
Definitive reference: drflask-characterboard.png (full invideo model sheet).
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 with neon-green tassel |
Character note (from the board): Bubbles faster when excited. Professional yet playful. Expert in chemical catalysts.
Comedic north star: a loving spoof of the 90s helper-mascot era — Clippy +
Jurassic Park's Mr. DNA — with Weird Al "White & Nerdy" self-aware nerd-pride.
In on the joke, never the butt of it. He channels Clippy's charm, never
Clippy's intrusiveness — the helper mascot we actually wanted (opt-in,
dismissible, fun). Full voice guide: docs/brand/brand-kit.md §2.
Color palette
Values as read from the model sheet — confirm exact hexes against the invideo source if pixel-accuracy matters.
| Swatch | Hex (approx) | Use |
|---|---|---|
| Neon Green | #00FF3D |
The liquid — primary character color |
| Tassel Green | #39FF14 |
Mortarboard tassel |
| Bubble Highlight | #B0FFB8 |
Bubble/gesture highlights |
| Glass | #B6F7FF |
Flask glass / rim reflections |
| Charcoal Gray | #2A2A2A |
Cap, shadow |
| Deep Black | #0D0D0D |
Outline / background |
In-product note: the FAQ "lab zone" UI accent is a readable green
(--accent-text: #5bd183, scoped to .sec--lab) — same family as the liquid
but toned down so text/borders stay legible on dark (pure #00FF3D vibrates as
UI text). Character art uses the neon greens above; UI uses the readable
derivative. Can nudge the UI green brighter toward canon on request.
Model sheet — animation reference
- Views: 3/4 view, side view.
- Expression progression (8): neutral · excited · thinking · laughing · surprised · determined · friendly wave · bubbling intensity.
- Micro-expressions (5): subtle eye movement · liquid ripple patterns · mortarboard tilt · eye sparkle · glass reflection shift.
- Posture variations (4): bubbling calmly · at the console · waving hello · pointing at reaction.
- Hand gestures (bubble-formed): pointing · explaining · focusing.
- Silhouettes: neutral, action.
- Wardrobe (v1): mortarboard (graduation cap) + neon-green tassel.
- Wardrobe (v2 — "90s spoof" rebuild, render incoming): adds a bow tie, googly eyes, mortarboard worn askew, and a pointer stick. Energy = Clippy's persistence + Mr. DNA's flair + Weird Al's chaotic sincerity.
Storyboard (12-beat video sequence)
drflask-storyboard.webp — maps panel-for-panel to the VO script:
hero intro · server world · Catalyst (mission control) · console/analytics ·
re-Agent (plugged-in shield, no inbound ports) · Substrate (server racks) ·
Formulae (recipe book) · Reactions (data wave) · Compounds (service cluster) ·
Lab Notes (clipboard) · The Exchange (marketplace grid) · outro wave.
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: 75–90s, 9:16 vertical (YouTube Short) explainer — Dr. Flask
reads the glossary. Plays click-to-play in a phone-frame lightbox (no loop,
controls at the bottom of the screen). See
phone-frame-preview.png.
Assets
| File | What |
|---|---|
drflask-characterboard.png |
Model sheet — v1 (invideo) |
drflask-storyboard.webp |
12-beat video storyboard (invideo) |
drflask-final.png |
Placeholder card render (1254², source) |
theflask.png / theatom.png |
Earlier concept cards |
frontend/src/assets/mascots/drflask.png |
Web-optimized cover (560px, ~394 KB) |
phone-frame-preview.png |
Preview of the phone-frame lightbox |
Status
Placeholder card art (ChatGPT) in use on the FAQ; full animated character + 75–90s intro video in production via invideo (Gemini-scripted), now backed by the model sheet above. Swap the cover + wire the video into the lightbox when the render lands.