Every block has an ID like BBC.B.027 and a deep-link to its
live rendered example. Cross-references to compatible plates and required assets are listed inline.
Fetch /blocks.json for the full catalog.
First page. Sets the temperature for everything that follows.
Default cover. Photo bg + right-side text panel with 2-line title (main + italic accent).
Use: Standard proposal cover.
plates: BBC.P.03
Figure-mode cover with Bumblebee Ranger on left + 3-line title (LAUNCHING / Pegasus / LEARNING CENTRE).
Use: Cinematic launch covers.
assets: BBC.A.C.01
Light cream bg variant. Used for soft brand pitches (sprints, foundations work).
Use: Strategy / foundations / sprint pitches.
plates: BBC.P.11
Alt 3-line title with Ranger stance figure on warm gradient.
Use: Different cover energy when not the headline launch.
assets: BBC.A.C.02
Frame the problem. What's at stake. What we already see.
Two-column 'have / missing' or 'what / why' grid with bulleted rows.
Use: Frame the problem in two opposing buckets.
Three-column variant — 'What / How / Why' or similar trio.
Use: When the framing splits cleanly into 3 angles.
3-column numbered cards (01/02/03) with eyebrow + title + body.
Use: Initial observations / 'what we noticed' section.
3-column cards with big ghosted number + heading + body.
Use: 'Why us' / reasoning blocks.
Approach, philosophy, the people behind it. Earn trust.
Strategy pillars on dark bg, 3 cards with gradient top edge.
Use: 3 strategic commitments.
4-card variant for compressed / more steps.
Use: 4 commitments / steps.
Cream bg variant for softer pitches.
Use: Sprint / foundations pillars.
Glass cards on full warm-gradient bg.
Use: Vibrant strategy moment.
Each pillar a different brand color (gold / sunset / ember / berry). Most signature variant.
Use: Showcase 4 stages with high-contrast color.
Glass-card stack on warm-gradient photo bg (deck S5 pattern).
Use: Full 7-stage power-play methodology.
plates: BBC.P.09
Same pattern, fewer steps — over BBC.P.10 (eye, text-left).
Use: Sprint / shorter process.
plates: BBC.P.10
3-col layout (text-left / photo-center / text-right) on light cream bg. Ports BBC deck slide 4.
Use: Co-founder bios + composite photo.
assets: BBC.A.X.01
Stats grid + character figure on right (ranger stance). Photo bg.
Use: Big company-level stats with character.
assets: BBC.A.C.02
Compact 4-stat horizontal bar.
Use: Mid-section stats inserted between content.
Same compact stats strip on warm gradient.
Use: Vibrant stats moment.
8-cell capabilities matrix with icons.
Use: 'What we do' overview.
16:9 thumbnail with play button + caption.
Use: Founder video / launch video embed.
Hero image + 4 award cards (deck S6 pattern).
Use: Recognition / press section.
assets: BBC.A.X.08, BBC.A.P.01, BBC.A.P.02, BBC.A.P.05, BBC.A.P.06
Three giant numbers on warm-gradient bg.
Use: Compounding numbers moment.
Single dominant stat on warm-gradient bg.
Use: One number that does all the talking.
Pause sections. Reset visual rhythm. Earn the next chapter.
Cinematic full-bleed photo with text on left.
Use: Pause / chapter shift.
BBC.P.04 (ant carrying boulder) — labour / weight metaphor.
Use: Persistence / labour theme break.
plates: BBC.P.04
Light-rays bg for closing cinematic moments.
Use: Aspirational / triumph break.
Centered cinematic quote on textured noise bg.
Use: Manifesto-style pause.
Same pattern over BBC.P.03 (sunset mountain).
Use: Closing-side quote moment.
plates: BBC.P.03
Massive italic statement on deep bg.
Use: Brand promise / belief statement.
Same statement on warm gradient.
Use: Vibrant belief moment.
Pure warm gradient band — no photo, no text.
Use: Visual rhythm separator.
Timeline, deliverables, print. Mechanics of the engagement.
Vertical timeline with date / spine / card structure.
Use: 7-week launch timeline.
Sprint format — 3 milestones.
Use: Short sprint plan.
2-col grid with icon + title + body + qty.
Use: Itemized deliverable list.
4-col centered cards with quantities.
Use: Print / OOH / packaging items.
Money. Make it legible.
Hand-off vs end-to-end. Featured tag on second card.
Use: Standard 2-option pricing.
Sprint / Launch (Recommended) / Annual.
Use: Tiered engagement pricing.
3-tier ad-spend with 'Recommended' pill.
Use: Ad-spend recommendations.
3-column modular extras with prices.
Use: Optional line-items / upsells.
Card with head (price) + 3 service columns.
Use: Post-launch monthly engagement options.
Proof. Funnel that turns interest into commitment.
Horizontal step track with arrows + recommended highlight.
Use: Lead → enrolment funnel.
Header + 4-stat grid.
Use: Quick comparable proof point.
Glass card on warm gradient. Logo + tag + Challenge/What/Result + 3 metrics. Deck S8 port.
Use: Full case study with structured cols.
Two quote cards with initials-in-circle.
Use: Two client quotes side-by-side.
Centered hero quote.
Use: One marquee client quote.
Us vs typical agency feature comparison.
Use: Differentiation table.
Mixed-size mockup grid (1 big + 4 small).
Use: Selected work showcase.
Equal cards across surfaces (3-col).
Use: Past-work gallery.
12-logo grid on sunset bg.
Use: 'Brands that chose growth.'
7-logo strip on deep bg.
Use: Compact client strip.
Press / partner strip with dark cells.
Use: 'Featured in / Recognized by.'
30-logo grid in 6×5 — deck S9 port.
Use: '100+ brands across every sector.'
What to do next. Who's behind it. Last word.
What we'll need from you — 6-item checklist with timing.
Use: Set client expectations.
3 numbered steps with timing on dark night bg.
Use: Standard close.
Glass cards on warm gradient.
Use: Vibrant close.
Centered intro + full-bleed caricature composite.
Use: 'The people who will make this happen.'
assets: BBC.A.T.99
Individual member cards with caricature portraits.
Use: Named team with roles.
Q01-Q05 list with mono numbering + italic question + body.
Use: Pre-empted questions.
Full warm-gradient bg + cream outline button.
Use: High-energy close.
Cream resource link cards (Our works / Case studies / Deck).
Use: Resource menu.
Pills + address + social — deck S12 port.
Use: Full contact section.