Brand Guide

COPA.fyi Suite — Visual Identity Guidelines

This guide defines the visual identity for the COPA.fyi product suite: COPA.fyi (resource hub), Commander (AI assistant), and Ask COPA U (expert answers). All three products share the COPA parent brand while maintaining distinct identities through their accent colors.

Brand Architecture

We use an Endorsed Brand model. Each product has its own visual personality (accent color), but is clearly nested under COPA. The COPA symbol and COPA Blue appear on every product.

COPA.fyi

Resource Hub

Commander

AI Assistant

Ask COPA U

Expert Answers

COPA Core Palette

These colors are shared across all products and surfaces.

COPA Blue

#02498E

Pantone 293 C

Primary brand color

COPA Dark Blue

#1F3B72

Pantone 287 C

Secondary

COPA Green

#54BBAD

Pantone 3258 C

Accent / CTA

COPA Navy

#0B1D3A

Deep backgrounds

Snow

#F8FAFC

Light backgrounds

Border

#E2E8F0

Borders

Muted

#64748B

Secondary text

Foreground

#0F172A

Primary text

Product Colors

Each product gets a unique accent color with hover, surface, and subtle variants.

COPA.fyi

Resource Hub

#54BBAD

Primary

#3D9B8F

Hover

#ECFDF5

Surface

#D1FAE5

Subtle

Commander

AI Assistant

#E07832

Primary

#C4621E

Hover

#FFF7ED

Surface

#FFEDD5

Subtle

Ask COPA U

Expert Answers

#7C5FC4

Primary

#6344AB

Hover

#F5F3FF

Surface

#EDE9FE

Subtle

Typography

DM Sans is the primary typeface across all products. DM Mono is used for code and document references.

DM Sans

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Token	Size	Weight	Usage
Display	48px / 3rem	Bold (700)	Landing page heroes
H1	36px / 2.25rem	Bold (700)	Page titles
H2	24px / 1.5rem	Bold (700)	Section headings
H3	20px / 1.25rem	SemiBold (600)	Card titles
Body	16px / 1rem	Regular (400)	Body text
Body Small	14px / 0.875rem	Regular (400)	Secondary text
Caption	12px / 0.75rem	Medium (500)	Labels, badges

Logo & Symbol

The COPA Cirrus silhouette symbol appears on every product as the parent brand anchor.

Horizontal Brandmark

Default for headers & footers

COPA

On Dark Backgrounds

White variant

Minimum Size

Symbol: 24px minimum

Clear Space

Maintain padding equal to the symbol height on all sides

Product Naming

Product	Display Name	Navigation Pattern
Resource Hub	COPA.fyi	COPA symbol + wordmark
AI Assistant	Commander	COPA symbol + “Commander” + “by COPA”
Expert Answers	Ask COPA U	COPA symbol + “Ask COPA U” + “by COPA”

Icon System

UI Icons: Lucide

Used for navigation, buttons, lists, status
Size: 20px inline, 24px standalone
Color follows text context
Consistent across all products

Moment Illustrations: Lordicon

Loading, empty states, onboarding, success
Colors match product accent palette
Max one animated icon per screen
Outlined/light style only

Component Patterns

Header / Navigation

White background (light) / COPA Navy (dark). COPA symbol + product name. 3px top border in product accent color. Height: 56px.

Buttons

Border radius: 8px. Font: DM Sans Medium, 14px.

Cards

Border radius: 12px. Light: white bg, #E2E8F0 border. Dark: #1E293B bg, rgba(255,255,255,0.08) border. Shadow: 0 1px 3px rgba(0,0,0,0.08).

Spacing

4px base unit: 4, 8, 12, 16, 20, 24, 32, 40, 48, 64

COPA.fyi Brand Guide v1.0 — April 2026

Based on COPA Brand Guideline v1.0 (December 2014), evolved for digital.