Studio Pod
Brand · Studio Pod

Four faces.
One company.

Studio Pod runs three brand systems in parallel plus one prominent sub-brand. Editorial · 2026 is the current web face - Matter Display, Geist body, JetBrains Mono labels, ink + cream + amber. Roadie is the portable-studio sub-brand with its own road-warrior voice. Corporate · 2023 is the institutional identity. Lifestyle · 2024 is the merch and community face. Switch between them below.

System
00 / Web System 2026

Editorial. The web face.

Built by working photographers in 2026 to give the website a unified editorial voice. Matter Display for headlines, Geist for body, JetBrains Mono for labels, an ink-and-cream palette anchored by a single amber accent. Used everywhere on thestudiopod.com outside the legacy / merch surfaces.

01Typography

Three faces, used surgically.

Matter Display for headlines and structural type. Geist for body copy. JetBrains Mono for eyebrows, labels, and any number that needs to feel measured.

Display
Matter SemiBold
600 · -0.035em tracking
Built by photographers.
The H2 size for sections.
H3 for cards and accordion headers.
Body
Geist Regular
400 · 1.55 line-height · 17px base

Geist is the body face for every paragraph and dek across the editorial pages. Sized 17px at the root with 1.55–1.60 line-height for paragraphs. Smaller variants drop to 14–15px for table rows and FAQ answers. Studio Pod has photographed 41,000+ customers across eight permanent walk-in studios plus a nationwide Roadie fleet.

Label
JetBrains Mono
500 · 0.14–0.18em tracking · UPPERCASE
Eyebrow · section label
Button label · pill text
Code · numbers · /api/contact · 300K+ headshots
02Color tokens

Ink, cream, amber, warm grays.

Nine tokens cover every editorial surface. Ink on cream is the spine; amber is the single accent; warm grays are the muted scale between.

Ink
--ink
#0A0A0A
#0A0A0A Primary text · hero plate
Ink Soft
--ink-soft
#141414
#141414 Secondary dark surface
Cream
--cream
#F2EEE6
#F2EEE6 Primary background · body
Cream Soft
--cream-soft
#E9E3D6
#E9E3D6 Card · subtle plate
Accent
--accent
#F4A93B
#F4A93B Amber · single accent · CTAs, em
Warm 400
--warm-400
#9C978B
#9C978B Light gray · muted
Warm 600
--warm-600
#6A645A
#6A645A Eyebrow + label color
Warm 700
--warm-700
#4F4A41
#4F4A41 Mid-tone body
Warm 800
--warm-800
#33302A
#33302A Body text · max contrast on cream
03Buttons

Five button variants.

All are pills (border-radius: 999px), all use JetBrains Mono at 12px / 0.08em, all uppercase. The variant communicates surface context (dark vs light) and hierarchy (primary vs ghost). Amber is reserved for "Book a session" header CTA.

Primary Dark
.v3-btn-primary-dark · ink fill, cream text · default primary on cream surfaces
Primary Light
.v3-btn-primary-light · cream fill, ink text · primary on ink surfaces (du-hero, du-final)
Book a session
.v3-btn-header-book · amber fill · reserved for the header booking CTA
Ghost Dark
.v3-btn-ghost-dark · transparent, ink text + border · secondary on cream surfaces
Ghost Light
.v3-btn-ghost-light · transparent, cream text + border · secondary on ink surfaces
Primary on Ink
Pair with ghost-light - the du-final closing CTA pattern
04Pills + labels

Eyebrows, hero pills, status badges.

Smaller-than-body type that frames a section, anchors a hero, or carries a status. All mono uppercase. The hero pill carries a green dot (signal) and a 1px border; the v3-label is borderless.

Section eyebrow / .v3-label
Mono · 11px · 0.16em tracking · warm-600 color · used to label every du-section
Made in the USA · Houston, TX
Hero pill / .du-hero-pill · used as the kicker above every editorial H1
suspect spam contact newsletter T1 · DIRECT BUYER
Status pills / tier badges - used in /admin/submissions + /admin/blog-pipeline
05Section primitives

Seven du-* sections, one shared skeleton.

Every editorial page (/delivery-unlimited-headshots, /roadie, /flex, /solutions/*, the comparison pages, the positioning pages, the partner program) is composed from this set. Each primitive has one job; together they make the editorial pacing.

  1. du-hero
    Dark cinematic plate · two-color H1
    Image or video background + gradient scrim + pill eyebrow + cream/amber H1 + sub + CTA pair. Top of every editorial page. Carries the page's emotional charge.
  2. du-stats
    Ink-plate proof strip · 3 or 4 stat cells
    Massive Matter numerals (300K+, 41K+, 8, 10) over a tiny mono caption. Sits right under the hero to ground the page in real numbers before any narrative lands.
  3. du-promise
    Cream-plate · 3 or 4 promise cards
    Section head (label + H2 + dek) over a grid of cards. Each card is label + H3 + body paragraph. Used for the page's central claim broken into 3-4 beats.
  4. du-included
    Ink-plate · figure + checklist
    Two-column: a 5:4 product/lifestyle image on the left, a heading + intro + amber-check bulleted list on the right. The detail moment - what's in the box / on the program / under the hood.
  5. du-compare
    Cream-plate · side-by-side table
    Three-column table: row label + competitor column + amber-tinted Studio Pod column. Used on every comparison page (Iris, PopCam, Made-in-USA, Photographers-vs-Tech-Bros, FLEX).
  6. du-faq
    Cream-plate · <details> accordion
    Native HTML accordion (+ collapses to – on open). Used on Partner Program and any page with structured Q&A. FAQPage schema markup attached for rich-result eligibility.
  7. du-final
    Ink-plate · centered closing CTA
    Massive Matter H2, single dek paragraph, primary + ghost CTA pair. The page's last word. Asymmetric padding (top: ~7vw, bottom: ~10vw) so it lands with weight without leaving a giant gap above.
06Form elements

Inputs, textareas, footer newsletter.

All forms POST to /api/contact or /api/newsletter. Cloudflare Turnstile gates each one. The newsletter widget below is the same one in SiteFooter on every editorial page.

Never miss the next location, pod, or way to show up.
By submitting, you agree to occasional Studio Pod updates. Unsubscribe any time.
07Chrome

SiteHeader + SiteFooter.

Single shared header (transparent over hero, dark-glass when scrolled, cream text and wordmark, amber Book-a-session pill). Single shared footer (newsletter slab, 5-column sitemap, social row, decorative endmark wordmark). Both live in site/src/components/ and are mounted on every editorial page so the chrome can never drift between pages again.

SiteHeader.astro · fixed top, cream wordmark (filter: invert), mono uppercase nav, dropdown panels per section, amber Book-a-session pill, mobile drawer
SiteFooter.astro · newsletter slab → wordmark + 5-col sitemap (Subscriptions / Pods & products / Use cases / Solutions / Company) → social row (IG/FB/LI/YT) → decorative STUDIO POD wordmark endmark
Source of truth · SiteHeader.astro also carries the du-* and v3-* CSS for the rest of the editorial pages to inherit. Don't duplicate.
08Voice + usage

Editorial tone, not marketing tone.

Sharp, specific, numerate. Use real numbers (300K+ headshots, 41K+ customers, 5-min Roadie setup) rather than adjectives. Make competitive claims only when we can name them - "iPad on a stand" was wrong; "Canon EOS 80D with patented 8-tube DMX lighting" is right. Em-dashes were stripped from every editorial page; use single hyphens or recast.

Hero shape
Two-color H1: cream first clause, amber second clause. Line break between them.
FLEX.
<em>Lights that follow the work.</em>
Forbidden
  • Em-dashes (use hyphens)
  • Unsubstantiated competitor specs
  • "Studio-quality" without a number
  • Pure marketing adjectives (revolutionary, cutting-edge)
  • iPad-on-a-stand framing about Iris (can't substantiate)
Required
  • Real numbers in every claim
  • "Made in USA · Houston, TX" where relevant
  • "Patented" multi-source lighting
  • Cross-link to /iris-booth-vs-studio-pod from positioning pages
  • Single amber accent per page (never two)
00 / Sub-brand Roadie

Roadie. Pelican on tour.

Roadie is the portable, photographer-free Studio Pod headshot studio. Two Pelican cases, 5-minute setup, ships UPS to any US venue. The most prominent sub-brand under the Studio Pod corporate parent (cream/ink). Roadie has its own road-warrior voice - rally-orange, Pelican-on-tour, band-on-the-road - but that voice is seasoning on the rental-page promise, not the headline. The lead claim is always "we ship a studio to your event."

Live page · /roadie Roadie add-on · /flex
01Product facts

A studio in a hardshell case.

The thing itself, in numbers. Every page, deck, or proposal that talks about Roadie should hold these facts straight.

Specs
  • Footprint: 4 × 5 ft
  • Weight: ~85 lbs (two Pelican cases)
  • Setup: 5 minutes from case-open to first headshot
  • Lighting: patented multi-source DMX rig
  • Accessibility: wheelchair-accessible
  • Logistics: ships UPS round-trip (US lower 48)
  • Fleet: 10 units in nationwide rotation
Buyer modes · 4
  • Houston rental: $850/day · driver delivery + pickup · 1-week lead
  • Event ship-anywhere: $2,500 / 2-day · $3,250 / 3-day · $4,750 / 5-day
  • Long-term annual: $6,000/yr + $3,950 one-time
  • Outright buy: $9,950 · inquiry-only, no checkout
  • Lead with rental. Buy + annual are footnotes that link elsewhere.
02Locked positioning

The sentences we don't relitigate.

Frozen by the equity-partners board. If you think you have a better line, write the case and ask before shipping it. Don't drift.

Defensible claim · one sentence
The only professional headshot studio that arrives in a Pelican case, sets up in five minutes, and runs without a photographer.
H1 direction · specific, numbered, repeatable
Ship a professional photo studio to your conference. Five-minute setup. No photographer required.

A/B against current - whichever a stranger can repeat 10 seconds after seeing it wins. The headline must promise, not describe. No vague "studio-quality headshots, anywhere" - it describes, doesn't promise.

The wall sentence · taped above the monitor
Stop selling the case. Sell the Tuesday morning when 200 people walk out with their headshots and the photographer never showed up.
03Page architecture

Five sections. In this order. No exceptions.

The /roadie page is locked at five sections. Anything else is decoration tax. If you find yourself adding section #6, stop. The defense test for every section: if I delete this, does a sale die?

  1. 01
    Hero
    One video, one sentence (the H1 above), one CTA (Book a date). The dark cinematic plate with the open state of the case, or - until the money shot lands - the Band Poster.
  2. 02
    3-door router
    Houston · Event · Annual. Buy lives as a single footer link, not a 4th door. Each route gets a math line a buyer can put in a budget request - "100 portraits / day @ $850 = $8.50 per pro headshot."
  3. 03
    Proof
    Case studies + made-with-Roadie wall. Real photography from real events, not stock. Empathy beat before specs - PEACE first, hardware second.
  4. 04
    How it works
    3-step rental timeline. UPS arrival → set up → run sessions. Operational register: industrial-typography callouts, not cinematic mood.
  5. 05
    Price + book
    Three transparent price tiles + a real 4-field intake form (city · dates · scenario · attendee count). Returns a quote + a calendar link. Not a Tesla configurator - the "build" is the booking.
Decoration tax · hide or cut

Manifesto · crafters block · fleet status · ARC-style spec callouts · museum reveal · manifest ticker · FAQ-as-section · big outlined "2025" · diagonal orange band · "001" sticker · infinite-scroll spec ticker. Hide specs behind a single Specs ↓ disclosure or drop them entirely.

04Visual language

Two registers. Two beats.

Opal/Rivian and Braun/Apex aren't fighting - they're two voices for two functions. Use each where it belongs. Don't put a Braun spec table in the hero. Don't put a Rivian cinematic crop on a pricing tile.

Cinematic · emotional
Opal · Rivian · Olto
Where it lives: above-the-fold hero, proof reel, closing tour-poster wall.

What it does: carries the emotional charge. Dark plate, single hero image or video, ambient grain. No spec data inside this register.
Industrial · operational
Braun · Apex · ARC P1
Where it lives: router cards, dimensions table, how-it-works steps, pricing tiles.

What it does: carries operational facts. Cream surfaces, technical-drawing callouts, monospace numerals. No marketing adjectives inside this register.
05Brand voice

Road-warrior is seasoning. Not the headline.

Roadie has cultural heat - Pelican-on-tour, rally-orange, band-on-the-road. Use it in the right places. Don't lead with it.

Do
  • Lead with "we ship a studio to your event"
  • Save road-warrior voice for the Band Poster wall and event-recap copy
  • Use real numbers - 5 minutes, 200 portraits, $8.50 per headshot
  • Keep Roadie under the Studio Pod corporate parent (cream/ink)
  • Show the case open - subject stepping in, finished portrait on screen
Don't
  • Lead with "band roadie" cleverness - it dilutes the rental promise
  • Treat Roadie as a separate company - it's a sub-brand
  • Use cream/light heros - Roadie hero is dark cinematic
  • Ship vague H1s ("Studio-quality headshots, anywhere")
  • Loop the closed case waiting for perfect footage
06Assets

What we have. What we're missing.

Every Roadie asset that's deployable lives under site/public/roadie/. Raw masters (with spaces in filenames) live in /images/roadie/ and don't ship.

Videos · what's deployable
  • roadie-teaser.mp4 · closed case loop · hero placeholder
  • roadie-loop.mp4 · closed case loop · hero placeholder
  • roadie-black-cinematic.mp4 · vertical 1080×1920, closed case on black
  • roadie-cinematic-2/3.mp4 · mix of horiz/vert closed-case beats
  • roadie-ashley.mp4 · in-use UI shot, vertical 9:16, has burnt-in IG captions ("AND DOUBLES") - use in Proof or How-it-works step 2, NOT hero
Stills + the Band Poster
  • roadie-case.jpg · closed Pelican case product shot
  • roadie-clean.png · clean product still (4.9 MB - compress)
  • photos/ · event + lifestyle stills directory
  • Band Poster · 42MB tour-rally hero asset. Strongest narrative thing we own. Use as hero plate fallback or as the closing tour-poster wall ("Roadie / Spring '26 Tour / Houston · Austin · NYC").
Still missing · the money shot

30 seconds. UPS arrival → case rolls into a conference lobby → opens, Transformer-style, into a working studio → first subject steps in → finished portrait on screen. Replaces every current hero loop when it lands. Until then: Band Poster as the strongest narrative fallback, roadie-ashley.mp4 as the strongest in-use asset.

07Anti-patterns

Things already tried. Already rejected.

Each one was shipped, didn't sell, and got cut. If you're tempted to bring any of these back, re-read the wall sentence first.

Decorative noise · diagonal orange bands, "001" sticker badge, infinite-scroll spec ticker, giant outlined "2025"
Museum-podium "reveal" section with Braun-style metadata bar - too clever, doesn't sell
11-section page sprawl - must be cut to 5
Cream/light hero - Roadie hero is dark cinematic, not editorial-light
Generic vague H1 ("Studio-quality headshots, anywhere") - describes, doesn't promise
Tesla-style configurator on a $9,950 inquiry product - cargo-cult, kill it
08Source of truth

When in doubt, read the skill file.

.claude/skills/roadie/SKILL.md · the equity-partners board verdict, frozen so it stops drifting each context window. Authoritative. If you change anything in this brand-page panel, sync the skill too.
site/src/pages/roadie.astro · the live page. Currently ~8.7k lines (most is CSS for sections that should be cut to 5).
site/public/roadie/ · every deployable Roadie asset. Web-safe lowercase names with the roadie-* prefix.
/flex · the FLEX add-on - modular side-light panels that bolt onto a Roadie. Same Pelican-case ethos, same sub-brand parent.
01 / Visual Standards 2023
Studio Pod

The corporate system. Matter sans, the pixel starburst mark, a muted palette of greys anchored by an off-black and softened by a single gold accent. Used for product surfaces, stationery, packaging, and anywhere the work needs to feel institutional.

01Full Logo

Our primary expression.

This version of the logo includes the icon between STUDIO and POD. It's the easiest to use and it immediately shows the full brand. This should be the most commonly used logo.

Studio Pod

Clear space — a minimum of the height of the wordmark on all sides. Never let another element encroach.

02Brand Mark

The standalone icon.

The mark can be used on its own — on packaging corners, favicons, merch, foil stamps. Minimum clear space is 50% of the mark's width.

03Incorrect Usage

The wordmark should always be consistent.

Six common mistakes to avoid. These rules apply to both the full logo and the standalone mark.

Do not stretch or distort the logo in any way.
Do not stretch, rotate, or flip the logo in any way.
Do not change the logo color to something outside of the brand colors.
Do not change the font, case, or weight of the logo.
Do not add a drop shadow or any other effects to the logo.
Do not outline the logo.
04Color System

Broad, yet focused.

Six colors — four greys, a gold accent, and an off-black. Designed to be used in many different ways on purpose. No additional colors outside this palette.

Light Grey
HEX
#F6F6F6
RGB
R 246 G 246 B 246
HSL
H 0 S 0 L 0.96
CMYK
C 0% M 0% Y 0% K 4%
#F6F6F6Canvas · primary surface
Warm Grey
HEX
#E6E3DE
RGB
R 230 G 227 B 222
HSL
H 37.5 S 0.14 L 0.89
CMYK
C 0% M 1% Y 3% K 10%
#E6E3DEWarm section background
Mud Grey
HEX
#C4C4BC
RGB
R 196 G 196 B 188
HSL
H 60 S 0.06 L 0.75
CMYK
C 0% M 0% Y 3% K 23%
#C4C4BCMid-tone · subtle dividers
Stone Grey
HEX
#83817E
RGB
R 131 G 129 B 126
HSL
H 36 S 0.02 L 0.5
CMYK
C 0% M 1% Y 2% K 49%
#83817EMedium contrast · secondary text
Gold
HEX
#D5AC7A
RGB
R 213 G 172 B 122
HSL
H 32.97 S 0.52 L 0.66
CMYK
C 0% M 16% Y 36% K 16%
#D5AC7AAccent · envelopes, foil, highlights
'Black'
HEX
#111111
RGB
R 17 G 17 B 17
HSL
H 0 S 0 L 0.07
CMYK
C 0% M 0% Y 0% K 93%
#111111Primary ink — off-black, never pure #000
05Typography

Matter.

Matter is the primary headline typeface — friendly, professional. Regular + Semi-Bold weights only. Licensed WOFF2s self-hosted at /fonts/matter/.

Matter
Regular
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
01234567890!@#$%^&*()?"{;
Semi-Bold
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
01234567890!@#$%^&*()?"{;
06Applications

In use.

The system in the real world — stationery, packaging, apparel. The pixel mark is typically used as a single corner element; the full wordmark appears at the top of printed surfaces.

STUDIO   POD
Joseph West
Co-Founder / CCO
+1 (832) 347 2972
joseph@thestudiopod.com
www.thestudiopod.com
STUDIO   POD
4809 Blossom St
Houston, TX
77007
STUDIO   POD
S3
07Raw Assets

Logo files.

The four reference PNGs from the Studio Pod branding kit. Stored in /brand/. SVG extractions from the source Illustrator file should replace these as they become available.

S1
S1
S1 Icon
S1 · Icon
S3 Icon
S3 · Icon
S3 Icon Alt
S3 · Icon (Alt)
Lifestyle 2024
Studio Pod

The merch and culture system. Retro-nostalgic typography, a cast of alternate marks, and a bold primary palette. Used for apparel, event collateral, and anywhere the brand needs to feel like a crew — not a company.

Look Good, Feel Good.
Smiling is Nice.
Studio Pod Everywhere.
01Wordmark

Our primary expression.

The lifestyle wordmark is set in Oakley — a bubbly retro serif that carries the 1970s Americana energy of the merch line. Licensed WOFF2s self-hosted at /fonts/oakley/.

Studio Pod
02Additional Marks

A cast of alternates.

Additional logo marks for merchandise and marketing — t-shirts, caps, tote bags, event collateral. CSS approximations below; drop SVG exports into /brand/lifestyle/ to replace.

Studio
Pod
STUDIO POD EVERYWHERE
StudioPod
STUDIO POD
SMILING IS NICE :) LOOK GOOD · FEEL GOOD
Flag Mark
Primary for caps + totes
03Color System

Bold by design.

Six colors — the full spectrum of the lifestyle palette. Designed to carry across merch, event collateral, and seasonal drops. These live alongside the corporate palette and should never mix in a single surface.

Red
#DB3C25
#DB3C25Primary accent · badge labels, energetic callouts
Blue
#4976C8
#4976C8Pennants, sweatshirt type, "Smiling is Nice"
Dark Green
#2A4D2E
#2A4D2EScript badges, deep backgrounds
Green
#3E7438
#3E7438Mascot ink, mid-tone green
Cream
#E0D9BF
#E0D9BFWarm background · packaging, tees
Yellow
#FFC43B
#FFC43BFull-bleed feature color · camper van, section covers
04Typography

Three families.

Oakley for headlines (chunky retro serif). Koozie Script for cursive flourishes. MPI Republic Gothic for condensed all-caps taglines. All three should appear together on badges and drops.

Oakley
Headlines · wordmark
Oakley
Koozie Script
Cursive flourishes · badges
Koozie Script
MPI Republic Gothic
All-caps taglines
MPI REPUBLIC GOTHIC
Thank You
Thank You
THANK YOU

The triple treatment from the lifestyle guidelines back cover — demonstrating how all three faces work together.

Contact Brand team

For specific files or questions, reach out.

Brand owner
Joseph West
Co-Founder / CCO
joseph@thestudiopod.com
+1 (832) 347 2972
Studio
4809 Blossom St
Houston, TX 77007
www.thestudiopod.com
Documents
Editorial system · 2026 · live site
Corporate Guidelines · 2023 · 21 pages
Lifestyle Guidelines · 2024 · 16 pages
Rev. 2026.05 · adds the Editorial · 2026 web system