Brand Resource
Bigscreen VR Brand System
A complete voice architecture, messaging toolkit, and visual identity reference for Bigscreen VR. The downloadable prompt file covers voice pillars, audience segments, channel modifiers, and anti-patterns across 12 channels. The visual specs below are rendered for both human reference and machine parsing.
Download Voice System (.md)Font Families
Neue Haas Grotesk Display Pro
55 Roman (500 default)
Primary display face across both sites
Licensed commercial font — requires purchase for web use
Poppins
400
Main site body text at 16px/24px
Google Fonts — free to use
Grotesk
varies
Store body text and buttons (Shopify theme)
Shopify theme font
Zen Kaku Gothic New
varies
CJK fallback support
Google Fonts — free to use
Type Scale
Specimens rendered in Inter (closest free substitute for Neue Haas Grotesk Display Pro). Actual font names labeled per element.
Hero Headline — 88px / 500 weight
This is Beyond
Blog Post Title — 72px / 500 weight
Dynamic Foveated Rendering
Mobile Nav / Subheads — 32px
Every gram matters
Body Text — Poppins 16px / 400
See the whole track. 116 degrees diagonal field-of-view means you catch movement in your peripheral vision, cutting lap times on courses where spatial awareness matters.
Main Site
| Element | Font | Size | Weight | Line Height | Letter Spacing |
|---|---|---|---|---|---|
| Hero headline | Neue Haas Grotesk Display Pro | 88px | 500 | 72px | normal |
| Navigation links | Neue Haas Grotesk Display Pro | 16px | 500 | 20px | normal |
| Mobile nav / subheads | Neue Haas Grotesk Display Pro | 32px | 500 | normal | normal |
| Body text | Poppins | 16px | 400 | 24px | normal |
| CTA buttons | Neue Haas Grotesk Display Pro | 16px | 500 | 20px | normal |
Store
| Element | Font | Size | Weight | Line Height | Letter Spacing |
|---|---|---|---|---|---|
| Blog post title | Neue Haas Grotesk Display Pro | 72px | 500 | 88px | normal |
| Blog body text | Neue Haas Grotesk Display Pro | 24px | 500 | 32px | normal |
| Blog bold / specs | Neue Haas Grotesk Display Pro | 24px | 700 | 32px | normal |
| Blog links | Neue Haas Grotesk Display Pro | 24px | 500 | 32px | normal |
| Product pricing | Neue Haas Grotesk Display Pro | 18px | 500 | — | 0.6px |
| Store body / nav | Grotesk / Assistant | 16px | 500 | — | 0.6px |
| Store buttons | Grotesk / Assistant | 15px | 500 | — | 1px |
Color Palette
- Black
#000000
rgb(0, 0, 0)
Primary background (main site), text, nav, buttons
- White
#FFFFFF
rgb(255, 255, 255)
Text on dark backgrounds, store page background
- Bigscreen Violet
#4D1EF7
rgb(77, 30, 247)
Brand accent — announcement banners, gradient accent
- Deep Violet
#4000FF
rgb(64, 0, 255)
Gradient midpoint, section transitions
- Off-white
#F4F3F3
rgb(244, 243, 243)
Store product card backgrounds, light sections
- Light Gray
#EAEAEA
rgb(234, 234, 234)
Section backgrounds
- Mid Gray
#DFDFDF
rgb(223, 223, 223)
Gradient fade-outs
- Dark Charcoal
#222425
rgb(34, 36, 37)
Dark UI sections, footer
- Nav Gray
#787E81
rgb(120, 126, 129)
Subdued nav text, secondary labels
- Date Stamp Gray
#999999
rgb(153, 153, 153)
Blog dates, metadata
Gradients
Violet Banner Fade
Top of sections, announcement bars
linear-gradient(#4D1EF7 10%, transparent 80%)Section Transition
Full-page scroll from light to violet to dark
linear-gradient(#F4F3F3 0%, #4000FF 50%, #000000 100%)Bottom Fade
Section edge fading
linear-gradient(#DFDFDF 0%, rgba(223,223,223,0.8) 20%, transparent 40%)Edge Vignette
Video and image framing
linear-gradient(#000000 0%, transparent 20%, transparent 80%, #000000 100%)Formatting Patterns
Spec Callouts
Technical claims bolded inline within paragraph text using <strong> tags (e.g., "116° diagonal field-of-view"). Specs are never isolated in callout boxes — they live inside the sentence.
Hero Sections
Massive 88px type over full-bleed cinematic video or photography. Features distinctive em-dash separators (e.g., "This is Beyond —— 2"). No subtitle — the visual does the work.
Announcement Banner
Fixed-position scrolling ticker bar in Bigscreen Violet (#4D1EF7) with white text. Messages separated by bullet dots. Always at the top of the viewport.
Product Cards
Clean dark-background studio shots on light gray (#F4F3F3) card backgrounds. Centered photography with generous padding. Price and variant info below the image.
Blog Layout
Single-column centered layout with generous white space. Date stamps in uppercase gray above headlines. Large inline images break up text. Body text at 24px / 32px line-height for an editorial, magazine-style reading experience.
Design System Notes
- Main site uses black background + white text; Store inverts to white background + black text.
- Bigscreen Violet (#4D1EF7) is the only non-neutral accent — used for highest-impact elements only.
- Pill-shaped buttons with high border-radius (40-72px). Either outline style (transparent bg + border) or solid black.
- No violet-colored CTA buttons — violet is reserved for backgrounds and gradients.
- All button text is sentence case, not uppercase.
- Blog body at 24px with 32px line-height creates a generous, editorial reading feel.
- Main site built on Builder.io with styled divs (no semantic heading tags in source).
- Store runs Shopify Dawn theme with CSS custom properties.
Download the Voice System
The complete messaging prompt package: identity block, 12 channel modifiers, 5 voice pillars, 5 audience segments, anti-patterns, lexicon rules, and proof hierarchy. ~790 lines of markdown, ready to paste into any LLM conversation.
Download Voice System (.md)