Viiision
Internal Brand Exploration

Welcome — quick orientation

!
This is a visual exploration only. Sample layouts are for typography & theme comparison — the real Viiision logo and final brand assets are not represented here.
  • 1
    Click any theme card to open a full-page landing preview in that style.
  • 2
    Toggle Light / Dark in the preview top bar to see both modes.
    LightDark
  • 3
    Press Esc or click Close to return to the gallery.
Viiision
Internal Brand Exploration

Viiision Typography & Theme Exploration

Twenty typography and visual direction concepts designed to help Viiision refine a brand system that feels clear, human, premium, and easy to act on.

ClearSmartTrustworthySoftModernRoundedHumanMobile-first
Approved Palette

Navy & gold, ten official tints

Two base colors — Midnight Navy #0B1F3A and Gold Deep #B8922A — each at 100, 83, 67, 33, and 11% opacity.

Midnight Navy
#0B1F3A100%
Midnight Navy
#0B1F3A83%
Midnight Navy
#0B1F3A67%
Midnight Navy
#0B1F3A33%
Midnight Navy
#0B1F3A11%
Gold Deep
#B8922A100%
Gold Deep
#B8922A83%
Gold Deep
#B8922A67%
Gold Deep
#B8922A33%
Gold Deep
#B8922A11%
Theme 01

Soft Intelligence

Clean, rounded, modern SaaS, highly readable.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Plus Jakarta Sans
Subheading
Figtree
Title
Plus Jakarta Sans
Body
Figtree
CTA
Figtree
Best for website and core brand system
Theme 02

Calm Authority

Confident, calm, structured, trustworthy.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Inter
Header
Manrope
Subheading
Inter
Title
Manrope
Body
Inter
CTA
Manrope
Best for enterprise sales and product pages
Theme 03

Human Premium

Warm editorial with modern product clarity.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Fraunces
Subheading
Figtree
Title
Fraunces
Body
Figtree
CTA
Figtree
Best for brand storytelling and high-end sales assets
Theme 04

Modern Trust

Simple, friendly, clean, product-forward.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
DM Sans
Header
DM Sans
Subheading
DM Sans
Title
DM Sans
Body
DM Sans
CTA
DM Sans
Best for product UI and digital one-pagers
Theme 05

Guided Clarity

Soft, rounded, helpful, approachable.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Sora
Header
Nunito Sans
Subheading
Nunito Sans
Title
Sora
Body
Nunito Sans
CTA
Sora
Best for healthcare and community-facing products
Theme 06

Polished Product

Crisp, contemporary, systemized, clean.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Geist
Header
Geist
Subheading
Geist
Title
Geist
Body
Geist
CTA
Geist
Best for product dashboards and SaaS interfaces
Theme 07

Friendly Infrastructure

Rounded, confident, modern, easy to scan.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Outfit
Subheading
Figtree
Title
Outfit
Body
Figtree
CTA
Outfit
Best for digital business cards and sales tools
Theme 08

Editorial Clarity

Elegant, editorial, premium, refined.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Inter
Header
Cormorant Garamond
Subheading
Inter
Title
Cormorant Garamond
Body
Inter
CTA
Inter
Best for brand guide concepts and leadership-facing materials
Theme 09

Action First

Direct, conversion-focused, bold but still soft enough.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Space Grotesk
Header
Space Grotesk
Subheading
Inter
Title
Space Grotesk
Body
Inter
CTA
Space Grotesk
Best for landing pages and CTAs
Theme 10

Soft Systems

Thoughtful, calm, clear, lightly editorial.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Lora
Subheading
Figtree
Title
Lora
Body
Figtree
CTA
Figtree
Best for thought leadership and articles
Theme 11

Global Ready

International, accessible, highly readable.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Noto Sans
Header
Noto Sans Display
Subheading
Noto Sans
Title
Noto Sans Display
Body
Noto Sans
CTA
Noto Sans
Best for multilingual product positioning
Theme 12

Clear Path

Familiar, clean, professional, easy to adopt.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Montserrat
Header
Montserrat
Subheading
Open Sans
Title
Montserrat
Body
Open Sans
CTA
Montserrat
Best for broad business audiences
Theme 13

Warm SaaS

Rounded, modern, stylish, friendly.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Urbanist
Subheading
Figtree
Title
Urbanist
Body
Figtree
CTA
Urbanist
Best for website refresh and digital sales pages
Theme 14

Patient Clarity

Human, soft, readable, reassuring.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Nunito Sans
Header
Nunito Sans
Subheading
Lato
Title
Nunito Sans
Body
Lato
CTA
Nunito Sans
Best for Healthcare Connect and patient-facing tools
Theme 15

Smart Minimal

Intelligent, precise, technical but not cold.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Inter
Header
IBM Plex Sans
Subheading
Inter
Title
IBM Plex Sans
Body
Inter
CTA
IBM Plex Sans
Best for analytics, dashboards, and B2B credibility
Theme 16

Premium Mobile

App-like, polished, modern, soft.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Plus Jakarta Sans
Subheading
Figtree
Title
Plus Jakarta Sans
Body
Figtree
CTA
Plus Jakarta Sans
Best for mobile-first product experiences
Theme 17

Quiet Luxury

More premium and editorial, but restrained.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
DM Sans
Header
Playfair Display
Subheading
DM Sans
Title
Playfair Display
Body
DM Sans
CTA
DM Sans
Best for investor-facing or executive-facing assets
Theme 18

Simple Signal

Ultra-consistent, simple, clean, highly usable.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Figtree
Subheading
Figtree
Title
Figtree
Body
Figtree
CTA
Figtree
Best for brand consistency and easiest implementation
Theme 19

Trust Layer

Professional, calm, operational, credible.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Manrope
Header
Source Sans 3
Subheading
Manrope
Title
Source Sans 3
Body
Source Sans 3
CTA
Manrope
Best for government, tourism, and public-sector materials
Theme 20

Connected Experience

Modern, rounded, expressive, clean.

ViiisionConnect
The intelligent connection between people and information.
Deliver the right message, in the right language, at the moment it matters.

Viiision turns static touchpoints into guided, mobile-first experiences that help people understand, trust, and act faster.

Eyebrow
Figtree
Header
Rethink Sans
Subheading
Rethink Sans
Title
Rethink Sans
Body
Figtree
CTA
Rethink Sans
Best for Viiision Connect and product marketing
Recommended Starting Directions

Five directions that best fit the Viiision logo.

These options balance softness, clarity, modernity, and compatibility with the rounded Viiision mark — strong defaults for website, sales, and product surfaces.

01 · Theme 01
Soft Intelligence
Clean, rounded, modern SaaS, highly readable.
02 · Theme 03
Human Premium
Warm editorial with modern product clarity.
03 · Theme 07
Friendly Infrastructure
Rounded, confident, modern, easy to scan.
04 · Theme 13
Warm SaaS
Rounded, modern, stylish, friendly.
05 · Theme 18
Simple Signal
Ultra-consistent, simple, clean, highly usable.
Gold Accent Explorations

Where the gold can live.

Restrained, premium uses of #B8922A and #B8922A as borders, hairlines, glows, button accents, and quiet card details — always supporting, never shouting.

Button Variations
Solid Gold
Primary CTA on cream and white surfaces.
Navy + Gold Hairline
Trust-forward CTA with a subtle gold edge.
Gold Outline
Ghost button for secondary actions.
Underline Link
Editorial inline action, very restrained.
Gold Glow
Premium primary with soft luminous shadow.
Gold Pill on Navy
Reverse treatment for navy hero sections.
Square Gold Accent
Product-UI button with sharp 8px radius.
Cream + Gold Text
Soft button with gold typographic emphasis.
Bracketed Editorial
Monospace label framed by gold brackets — print-press feel.
Offset Shadow
Hard-shifted neo-brutalist button with gold backplate.
Split Two-Tone
Action + label fused into one — useful for dual-intent CTAs.
Gold Underline Arrow
Quiet inline action — magazine and long-form pages.
Tape-Sealed
Diagonal gold tape across a navy block — collage / zine.
Dotted Trail
Dashed gold border CTA — playful, handcrafted feel.
Numbered Step
Index-led button for guided flows and onboarding.
Glyph Anchor
Single-character gold glyph anchors a navy slab.
Letterpress
Debossed feel using inset shadows — quiet authority.
Card Variations
Premium · 01
Gold Hairline

Thin gold border quietly signals premium without overwhelming the cream and navy system.

For investor & executive surfaces
Editorial · 02
Gold Corner Wash

A soft gold gradient bleeds in from the corner — warm, editorial, and quietly luxurious.

Authority · 03
Gold Vertical Rule

A single gold mark anchors a navy card — perfect for sales decks and enterprise pages.

Tint · 04
8% Gold Wash

Barely-there 8% gold tint — used for highlight cards, callouts, and featured content.

Featured
Status · 05
Gold Status Dot

Tiny gold indicators for active, premium, or verified states inside product UI.

VerifiedPremium
Spotlight · 06
Gold Top Bar

A 4px gold cap distinguishes featured plans, pricing tiers, or hero modules.

Inline · 07
Gold Inline Emphasis

Gold reserved for the single most important word in body copy, then a underlined link to act on it.

Focus · 08
Gold Focus Ring

Soft gold outer glow for selected or hovered states in product UI — premium without being loud.

01
Gold Display Numeral

Large gold serif numerals for editorial stats, step numbers, or section markers.

Badge System

Small marks, large meaning.

Status, category, and emphasis badges tuned to the cream, navy, and gold system — quiet by default, confident when needed.

Featured
Solid Navy
Primary category tag for editorial and nav.
Editorial
Cream Pill
Soft neutral tag for body and meta info.
Premium
Gold Solid
Premium / featured emphasis on light surfaces.
Highlighted
Gold Tint
Subtle highlight using 18% gold wash.
Invite Only
Gold Outline
Ghost badge for restrained luxury cues.
In Review
Mist Blue
Quiet info tag inside cards and tables.
Live
Status Dot · Live
Realtime status with gold indicator dot.
Active
Status Dot · Active
Positive state using deep navy dot.
New
Square Tag
Product UI tag with subtle 6px radius.
Verified
Navy + Gold Border
Authority badge for enterprise surfaces.
12
Numeric Counter
Count or notification badge on dark UI.
Issue 04
Serif Editorial
Magazine-style tag for long-form content.