Design Deliverables
PRIME MINUTE
Sitemap Website — Mar 2026
Home Sitemap Wireframes
SnapFull-height scroll-snap section
FreeFree-scroll section (within nested scroll container)
Site Structure — 6 Pages
P-01 Home / Capabilities prime-minute.com
Primary landing page. 6 full-height snap sections introduce the company and system, followed by a free-scroll container with the conditions matrix, testimonial, CTA, and footer.
S-01 Hero Parallax bg image, 3-layer grid overlay, headline, dual CTAs Snap
S-02 Problem Statement Full-bleed Eaton Fire image, parallax, centered headline + body Snap
S-03 Capabilities 4-tab (ASSESS / COMMIT / ACT / VERIFY), auto-timer 4s, user-interruptible, topo parallax bg Snap
S-04 Value Proposition 4 image cards with staggered waterfall entrance animation on scroll Snap
S-05 PGSU Showcase Technical blueprint view, cqi-scaled callouts, pulsating dots, spec footer Snap
S-06 Mission Intelligence MIP preview section, cqi-scaled layout Snap
S-07 Conditions Matrix Prime Minute vs conventional response comparison grid — freescroll begins Free
S-08 Testimonials Blockquote with attribution Free
S-09 CTA + Footer Get In Touch CTA, 4-col footer, legal Free
P-02 Engineering prime-minute.com/technology
Technical deep-dive into the PGSU hardware, C-130 deployment platform, and Mission Intelligence Platform software. 4 snap sections followed by a free-scroll feature detail.
S-01 Engineering Hero Headline, eyebrow, 4-stat metrics row (precision, wind, sortie cap, availability) Snap
S-02 PGSU Deep Spec 3D render placeholder + 8-row spec table (dimensions, capacity, guidance, wind tolerance) Snap
S-03 C-130 Configuration Payload specs, sortie capacity, turnaround time, C-130 cutaway render Snap
S-04 Mission Intelligence Platform MIP overview image + 8-row capability table (detection through assessment) Snap
S-05 Hardware & Software 2-col feature grid: sensor/guidance/compute detail — freescroll begins Free
S-06 Footer 4-col footer, legal Free
P-03 Mission prime-minute.com/mission
Company mission and strategic framing. 1 snap hero followed by a free-scroll section containing KPI stats, the gap narrative, CTA, and footer.
S-01 Mission Hero Centered headline, body, dual CTAs (Get In Touch / View Technology) Snap
S-02 Impact by the Numbers 6-stat KPI bar: $50B+ damages, <50% aerial avail, 10 min TTD, 5m precision, 32 PGSU/sortie, 24/7 — freescroll begins Free
S-03 The Gap 2-col: gap narrative (high wind / smoke / night) + image placeholder Free
S-04 CTA + Footer Join Us CTA band, 4-col footer, legal Free
P-04 Team prime-minute.com/team
Leadership, domain expertise, and strategic advisors. 1 snap hero followed by a free-scroll section presenting the full team structure and a Work With Us CTA.
S-01 Team Hero Centered headline on navy + grid texture background Snap
S-02 Leadership Grid 4-up card grid: name, role, bio, background tags (desktop 4-col, tablet 2-col, mobile 1-col) — freescroll begins Free
S-03 Domain Expertise 3-col grid: Aerial Operations, Wildfire Science, Autonomous Systems with stats Free
S-04 Strategic Advisors 3-col grid: advisor name, role, background (dimmer treatment vs leadership) Free
S-05 Work With Us + Footer Horizontal CTA band with Request a Briefing + View Open Roles, 4-col footer Free
P-05 Newsroom prime-minute.com/newsroom
Field updates, technology milestones, and press. 1 snap hero with live stats, followed by a free-scroll editorial section with featured story, filtered article grid, and press CTA.
S-01 Newsroom Hero Centered headline on dark grid bg, 3 live stats (latest update / test programs / agency relationships) Snap
S-02 Featured Story Large horizontal card: image panel + category / date / title / excerpt / read link — freescroll begins Free
S-03 Category Filter All / Field Updates / Technology / Partnerships / Media — interactive toggle Free
S-04 Recent Updates Grid 3-col card grid: tag / date / title / excerpt / read link (desktop 3-col, tablet 2-col, mobile 1-col) Free
S-05 Press & Media CTA + Footer Contact Press Team + Download Media Kit CTAs, 4-col footer Free
P-06 Connect prime-minute.com/contact
Briefing request and partnership inquiry. 2-col layout: form on left, engagement process steps on right. Includes a Calendly-style briefing modal triggered by "Schedule a Briefing".
S-01 Connect Form Name / Org / Email / Role / Message fields; Submit Request + Schedule a Briefing (modal trigger) Free
S-02 Engagement Process 3-step sidebar: Understand Challenges → Configure Solution → Deploy & Operate Free
S-03 Footer 4-col footer, legal Free
Special Showcase Screens
E-01 Countdown prime-minute.com/countdown
Full-screen live countdown to a mission event. Corner registration marks, project title, live timer (months / days / hours / mins / secs), location indicator, and Watch Live Event CTA. cqi-scaled layout adapts to any device frame.
S-01 Countdown Screen Full-bleed bg image, live JS timer updating every second, registration corner marks Snap
Shared UI Patterns
Navigation
Primary Nav
Sticky top nav: logo (links home), page links (Capabilities / Engineering / Mission / Team / News / Connect), "Request a Briefing" gold CTA button. Hamburger on tablet + mobile.
Navigation
Mobile Menu
Full-width dropdown overlay from sticky nav on tablet and mobile. Hamburger → X animation. All nav links present; divider separates primary from Connect.
Scroll
Snap System
CSS scroll-snap-type: y mandatory on device content. Full-height sections with scroll-snap-align: start. Freescroll containers nested inside final snap slot per page.
Scroll
Parallax
3-layer parallax on Home hero: background image (0.22×), grid overlay (0.12×), text (0.06×). Problem Statement bg parallaxes at 0.22×. Capabilities topo texture at 0.18×.
Interaction
Capabilities Timer
4-tab auto-cycle (ASSESS / COMMIT / ACT / VERIFY) every 4s with gold segmented progress bars. User click pauses auto-advance for the visit (bars dim to 35%). Timer resets fresh on each section entry.
Interaction
Briefing Modal
Calendly-style date picker modal triggered from Connect page. Month navigation, available day selection, timezone display, confirmation state. Triggered by "Schedule a Briefing" button.
Animation
Value Prop Entrance
4 image cards animate in with staggered waterfall (0.05s / 0.2s / 0.35s / 0.5s delay) on IntersectionObserver trigger. Resets on section exit. Title fades in simultaneously.
Typography
Type System
RuderPlakatLL-Regular for display headlines (uppercase, 0.05–0.08em tracking). EBGaramond for body copy. LabMono for eyebrows, labels, and mono data. All loaded from local /assets/fonts/.
Color
Brand Colors
Navy #10174D · Denim #38588B · Gold #E2B35C · Cream #F2ECE5 · Red #C4362A · Black #080809. All whites replaced with Cream #F2ECE5 throughout.
Layout
Container Queries
Value Proposition and PGSU Blueprint use container-type: inline-size with cqi units for self-scaling layouts. Ensures proportional consistency across all device frame sizes.
Devices
Responsive Contexts
Desktop 1440×900 · Tablet 768×1024 (iPad) · Mobile 390×844 (iPhone 14). Grids stack on tablet and mobile. Padding reduces at each breakpoint. Matrix table scrolls horizontally on mobile.
Buttons
CTA System
Primary (.wf-btn.p): gold fill, navy text. Secondary (.wf-btn.s): gold outline, gold text. Nav CTA: smaller, 2px radius, gold fill. All uppercase, Barlow Condensed, letter-spacing 1.5–2px.