Vivun Brand Guide
Vivun · Brand Identity Guidelines

Built to let
Hero be the star.

The Vivun brand has been intentionally simplified — Deep Purple and White anchoring the parent brand with clarity, while Hero takes center stage.


02
Brand Colors

Deep Purple is now the primary expression of the Vivun parent brand. Pink moves to a legacy role — honored, but no longer leading. Hero's Teal signals the product. Everything else supports.

Color hierarchy
Tier 1 — Parent Brand
Vivun Deep Purple

The primary expression of the Vivun brand. Deep Purple is the structural anchor — institutional, credible, and unmistakably Vivun. It carries the corporate weight that gives Hero the credibility to do its job. Use it for the Vivun wordmark, corporate communications, navigation, and all parent-brand moments.

Tier 1 — Product Signal
Hero Teal

The signal color of the Hero product. Teal owns an open lane — Salesforce owns blue, Gong owns purple. Teal is unclaimed, and it stays that way. It carries the emotional register Hero needs: backed up, not overwhelmed. Used in CTAs, the Hero mark, product UI, and brand moments where Hero is the star.

Legacy — Accent Only
Vivun Pink

Pink is being moved to the back of the bus. It served the Vivun brand well in an earlier chapter. Today it lives as a legacy accent — present in select moments for warmth and continuity, but no longer leading the brand. Do not use Pink on the Vivun wordmark, in hero sections, or as a primary brand signal.

Tier 2 — Support
Secondary Palette

A supporting cast of teals, blues, purples, and warm accents. They add depth to gradients, illustrations, and UI states. They must never overpower Deep Purple or Hero Teal.

Primary palette
Vivun Deep Purple
#13153C · RGB 19 / 21 / 60
PMS 274 C
Parent Brand — Primary
Hero Teal
#2CCCCE · RGB 44 / 204 / 206
Product signal
Hero Product — Primary
White
#FFFFFF
Primary logo alternate
Parent Brand — Alternate
Vivun Pink
#C04575 · RGB 192 / 69 / 117
PMS 7635 C
Legacy — Accent Only
Typography
#636980 · RGB 99 / 105 / 128
Web body text
Web — Body Text

On Pink: Vivun Pink was the primary brand color in the previous chapter of the brand. It remains available as a warm accent in gradients, illustrations, and select UI moments — but it no longer leads. It no longer appears on the wordmark. When making a color decision for Vivun-as-company, the answer is Deep Purple. For Hero-as-product, the answer is Teal.

Secondary — support colors
#4DCEB5
#3E56A5
#328BA0
#241E74
#B864BF
#F6A533
#DC5E2B
#F25285
#B1B4D2
#E1E2F1
#F5F7FF
03
Typography

Rounded, friendly, and clean. Three typefaces — each with a defined role. Never mixed arbitrarily.

Headline / Display
Poppins Bold
Poppins Regular
Poppins 700–800 · −0.03 to −0.04em tracking · Line-height 1.05–1.1
Headlines, hero text, section headings
Body Copy
Poppins Light — used for long-form copy and supporting text where breathing room aids readability and tone stays warm.
Poppins 300–400 · Line-height 1.75–1.8
All body copy, descriptions, supporting text
Button / CTA — Sparingly
Get Started
Learn More
Explore
Oswald Light 300 · Letter-spacing 0.08em · Uppercase
Buttons, CTAs, select accent labels only — use sparingly
Headline
Poppins Bold or Regular. Tight tracking (−0.03em to −0.04em). Line-height 1.05–1.1. Set in Deep Purple on light; White on dark.
Body
Poppins Light or Regular at 15–17px, 1.75–1.8 line-height. Set in #636980 for body text, Deep Purple for emphasis.
CTA
Oswald Light, uppercase, tracked at 0.08–0.14em. Reserve for button labels only. Never use for body copy or headlines.
04
Icons

Simple, functional, and clean-lined. Icons complement the brand — they never carry decorative weight. That job belongs to color and type.

Icon principles: 1.5px stroke, rounded caps and joins. Scale to 16 / 20 / 24px grids. Never filled. Deep Purple on light backgrounds; White or Teal on dark. Icons must be immediately recognizable at small sizes and carry no decorative weight.

05
Application: Vivun vs. Hero

Two names. Two distinct jobs. Knowing which brand to reach for — and when — is one of the most important decisions in every piece of communication we produce.

The Parent Brand
vivun.

The institutional layer. Corporate, structural, enterprise-facing. Vivun is the company behind everything — it establishes trust with buyers, partners, and the market at large.

Vivun owns these surfaces
About & Company pages — mission, leadership, investors, press
Careers & Jobs — we hire under the Vivun name
Legal & Corporate — contracts, T&Cs, privacy, filings
Investor & Partner communications
Corporate web pages — the nav, footer, domain, boilerplate
Email signatures & LinkedIn — employees represent Vivun
Color & mark
Deep Purple White vivun. wordmark
The Product Brand
Hero by Vivun

The new face of Vivun in the market. Hero is what sellers interact with, what buyers remember, what we show up as at events. It's the product, the mark, and the story.

Hero owns these surfaces
Product pages & web — feature pages, how it works, pricing
Persona pages — AE, Sales Leader, RevOps, and buyer-facing content
Events & field marketing — booth design, swag, event presence, signage
The product itself — UI, in-app moments, onboarding, notifications
Sales & marketing collateral — one-pagers, decks, proposals, outbound
The new face of the company — social, campaigns, earned media, brand moments
Color & mark
Hero Teal Deep Purple Hero wordmark + icon mark
The decision rule

Ask: "Is this about the company or the product?" If it's about the company — legal, hiring, corporate identity — it's Vivun. If a seller or buyer is going to see it, use it, or remember it — it's Hero.

vivun.
Company
Hero by Vivun
Product