INTERNAL & PARTNER USE
Visual identity, product language, and partner guidelines.
Version 1.0 — March 2026
LOGO
The Sombra logo consists of a purple icon mark and the wordmark set in Outfit Semibold. Always maintain clear space equal to the height of the icon around the full lockup.
Primary — on dark backgrounds
On light backgrounds
Monochrome
COLOR PALETTE
Primary palette used across all surfaces. Dark sections use Sombra Black; light sections use Warm Off-White. Purple is the primary accent; Green signals active/success states.
Sombra Black
#000019
Sombra Purple
#7c7aff
Sombra Green
#05df72
Warm Off-White
#F5F2EE
Dark Text
#0f0f2e
Hero Headline Gradient
Linear 135° · #ffffff → #7c7aff
Used on H1 accent line ("built for advice firms")
Footer Radial Glow
Radial · #7c7aff22 → transparent
Center bottom, used on all footers
TYPOGRAPHY
Outfit is used across all surfaces — marketing, product UI, and partner materials. It's geometric, modern, and highly legible at all sizes. Available on Google Fonts.
PRODUCT LANGUAGE
Sombra is one product with two layers. Use these terms consistently across all materials.
The product. One product, two layers. Always capitalised, never pluralised.
The agent layer. Teams of AI agents doing jobs for the firm. Brand name for the full agent product.
The conversation layer. File notes, adaptive learning, firm-wide insights. Activates when conversations flow through Sombra.
The individual unit inside the Swarm. A group of agents doing one job. Use like an org chart role.
✓ "Your Regulatory Watch team"
✗ "Your Regulatory Watch swarm"
ONLY the whole product layer, NEVER individual units. Refers to the full fleet of teams working across the firm.
✓ "The Sombra Swarm"
✗ "A compliance swarm"
Free, Practice, and Firm. Never "Swarm tier" or "Intelligence tier." Tier names describe the customer, not the product layer.
PARTNER BRANDING
Sombra is powered by Claude (Anthropic). We use the "Powered by Claude" mark per Anthropic's official brand guidelines. This signals our AI provider to technical audiences without implying we are an Anthropic product.
Badge (Footer)
Used in all page footers
Text Mark (In-page)
Sombra Swarm · Powered by Claude
Used near Swarm Builder section
✓ "Powered by Claude"
✓ "Sombra Swarm Powered by Claude"
✓ "Claude" (within an Agents menu)
✓ "Claude Agent" (in dropdown menus)
✓ Terracotta dot (#d97757) as icon mark
✗ "Claude Code" or "Claude Code Agent"
✗ Claude Code ASCII art or visual elements
✗ Anything implying Sombra IS an Anthropic product
✗ OpenAI, GPT, or other provider branding
✗ Modifying the Claude logomark colors
DESIGN PATTERNS
All pages follow a strict dark/light alternation pattern. Each section uses full-width padding (120px horizontal, 80px vertical) with consistent vertical rhythm.
Horizontal padding: 120px
Vertical padding: 80px
Inter-section gap: 0 (sections stack)
Content width: 1200px (1440 − 240)
Fill: #ffffff08
Stroke: #ffffff14 (inside, 1px)
Corner radius: 16px
Padding: 28px
Shadow: 0/0/30 #7c7aff33 (optional)
Fill: #ffffff
Stroke: #0f0f2e14 (inside, 1px)
Corner radius: 16px
Padding: 28px
Text: #0f0f2e (primary)
Muted: #0f0f2e99
Primary: ff (100%)
Body: b3 (70%)
Secondary: 99 (60%)
Muted: 66 (40%)
Disabled: 40 (25%)
Same ratios on both dark (#fff__) and light (#0f0f2e__) backgrounds.