Brand Systems

SKILL — Brand Systems

Pixel's brand knowledge. Each brand has a distinct visual identity that must be maintained across every screen and component.

Perlantir

Identity

Tagline vibe: Bloomberg meets Apple — data-dense but elegant.

Perlantir is a professional, data-heavy platform that feels premium despite its density. Think financial terminals redesigned by a luxury brand. Every pixel serves a purpose, every data point is accessible, and the interface feels effortlessly powerful.

Color Palette

Primary accent is context-specific per feature (defined per project).

Typography

Design Characteristics

• Dense but organized — lots of data, clear hierarchy
• Subtle borders, minimal shadows (dark theme shadows don't work well)
• Monospace for data values and financial numbers
• Compact spacing for tables and data grids
• Premium feel — no clutter, generous padding on key elements
• Charts and visualizations are first-class citizens

UberKiwi

Identity

Tagline vibe: Dark-mode forward, bold, energetic.

UberKiwi is modern, unapologetic, and high-energy. The brand doesn't whisper — it speaks with confidence. Electric green on dark backgrounds creates a distinctive, ownable look. The interface should feel alive and responsive.

Color Palette

Typography

Design Characteristics

• Bold use of the electric green accent — but not everywhere
• High contrast between interactive and static elements
• Rounded corners (12px–16px for cards, 8px for inputs)
• Generous spacing — the interface breathes
• Subtle animations that feel snappy, not slow
• Typography is punchy — shorter headlines, direct language

NERVE

Identity

Tagline vibe: Cinematic, immersive, performance-driven.

NERVE is intense and focused. The interface feels like a mission control center — every element is precisely placed, every interaction is deliberate. Cyan on near-black creates a sci-fi atmosphere that's still usable. Think movie UI done right.

Color Palette

Typography

Design Characteristics

• Cyan glow effects (subtle — box-shadow with cyan at low opacity)
• Borders with cyan tint for active/selected states
• Monospace for data, metrics, and technical values
• Grid-aligned layouts — everything snaps to a strict grid
• Minimal decoration — every element earns its place
• Data visualization is bold with cyan as the primary chart color
• Performance metrics and real-time data are common patterns
• Motion is precise and fast (150ms–200ms transitions)

Client Projects Template

When designing for a new brand/client, establish these before any design work:

## Brand: [Name]

### Identity
Vibe: [One-line description]
Personality: [3-5 adjectives]

### Color Palette
| Token | Hex | Usage |
|-------|-----|-------|
| Background | | |
| Surface | | |
| Surface Elevated | | |
| Primary | | |
| Secondary | | |
| Border | | |
| Text Primary | | |
| Text Secondary | | |
| Text Muted | | |
| Success | | |
| Warning | | |
| Error | | |

### Typography
| Level | Font | Weight | Size |
|-------|------|--------|------|
| Heading | | | |
| Body | | | |
| Code (if needed) | | | |

### Design Characteristics
- [Characteristic 1]
- [Characteristic 2]
- [Characteristic 3]

### Reference
- Inspiration: [websites, apps, design references]
- Competitors: [what they look like, how we differentiate]