← BBC Design System · Reference
02 · Heroes
HERO-01 · PLATE-BACKED

Plate-Backed Heroes

Heroes that use the BBC plates (BBC 02–12). Plate determines text alignment: BBC 02/04/05/07/10 are text-LEFT, BBC 06/08/11/12 are text-RIGHT, BBC 03/09 are raw (any alignment).

HERO-01-A · Cliff · text-LEFT (BBC 02 plate)

Q3 Engagement Available

A growth system,
built for {{ Client }}.

A 14-week brand and full-funnel marketing engagement to take you from launch-ready to revenue-compounding.

HERO-01-B · Mountain · text-CENTER (BBC 03 plate)

Choose to bee ahead

Brand. Market.
Scale.

From chaos to system. From guesswork to growth. The Bumblebee Branding Company.

HERO-01-C · Earth · text-RIGHT (BBC 11 plate)

100+ Brands · One Idea

We don't do random acts of marketing.

We build systems. Once a system is in place, every campaign and every customer compounds the previous one.

HERO-01-D · Hand of Light · text-RIGHT (BBC 12 plate · closing)

The Final Slide

Let's build
something
that compounds.

HERO-02 · GRADIENT-ONLY

Gradient-Only Heroes

No plate. Pure brand gradient as background. Use when you want the typography to be the entire visual — minimal, punchy, fast-loading.

HERO-02-A · Night-Warm Gradient

Engagement Proposal

A growth system,
built for scale.

Brand foundation. Performance. Pipeline. Sales enablement. One unified system, built in 14 weeks.

HERO-02-B · Warm-Rev Gradient (high-energy)

Choose to bee ahead

Brand. Market.
Scale. Repeat.

Four words. One operating system for compounding growth.

HERO-03 · SPLIT-SCREEN

Split-Screen with Character

Text on one half, BBC bee-mascot character on the other. Strongest for landing pages where you want personality + persuasion.

HERO-03-A · Dark Split + Character

Your brand deserves

A hero,
not a logo.

Most agencies hand over a logo, a campaign, or a content calendar — and call it strategy. We build the system that makes everything downstream compound.

HERO-03-B · Cream Split + Character

From chaos to system

The growth
operating system.

Brand foundation, channel discipline, and pipeline infrastructure — all built to compound. 14 weeks to a system that runs without you.

HERO-04 · BIG-STATEMENT

Big-Statement Heroes

Manifesto-scale typography. The page is the headline. Use for breakaways, mid-deck pacing slides, or one-shot landing pages.

HERO-04-A · Single Big Word (gradient text)

Our differentiator

Compound.

Every channel, every customer, every campaign — designed to multiply the next one.

HERO-04-B · Two-Line Statement (warm-rev)

We don't do

Random acts
of marketing.

We build systems. The kind that make growth inevitable, not accidental.

HERO-05 · WITH STATS STRIP

Hero + Inline Stats

Headline at top, supporting stats inline. Establishes credibility instantly. Use on About pages, capability decks, or proposal openers.

HERO-05-A · Hero with 4-stat strip

Founded 2017 · Chennai

Nine years.
One stubborn idea.

A brand-and-growth agency for founders who have built something real and want to scale it without losing what made it work.

9
Years
100+
Brands
20+
Industries
300%
Avg ROI
HERO-06 · WITH LOGO WALL

Hero + Client Logo Wall

Cream-light variant. Hero text above a 6-cell logo wall. Strong social proof opener for B2B landing pages.

HERO-06-A · Cream hero + 6 client logos

Trusted by 100+ brands

From legacy enterprises
to ambitious startups.

Real estate, education, hospitality, manufacturing, healthcare, retail, technology. We've built brands across all of them.

HERO-07 · COVER-STYLE (full document cover)

Document Cover Hero

Full-page hero used as proposal/audit/deck cover. Logo top-left, ref top-right, headline mid-page, meta-row at bottom. This is the pattern used in `11-A-proposal-v2.html`.

HERO-07-A · Full document cover
Proposal · BBC-2026-001
Issued · {{ Date }}

Engagement Proposal

A growth system,
built for {{ Client Name }}.

A 14-week brand and full-funnel marketing engagement to take you from launch-ready to revenue-compounding.

Prepared for
{{ Client Name }}
Prepared by
Bumblebee Branding Co.
Engagement
{{ Brand & Marketing }}
Duration
{{ 14 weeks }}
HERO-08 · QUOTE-LED

Quote-Led Hero

Editorial-magazine open. Big italic Cormorant quote, attributed below. Use for case-study openers, founder-led storytelling, or testimonial-led landing pages.

HERO-08-A · Editorial quote with attribution
"
BBC didn't just rebrand us. They handed us a system that made our growth inevitable.

— Founder · EEPL Realty · 3× pipeline in 90 days

HERO-09 · CREAM + CHARACTER (light variant)

Cream Hero + Character

Light-mode hero with a character cutout on the right. Use for content pages, blog headers, "About us" sections, or whenever you need a softer, daytime feel.

HERO-09-A · Cream hero with character on right

From the founders

Two people.
One stubborn idea.

Sastharam & Achinthya started Bumblebee in 2017 with one belief: brands deserve systems, not guesswork. Nine years and 100+ brands later, the belief still drives the work.

HERO-10 · COMPACT (inner pages)

Compact Hero (inner pages)

Smaller hero for inner content pages — case studies, blog posts, individual service pages. Includes breadcrumbs.

HERO-10-A · Compact hero with breadcrumbs
Home  ·  Case Studies  ·  Real Estate

EEPL Realty · 3× pipeline in 90 days.

A premium real-estate brand with strong product but unattributed marketing spend. Here's what we did, and what happened next.