Hero — Brand Decisions
Hero by Vivun Brand Decisions & Rationale

Hero by Vivun · Brand Rationale

Hero was built for
the moment a seller needs to perform
moments that matter.
everything else disappears.
01 · The Logo

Two marks.
One design system.

Hero's visual identity is built on two assets that work in tandem — a wordmark for full-context settings and an icon mark for tight spaces, motion, and product. Together they cover every surface the brand appears on.

Wordmark · On Light
Hero by Vivun wordmark
Primary use — proposals, decks, partner pages, co-branded materials.
Wordmark · On Dark
Dark backgrounds — event walls, swag, product UI headers.
Wordmark · On Teal
Teal brand moments — campaign headers, hero banners.
Icon Mark · On Light
App icons, favicons, badges, and anywhere space is at a premium.
Icon Mark · On Dark
Dark-mode product UI, motion sequences, and branded merchandise.
Icon Mark · On Teal
Teal backgrounds — event signage, motion, merchandise.
Wordmark anatomy

The name does two things at once.

"Hero" carries the product identity — aspirational, human, direct. "by Vivun" provides institutional context for buyers and enterprise stakeholders who need to know who's behind it. The two are set at different weights so neither competes with the other.

Icon mark anatomy

The pinwheel with a hidden thread.

The form is a pinwheel — open, kinetic, forward-moving. Look closer and the geometry carries a subtle "V" — a deliberate nod to Vivun without announcing it. The mark is fully legible without that knowledge. The connection rewards attention; it doesn't demand it.

Use
  • Wordmark on any co-branded or external-facing document
  • Icon mark alone when space is smaller than 40px wide
  • White version of either mark on navy or teal backgrounds
  • Maintain clear space equal to the height of the "H" on all sides
Avoid
  • Stretching, rotating, or applying drop shadows to either mark
  • Placing the logo on busy photography without a clear background zone
  • Recreating or redrawing either mark from memory
  • Using the Vivun logo in place of the Hero wordmark in any Hero context
02 · Color

An open lane in a saturated field.

Gong owns purple. Salesforce owns blue. Momentum blurs the two. The field is saturated with gradient-blended versions of the same palette. Teal separates Hero before a single word is read.

#00A1E0
Salesforce territory
Taken
#6B2C91
Gong territory
Taken
#4285F4
Momentum · crowded
Taken
#2CCCCE
Owned by Hero
Chosen
01
An open lane in a saturated field.
Category adjacents — green, blue, corporate navy — were occupied. Teal creates immediate visual separation without competing for ground already claimed by dominant players. The question was never "what looks good." It was "what isn't already spoken for."
02
Calm enough for enterprise. Clear enough for the moment.
Pink couldn't hold enterprise context. Purple competed with the wrong category. Teal carries the precise emotional register this product needs — it earns trust before the product gets a chance to prove itself.
03
A color that works everywhere becomes a signal.
Product UI, event walls, partner pages, motion — teal performs in all of them without modification. If a color requires exceptions, it creates inconsistency. If it doesn't, it builds recognition across every surface the brand touches.
04
The only test that matters: does it disappear into the field?
Generic blue disappeared. Teal didn't. First contact happens in a crowded feed, a cluttered inbox, a split-second glance at a booth wall. The color has to survive that before anything else can work. This one does.
03 · The Mark

Continuity without subordination.

The pinwheel carries a subtle "V" geometry — a thread back to the Vivun parent without making Hero an extension of it. Hero stands alone as the seller-and-buyer-facing mark.

WordmarkHero by Vivun wordmark
Icon MarkHero icon mark

Identifiable before the name registers.

The goal is a mark that works the way a team colorway works — recognized in context before anyone reads the name beside it. That requires separation, not subordination.

01
The mark earns its own identity before it earns recognition.
  • Recognition comes from repetition, not parent proximity
  • Must stand alone in product, motion, and on a badge
  • Parent connection is an asset only after the mark has its own meaning
02
Portfolio architecture: one brand for institutions, one for people.
  • Vivun — corporate, structural, enterprise-facing
  • Hero — for the seller in the room, the buyer on the call
  • They need something built for them, not handed down
03
Vivun built the foundation. Hero is what it became.
  • The "V" geometry in the mark isn't decoration — it's a record of where this came from
  • Vivun is the institutional legacy; Hero is the evolved, human-facing expression of it
  • The mark carries both without explaining either
04 · What This Adds Up To

Style executing our strategy.

Every visual choice has a job. The color signals category position. The mark builds portfolio architecture. The type earns enterprise trust. Nothing here is aesthetic for its own sake — it's all in service of winning the moment of first contact.

Decision matrix

The surface vs. the actual decision

Color
Category signal
Logo
Portfolio architecture
Visual style
Trust mechanism
Gradient — used sparingly
Signal, not wallpaper
Glassmorphism
Depth without weight
Poppins
Warm precision — enterprise-credible, not cold
Icon as motif
Recognition before reading
05 · Creative Examples

The brand in the wild.

Ads, social assets, and campaign banners — the system working across formats. Every surface reinforces the same signal before a word is read.

Creative Examples
Campaign Banner · 1200×62701 / 04
Campaign Banner · 1200×62702 / 04
Social Square · 1080×108003 / 04
Social Square · 1080×108004 / 04
06 · Example UX

The product, in the moment.

The interface disappears when the seller needs it most. Before the call, during the objection, after the deal — Hero surfaces exactly what's needed and nothing else.

Hero
What's your next call? Tell me the account and I'll get you ready.
Before the callPrep me for my next meetingGet context, anticipate questions, walk in ready.
Stuck on an objectionHandle what I didn't expectPricing, competition, timing — respond with confidence.
After the callKeep the deal movingFollow-up drafted. Next steps locked. Momentum preserved.
The brief, restated

Win the moment of first contact the same way Hero wins the moment inside a deal.

The brand doesn't explain what the product does. It earns the right to be heard — before the first word is read.