01 — Brand Guidelines · March 2026

Visual Identity

Logo, color, typography, spacing, photography, data viz, and collateral rules for Hero®.

LogoColorGradientsTypographySpacingAvatarsPhotographyData Viz

The Hero® mark reflects four core design themes.

〰

Flow

A continuous form reflecting the flow state sellers experience when prepared and in control.

◎

Calm Outside, Complex Inside

Hero processes complexity beneath the surface. To the seller it feels simple and calm.

⇌

Partnership

The seller is the hero. Human judgment and AI reasoning working together.

→

Momentum

The curved structure creates motion — reflecting how deals progress through interactions.

Variants

Primary

Teal

#0AB5C4

Deep Blue

#13153C

Denim

#1E2456

Gradients

Brand — Primary

#0AB5C4 → #13153C · 135°

Rose → Purple

#F25285 → #800080

Amber → Orange

#F6A533 → #DC5E2B

Secondary Accents

Pair with primary only. Max 2 per layout. Never standalone.

Rose

#F25285

Orange

#DC5E2B

Yellow

#F6A533

Purple

#800080

UI Tokens

Token	Value	Usage

All styles use Poppins (Google Fonts). 0.01em tracking unless noted.

4px base unit · Comfortable density.

Border Radius

Variant	Value	Context

Sizes

OnlineBusyOfflineVoice Active

Border rings: Default · Primary · Voice. Pulse animation at xl and 2xl.

Sweet spot is Tier 2 + Maybe/Yes. Visuals should feel like the product without being the product.

Tier	Fidelity	Reality
Tier 1	Abstract / conceptual	Hypothetical / future	Avoid
Tier 2	Real UI, simplified	Plausibly possible	Recommended
Tier 3	Literal screenshot	Exists today	Not for marketing

Chart Color Sequence

Teal — primary

Rose — second

Amber — third

Purple — fourth

Type	Rule
Pie	Begin upper right, clockwise. Label largest → smallest.
Donut	Single metric callout. Amber signals positive momentum.
Clustered Bar	Multiple colors for clusters. Accent sparingly on key data.

Max 2 decorative elements per layout. Elements support — never dominate.

Gradient OrbGrid LinesFlow Line (max 1–2)Geometric Accent

Callout Stats

Type	Format	Stage
Ads	Single visual	Awareness
Social Posts	Single visual / video	Awareness
Email	Single column	Awareness
E-Book	4+ pages	Thought Leadership
Datasheet	1–2 pages (V)	Evaluation
Whitepaper	3–4+ pages (V)	Thought Leadership
Case Study	4–5 pages (V)	Proof
Competitive Brief	~3 pages (V)	Decision
Product Overview	Multi-page (V)	Discovery

02 — Copy Guidelines · March 2026

Voice & Language

Voice, tone, and writing standards ensuring consistency across every surface where Hero® appears.

VoicePersonasFrameworksVocabularyCTAs

Hero® is an AI Sales Teammate supporting sellers before, during, and after conversations. Most sales tech analyzes after the fact — Hero® participates during the moment itself.

Central Message — consistent across all messaging

Hero® is the AI Sales Teammate that helps sellers win the moments that decide deals.

Moments decide outcomes

Outcomes are decided in critical moments during conversations — not across the process.

Context enables performance

Sellers perform better with the right context and answers instantly available.

A teammate, not a tool

Hero® works alongside sellers as a teammate — not another system to manage.

CalmComposed under pressure. Never reactive.

IntelligentSharp, informed, without showing off.

Clear & DirectGets to the point. Every sentence earns its place.

ConfidentAssured without arrogance. Backed by substance.

Four Principles

#	Principle	What It Means

Hero® helps you win the moments that decide deals. When a buyer asks a tough question, Hero® surfaces the right context instantly. Instead of scrambling, you respond with confidence and keep the deal moving.

Test: swap Hero® with a colleague's name. If it doesn't read right, try again.

Instead of…	Use…
engagement	conversation
interaction	experience
contact	connection

Approved

momentsconfidenceperformrespondmomentumprogresssupport

Avoid

next-generationcutting-edgerevolutionaryseamlessbest-in-class

#	Framework	Example	Best For
01	Verb→Task→Outcome	Respond faster → Answer questions → Keep deal moving	Ads, UI Copy
02	Pain→Solution→Outcome	Buyers lose patience → Hero® surfaces context → Conversations stay focused	Campaigns, Landing Pages
03	Problem→Shift→Hero®	Multi-threading isn't enough → Hero® helps win those moments	Homepage, Keynote
04	Feature→Benefit→Outcome	Whisper Mode → Instant context → Better performance	Product Pages, Demos
05	Need→Solution→Outcome	Teams need confidence → Hero® brings knowledge → Higher Win Rates	Sales Decks, Exec Messaging
06	Moment→Insight→Outcome	Buyer asks tough question → Hero® answers → Seller responds confidently	Homepage, Use Cases

Oxford commaAlways before the final item in lists of 3+.

Short sentencesShort paragraphs improve comprehension.

Em dashes sparinglyReserve for genuine emphasis only.

Alliteration intentionally"moments that matter" — natural, not forced.

Metaphors should clarify the idea, not replace it.

Clear, credible, anchored in the moment — copy is ready to publish.

03 — Product Visual Guidelines · March 2026

Show the System in Action

Every visual must show an answer or an insight — reinforcing the concept of Winning the Moment.

NarrativeVisual TypesTransformationPriorities

The Core Rule

Every visual must show an answer or an insight. Otherwise, what's the point?

Before

Account intelligence, stakeholder maps, meeting briefs — built before the conversation.

During

Whisper Mode surfaces answers, detects signals, and supports the rep live on the call.

After

Post-call packages, follow-up assets, and deal insights assembled automatically.

Throughout

Mutual action plans and proposals keeping the opportunity moving forward.

Intelligently

The reasoning model connecting signals across the full sales stack.

Every visual must show a transformation. Hero proactively generates outcomes — not just responds to prompts.