● PERITIA · CONCEPT LIBRARY · V3 · 50+ PROTOTYPES

Five versions.
Fifty concepts.

A divergent exploration of what the Peritia website could be. Same brand guardrails, same information architecture, same six products — radically different structural and visual approaches. Use this as a buffet. Kill the ones that don't land. Amplify the ones that do.

Brand · Navy · Orange · Teal · Cream · Sky · Charcoal
Type · DM Serif Display + DM Sans + JetBrains Mono
IA · LOCKED (Gate 1.5)
Helix · pulsing v2a/v2b integrated
VERSION 01 · TRADITIONAL · BISCOCHITOS-INSPIRED

V1 · Traditional

Polished B2B baseline. Cream-first palette, centered nav, serif rotating headline, 2x2 stat panel, ticker, testimonial grid, FAQ, multi-column footer. The "safe-but-premium" direction that reads as the logical evolution of the biscochitos reference.

V1 · 01
Homepage
Hero, proof strip, 6 solutions grid, how-it-works, testimonials, stats, FAQ, CTA, footer.
V1 · 02
Solutions
Six product detail rows with 4 feature cards each.
V1 · 03
Peritia Clinical
Product detail with 4 capabilities, 3 scenarios, live helix.
V1 · 04
Expert Archetypes
12 archetype gallery with pool depth, no named individuals.
V1 · 05
Stories
Featured story + 9-card grid, filterable by function.
V1 · 06
About
3-legacies narrative, 4 principles, leadership cards.
V1 · 07
Build Your Team
Split screen intake form with helix-accented testimonial.
VERSION 02 · MODERN · LINEAR / RAMP / STRIPE

V2 · Modern

Dark navy base with gradient glows, mono eyebrows, bold gradient-clipped serif headlines, 12-column bento grids, glass cards, live tickers. Feels like a modern SaaS company shipped this site — tech-forward, bold, premium.

V2 · 01
Homepage
Hero + glass dossier panel, ticker, 12-col bento products, HIW, stats, CTA.
V2 · 02
Solutions
6-product detail with feature glass cards + comparison table.
V2 · 03
Peritia Clinical
Live helix panel, 4 capabilities, 3 scenarios.
V2 · 04
Expert Archetypes
Bento grid with helix in dedicated 2x2 cell.
V2 · 05
Stories
Sticky-stack horizontal panels with scroll progress indicator.
V2 · 06
About
Helix-centered hero, 48-hour timeline visualization, 4 principles.
V2 · 07
Build Your Team
Dark split with glass testimonial + helix-accent submit button.
VERSION 03 · EDITORIAL · FT / NEW YORKER / ECONOMIST

V3 · Editorial

Heavy serif magazine authority. Masthead, byline sidebars, drop caps, multi-column feature lead, newspaper outcome grid, op-ed block, pullquotes. Reads like premium journalism wrote a feature about Peritia — sophisticated, authoritative, deeply readable.

V3 · 01
Cover Feature
Masthead + byline sidebar + drop-cap lede + TOC + 8-outcome grid + op-ed.
V3 · 02
Section II · Solutions
Long-read product detail with drop caps and multi-column body.
V3 · 03
Section III · Stories
Feature story + byline + pullquotes + outcome briefs grid.
V3 · 04
Section IV · Directory
Multi-column alphabetical archetype directory with pool counts.
V3 · 05
Section V · About
Single-column long-read with blockquote and drop cap.
V3 · 06
Section VII · Intake
Underline-only form with serif inputs and italic pull-quote aside.
VERSION 04 · CONCEPTUAL · HELIX-NATIVE · EXPERIMENTAL

V4 · Conceptual

Charcoal voids with helix as a dominant, live visual element. Giant rotating helix heroes, orbiting stat nodes, terminal CLI intake, horizontal story scroll, tunnel-like about narrative. Breaks conventions but stays legible — the helix is a character, not a decoration.

V4 · 01
Homepage
Giant center helix with orbiting stat nodes, hero text overlay.
V4 · 02
Solutions
Side-helix background, featured Clinical cell + 5 product cards.
V4 · 03
Experts · Helix Void
Mega helix behind archetype nodes in a dark charcoal void.
V4 · 04
Stories · Horizontal
Horizontal scroll-snap card marquee, 6 outcome panels.
V4 · 05
About · Tunnel
Progressive scroll tunnel chapters with fixed background helix.
V4 · 06
Terminal Intake
CLI prompt aesthetic, JetBrains Mono form, live match output.
VERSION 05 · OFF THE WALL · MAXIMUM EXPERIMENTATION

V5 · Off the Wall

Breaks conventions entirely. Combination lock hero, periodic-table solutions, tarot deck experts, slide projector stories, red-string detective board intake. Each page has its own physical metaphor — they feel like real objects rendered in HTML. Bold. Unexpected. Memorable.

V5 · 01
Combination Lock Homepage
Three rotating cylinders (Stage · Persona · Solution) unlock the match.
V5 · 02
Periodic Table Solutions
36-element periodic table: 6 products + 6 stages + 3 personas + 21 skills.
V5 · 03
Tarot Deck Experts
12 archetype cards laid out like a tarot spread, pullable.
V5 · 04
Slide Projector Stories
Vintage slide projector with 6 auto-advancing story slides.
V5 · 05
Red String Intake
Detective corkboard with pinned notes, red strings, pinned case file form.
VERSION 06 · JASON-STRICT · THE BRIEF RENDERED AS A WEBSITE

V6 · Jason-Strict

A strict interpretation of Jason Danieli's Website & Brand Strategy Brief (April 2026). Cream-first, editorial, premium-advisory voice. Six named products. Three-axis routing (industry / capability / situation). Three buyer personas with their exact quoted fears. FAQ as objection handler. StoryBrand-first copy throughout. This is "what Jason would ship" — the brief rendered as a site.

V6 · 01
Homepage — The Platform
Cream-first hero, 3-axis routing, 6 products, 3 audiences, FAQ objection handler.
V6 · 02
Our Products — Six in One
Each of the 6 named products with scenario, capability list, and engagement mode.
V6 · 03
Who We Serve — Three Buyers
Operator / Builder / Director with fears, situations, and product routing.
V6 · 04
How It Works — Three Steps
20-min intake · 48-hour match · productive by next week. Operating principles.
V6 · 05
FAQ — Objection Handler
15+ questions organized by category for the skeptical Director.
V6 · 06
About — Three Companies One Network
The legacy story, the 26-year timeline, the unification rationale.
V6 · 07
Contact — Start the Intake
Two-column intake with what-happens-next walkthrough.
BONUS · CONCEPT LAB · 10 STANDALONE HOMEPAGE EXPERIMENTS

The concept lab.

Ten divergent standalone homepage experiments I built before the version-spectrum crystallized. Each is a self-contained take on "what could the Peritia homepage be" — use them as an idea buffet alongside the structured versions.

LAB · 01
Lifecycle Gauntlet
Scroll-snap phase journey through drug development.
LAB · 02
Quiz-First Configurator
The hero IS the quiz. Conversion as first interaction.
LAB · 03
Editorial Authority
Newspaper front page with giant lede and outcome grid.
LAB · 04
Terminal Dossier
Bloomberg-style CLI with live match dossier.
LAB · 05
Helix Spine
Huge helix bleeds off the right edge as vertical spine.
LAB · 06
Brutalist Serif
Raw grid, mega serif, heavy borders, tickertape.
LAB · 07
Liquid Dark
Animated mesh gradient + glassmorphism dossier cards.
LAB · 08
Dense Bento
12-column information-dense bento grid of everything.
LAB · 09
Classified Dossier
Top-down manila folder with tabs and stamps.
LAB · 10
Prescription Pad
Rx slip with symptoms checklist and dose cards.
LAB · 11
Split-Flap Departure Board
Train station board with live placement flips.
LAB · 12
Constellation Map
Night sky with 6 connected star clusters per product.
LAB · 13
Vending Machine
9-slot vending UI with grid-code keypad dispense.
LAB · 14
Apothecary Cabinet
Grid of tactile wood drawers, one pulled open.
LAB · 15
Gantt Timeline
Horizontal drug-dev Gantt chart with per-product bars.
Supporting · gallery + 404 + insights
SUPPORT · 01
Insights Hub
Featured article + side list + category grid + 6-post grid.
SUPPORT · 02
404 · Not Matched
Helix-animated 404 page with brand-aligned copy.
TOTALS · 5 VERSIONS · 32 VERSION PAGES · 15 CONCEPT LAB · 2 SUPPORT · 50 TOTAL CONCEPT HTML PAGES · 1 SHARED BRAND.CSS · 2 LOTTIE HELIX ANIMATIONS INTEGRATED