Brand Kit V2

High-energy design system built for confidence, speed, and impact. Bold colors, dynamic typography, and unstoppable momentum.

View Full Guide AI Implementation Design Tokens
01 — COLOR SYSTEM

Brand Colors

High-energy palette designed for maximum impact and visibility. Each color plays a specific role in creating momentum and confidence.

PRIMARY
Electric Blue
#00D9FF
Headlines, CTAs, borders, key UI elements
BASE
Deep Navy
#0A1128
Backgrounds, depth, contrast foundations
ACCENT
Flame Orange
#FF4500
High-impact accents, urgent CTAs, alerts
HIGHLIGHT
Gold
#FFB800
Premium features, success, highlights
NEUTRAL
Steel Gray
#4A5568
Secondary text, subtle UI elements
LIGHT
Off White
#F8F9FA
Text on dark backgrounds, clean contrast
02 — TYPOGRAPHY

Type System

Bold, condensed typefaces that create hierarchy and command attention. Built for maximum impact and readability.

GOOGLE FONTS IMPORT
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;600;700&family=Rajdhani:wght@400;600;700&display=swap" rel="stylesheet">
DISPLAY FONT
BEBAS NEUE

Large headlines, hero text, major section titles. Always uppercase with generous letter-spacing (0.05em-0.08em).

HEADING FONT
OSWALD

Subheadings, labels, navigation, buttons. Weights: 400, 600, 700. Uppercase for labels (letter-spacing: 0.1em-0.3em).

BODY FONT
Rajdhani

Body text, descriptions, UI labels. Weights: 400, 600, 700. Size range: 0.9rem-1.3rem. Line-height: 1.6-1.8.

03 — COMPONENTS

UI Components

Reusable patterns with smooth animations and bold styling. Designed for engagement and conversion.

Buttons

PRIMARY BUTTON

Electric blue gradient with shadow. Lifts on hover. Use for primary CTAs.

SECONDARY BUTTON

Outlined style. Fills with color on hover. Use for secondary actions.

Cards

FEATURED
Card Component

Border changes to flame orange on hover. Subtle lift animation. Corner accent appears on hover.

STANDARD
Interactive Card

All cards have smooth transitions, rounded corners (12px), and dynamic hover states for engagement.

04 — RESOURCES

Implementation Resources

Everything you need to build with the TrustedWest V2 brand.

COMPLETE GUIDE
V2 Brand Guide

Full brand style guide with colors, typography, components, spacing, and design principles. Interactive examples included.

View Guide
FOR AI MODELS
AI Implementation

Quick reference for AI models building TrustedWest interfaces. Copy-paste code snippets and rules.

Read Guide
MACHINE READABLE
Design Tokens

JSON file with all design values: colors, typography, spacing, and component specifications.

Download JSON
LOGOS & ASSETS
Logo Files

SVG logos in multiple formats ready for web, print, and merchandise.

View Logos
05 — DESIGN PRINCIPLES

Core Principles

Values that guide every design decision in the TrustedWest V2 brand.

High Energy

Bold colors, dynamic gradients, and energetic typography create momentum and excitement in every interaction.

🎯
Confidence

Strong hierarchy, condensed typefaces, and clear calls-to-action communicate authority and decisiveness.

🚀
Forward Motion

Gradients flow left-to-right, hover states lift upward, and animations push forward to create progress.

💎
Premium Feel

Gold accents, smooth transitions, and polished details elevate the experience and communicate quality.

Copied!