01 · Identity
Mission, voice, and personality
Make personalized cognitive and physical enhancement legible, evidence-aware, and accessible — without dumbing it down and without pretending the territory is settled.
We are
- · Direct, dry, technical
- · Operator-to-operator
- · Curious, falsifiable
- · Neon-noir lab notebook
We are not
- · Hype-y, scolding
- · Doctor-to-patient
- · Certainty merchants
- · Wellness influencer
Taglines
→ Neural Enhancement Hub.
→ Cognitive enhancement, decoded.
→ Nootropics, peptides, longevity — measured.
→ Bring receipts. Stack smarter.
→ Operator-grade biohacking intel.
02 · The Mark
A 30°-tilted capsule, split & sparked
The brand mark reads simultaneously as a pill, a synapse firing, a neural node, and the digit zero. Cyan is always on top. The white spark sits exactly at the meridian.
Default · 64px
Flat · no glow
Freestanding · no plate
Hero · 128px
Construction
viewBox: 64 × 64 container radius: 14 / 64 (≈ 22%) capsule width: 22 / 64 (≈ 34%) capsule height: 50 / 64 (≈ 78%) capsule rotation: −30° spark outer r: 6.5 / 64 (≈ 10%) spark inner r: 2.5 / 64 (≈ 4%) split-line stroke: 1.6 / 64 bezel hairline: 1px @ 18% cyan
Wordmark lockup
Spacing between mark and wordmark = 0.25 × mark edge. Wordmark height ≈ 62% of mark edge.
03 · Color
Neon on cyber-black
The system is dark-only by design — high-contrast, signal-dense, oscilloscope-aesthetic. One neon at a time per component. Cyber-black is the canvas.
Primary surface
Elevated surface
Primary accent / default action
Cyan tonic, hover-down
Counter-accent / peptides taxonomy
Pink tonic / articles
Success / learn taxonomy
Bright validation
Cyan · default
Primary actions, links, brand mark top half, nootropics taxonomy.
Pink · counter
Peptides, hormones, TRT, alarms-without-shame. Brand mark bottom half.
Green · validation
Success, learn taxonomy, longevity, recovery, sleep.
04 · Typography
Orbitron + Inter, no exceptions
Orbitron handles every display surface — wordmark, headlines, eyebrows. Inter handles everything readers spend more than three seconds on.
Display · Orbitron
Aa Bb Cc
drugs.wtf 0123456789 — Neural Enhancement Hub
Headlines, eyebrows, OG titles, navigation logo. Weights 400 / 700 / 900.
Body · Inter
Aa Bb Cc
The quick brown fox jumps over the lazy dog — 1234567890.
Paragraphs, UI labels, captions, blog body. Weights 300 / 400 / 500 / 600.
| Token | px | Sample |
|---|---|---|
| text-6xl | 60 | Hero |
| text-5xl | 48 | H1 |
| text-4xl | 36 | H2 |
| text-3xl | 30 | H2 small |
| text-2xl | 24 | H3 |
| text-xl | 20 | H4 |
| text-lg | 18 | Lead paragraph |
| text-base | 16 | Body — readers stay legible at this default size. |
| text-sm | 14 | UI labels and captions |
| text-xs | 12 | MICROCOPY · FOOTNOTES |
05 · Voice
Bring receipts. Hedge honestly.
We are educational, not medical. We cite primary sources. We hedge where evidence is thin and we say so. Below: every line on the left ships, every line on the right gets revised.
07 · Assets
Endpoints & downloads
One SVG source of truth scales from 16px favicons to 1200×630 social cards. Static assets live in client/public; dynamic ones in server/routes.ts.
/favicon.svg
Primary favicon · all modern browsers
/safari-pinned-tab.svg
Monochrome silhouette · Safari pinned tab
/icon-maskable.svg
PWA adaptive icon · Android
/site.webmanifest
PWA manifest
/browserconfig.xml
Microsoft Tiles config
/api/logo.png?size=512
Dynamic logo · any size 16–1024
/api/logo.png?size=310&wide=1
Wide MS tile · 310×150
/api/og-image.png
Social card · 1200×630, parameterized
08 · Don'ts
The mark, when broken
Cyan stays on top. The tilt stays at −30°. The mark stays unstretched. Anything below is a violation.
✕ Don't rotate beyond −30°
✕ Don't invert halves
✕ Don't drop-shadow
✕ Don't stretch
More violations to avoid: don't recolor halves outside the monochrome lockup, don't place on busy photography without the cyber-black backplate, don't pair with rounded corner radii other than the construction's 0.22 × edge, don't substitute a character for the dot in drugs.wtf.
06 · Social
Open Graph cards, parameterized
Every page renders a 1200×630 social card via /api/og-image.png. Pass title, subtitle, description, and accent (cyan / pink / green) to match the taxonomy.