Brand Overview
Design rules for representations of the Birdverse brand identity system.
Birdverse is a mission-critical operations portal tailored for aviation professionals (pilots, aircraft mechanics, dispatchers, and fleet managers). The brand aesthetic balances a highly technical, cockpit-instrument environment with a premium, sleek software experience.
1. Naming & Brand Casing
Rules governing the casing and use of the brand name and URLs.
Casing Specifications
| Brand Name | Casing Standard | Approved Form |
|---|---|---|
| Birdverse | Sentence Case | Birdverse |
BirdVerse, BIRDVERSE, or birdverse in body copy. The suffix .ai is not part of the brand name and must not be used in logo signatures.
When the ".ai" suffix is used (as a URL only)
- Under the tagline (e.g.
birdverse.ai) - Digital domain names & plaintext web links
- System source code repository namespaces
When the suffix is dropped (Brand standard)
- Primary app headers & navigation rails
- All logo signatures & wordmarks
- Embroidered merchandise & physical caps
- Legal agreements & corporate invoices
2. Logo & Icon Guidelines
Interactive sandbox showing correct configuration and canvas coloring.
<svg viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M215.091 262..." fill="#E0F2FE"/>
</svg> 3. Tagline & URL Guidelines
Applying "The Terminal for the Aviation Industry" and its website link in context.
4. Landing Page Guidelines
Branding rules and visual hierarchy constraints for the landing page.
Birdverse
5. Brand Color Tokens
Cockpit instrument color scheme. Click a card to copy its Hex code.
6. Theme Shading & Adaptation
How brand colors map between Dark and Light cockpit viewports.
| Visual Element | Dark Cockpit (Default) | Light Cockpit (Alternate) |
|---|---|---|
| Base Canvas Background | #081431 (Aether Blue) | #F1F5F9 (Light Gray) |
| Panel / Card Surface | #101E3E (Deep Cockpit) | #FFFFFF (Pure White) |
| Text Selection / Hover | #17284F (Sleek Hover) | #F8FAFC (Ice Tint) |
| Pane Border Dividers | rgba(255,255,255,0.1) | rgba(15,23,42,0.08) |
| Primary Header & Body Font | #F7F9FB (Horizon White) | #0F172A (Deep Slate) |
7. Logowear Specifications
Embroidery and layout specifications for physical brand apparel.
Method: Direct Embroidery
Size: Max 3" W × 0.75" H
Logo Config: Combined Signature
Threads: Madeira 1753 (Bird), 1137 (Orange), 1801 (Super White)
Method: 3D Silicone Screen / Embroidery
Size: 6" W × 1.5" H
Logo Config: Combined Signature
Colors: Arctic Ice + Terminal Orange + Super White
Method: Raised 3D Embroidery
Size: 1.25" Height
Logo Config: Bird Icon Only
Thread: Madeira Classic 1753 (Arctic Ice)
Method: Laser-etched Leather Patch / Stitch
Size: 3.5" Width
Logo Config: Combined Signature
Tone: Follows dark navy canvas rules
8. Outdoor Building Signage
Dimensional halo-lit channel lettering and installation contrast guidelines.
9. Print & Thread Matching
Pantone matching specs (PMS Coated / Uncoated) and Embroidery Thread pairing.
10. Typography System
Fonts mapping for visual headers, body copies, and technical dispatch lists.
Welcome to Birdverse / birdverse.ai), terminal readouts, live telemetry feeds, airworthiness alerts, and log consoles.
> FAA AIRMEN REGISTRY LOOKUP: ROSS KUDWITT - PILOT VERIFIED (ATP #9910452)
> COMPLIANCE VERIFICATION GATES: ACTIVE METAR KPBI 071600Z 12012KT 10SM SCT025 28/22 A3012
> TRIP RECORD LOGGED: HOBBS IN: 4192.4, LANDINGS: 3 | STATUS: OK [GREEN]
11. Developer Integration Snippets
Copy configuration tokens into your local CSS/Tailwind projects.
:root {
--font-primary: 'Montserrat', 'Inter', 'Outfit', sans-serif;
--font-technical: 'JetBrains Mono', 'SF Mono', monospace;
--dark-bg: #081431; /* Aether Blue */
--card-bg: #101e3e; /* Deep Cockpit Surface */
--card-bg-hover: #17284f; /* Sleek Hover Blue */
--brand-orange: #ffa028; /* Terminal Orange */
--brand-arctic-ice: #e0f2fe; /* Arctic Ice */
--brand-deep-slate: #0f172a; /* Deep Slate */
}
[data-theme="light"] {
--dark-bg: #f1f5f9;
--card-bg: #ffffff;
--card-bg-hover: #f8fafc;
} module.exports = {
theme: {
extend: {
colors: {
brand: {
orange: '#FFA028',
'arctic-ice': '#E0F2FE',
'deep-slate': '#0F172A',
},
cockpit: {
aether: '#081431',
surface: '#101E3E',
hover: '#17284F',
}
}
}
}
}