Brand & Design System
Cognitiva Systems Inc.
The single source of truth for the Cognitiva brand — logos, icons, colors, typography, and the rules for using them. Everything here is downloadable and machine-readable, so people and AI agents can build correct, on-brand products.
AI agents — fetch /brand/brand.json for structured tokens, text, and asset URLs.
Company
Brand facts
Use these exact values in copy, signatures, structured data, and legal footers.
Voice
Positioning & products
The approved taglines and the one-line description for each product line.
The Cognitive Record for Marketing Execution.
Two products. One record. Four markets. Built for the people who built the business.
Foundations
Color system
The full palette. Brand Navy is the primary mark and text color; use the approved backgrounds behind it.
Foundations
Typography
DM Sans for text, DM Mono for labels and eyebrows, Cairo for Arabic.
Assets
Logo system
Six lockup families in the approved colorways. Pick navy on light backgrounds, white on dark. Download any variant as SVG or PNG at 256 / 512 / 1024 px.
Icon + wordmark, side by side. The default lockup for headers, email, and wide layouts. Minimum 120px wide.
Icon above wordmark, for vertical or centered layouts. Minimum 100px wide.
The square mark on its own — no wordmark. Use where the brand is already established. Minimum 24px.
Rounded-square tiles for iOS / macOS / Android / web app icons.
Circular badges for avatars, social profiles, and watermarks.
Padded marks sized for browser tabs. SVG scales crisply; a PNG fallback is included.
Usage
Logo rules
- Clear space = the radius of the inner ring.
- Icon minimum 24px; horizontal 120px wide; stacked 100px wide.
- SVG scales to any size without loss.
- Recolor outside the approved palette.
- Add shadows, gradients, or glow.
- Rotate, skew, or stretch the mark.
- Separate the rings from the dot, or swap the wordmark type.
Assets
Icon library
Twenty-five stroke-first geometric icons. Fixed navy for white backgrounds; a universal (currentColor) variant for UI recoloring. Stroke-first, flat, no shadows. Best at 20–128px.
Rules
Design doctrine v2.1
Non-negotiable rules for public surfaces. These are enforced in the codebase (next.config, tailwind, globals.css).
- White-only public surfaces — no dark mode on the marketing site.
- 0px border radius — corners are square (rounded tokens exist only for shadcn internals).
- No gradients, drop shadows, or glow effects — the system is intentionally flat.
- Type is DM Sans (text) and DM Mono (labels/eyebrows); Cairo for Arabic.
- Never recolor the logo outside the approved palette; never rotate, skew, or separate the rings from the dot.
- Maintain clear space around the mark equal to the radius of the inner ring.
For builders
How to consume this
Fetch https://cognitivasystems.com/brand/brand.json for tokens, canonical text, and absolute asset URLs. Read /brand/llms.txt for a plain-text summary.
Every logo and icon is a stable URL under https://cognitivasystems.com/brand/. Hotlink SVGs directly or download for offline use.
Import { BRAND } from @/lib/brand and asset manifests from @/lib/brand-assets. Never hard-code brand values.