Brand Guidelines

Brand Kit

Vierra Visual Identity System
On this page
01

Brand Overview

Vierra is a modern marketing & sales company built on a bold, premium, tech-forward identity. The brand pairs a deep midnight canvas with vivid purple-to-violet gradients to feel innovative, confident, and high-end.

Three principles guide every application of the brand:

Bold

High contrast, confident type, and saturated purple accents.

Premium

Generous spacing, soft shadows, and refined gradients.

Modern

Clean geometry, subtle motion, and a tech-forward feel.

03

Logo Variants

Choose the variant that gives the logo the most contrast against its background. Three official variants cover every surface:

Full color lockup

Full Color

Light backgrounds & white surfaces.

White reversed lockup

White / Reversed

Dark backgrounds, photos & the footer.

Vierra app icon

App Icon

Favicons, avatars & app tiles.

04

Color Palette

Vierra's palette is anchored by Royal Purple and a cascade of violets, set against a deep midnight base and clean off-white surfaces.

Primary

#701CC0

Royal Purple

Primary brand color — CTAs, links, accents

Accents

#8F42FF

Electric Violet

Highlights, gradient mid-tone, hover states

#D4A5FF

Lavender

Gradient end, soft emphasis on dark

#C99DFF

Soft Lilac

Eyebrows & labels on dark surfaces

Darks & Neutrals

#18042A

Midnight

Primary dark surface — heroes, footer

#2E0A4F

Deep Plum

Dark gradient mid-tone

#1A1033

Ink

Headings & strong text on light

#4B4460

Slate

Body copy on light surfaces

Surfaces

#F3F3F3

Off-White

Primary light page surface

#FFFFFF

Pure White

Cards & elevated surfaces

05

Gradients

Gradients are central to the Vierra look. Use them on headings, buttons, accents, and large surfaces, never on body text.

Brand Gradient

#701CC0 → #8F42FF · Buttons, Badges, the Mark

Heading Gradient

#8F42FF → #D4A5FF → #8F42FF · Gradient Text

Hero / Dark Gradient

#4F1488 → #2E0A4F → #18042A · Hero & Footer

Glow Conic

Animated trim on the “Free Audit Call” button

06

Typography

Three typefaces carry the brand. Bricolage Grotesque for display & headings, Inter for body & UI, and Figtree for select labels and footer headings.

Bricolage Grotesque

Display & Headings

Grow your business with Vierra

ABCDEFGHIJKLM nopqrstuvwxyz 0123456789

Inter

Body & Interface

Clear, legible copy for everything from paragraphs to buttons.

ABCDEFGHIJKLM nopqrstuvwxyz 0123456789

Figtree

Labels & Accents

Company · Legal · Connect

ABCDEFGHIJKLM nopqrstuvwxyz 0123456789

07

Text Styles & Scale

Consistent text styles keep layouts on-brand. These are the core roles used across the site:

EyebrowBricolage · 12px · uppercase · 0.35em tracking
Display HeadingBricolage · 48–72px · bold
Section HeadingBricolage · 20–24px · semibold
Body Copy — The default reading style for paragraphs.Inter · 15px · 1.75 line-height
Caption & Meta — Supporting detail and labels.Inter · 13px · muted
Heading GradientHeading Gradient · clip to text only
08

Visual Motifs

Recurring visual elements tie the brand together across pages. Use them sparingly to add depth without clutter.

Animated Blobs
Concentric Rings
Glowing Trim
09

Asset Library

Download the official logo files below. Always use these source assets rather than recreating or screenshotting the logo.