Brand Guide¶
🧠 Brand principle: calm confidence + practical outcomes. We are here to help teams adopt AI responsibly and reliably — not to hype it.
Brand Personality¶
- Trustworthy — consistent delivery, honest tradeoffs, responsible handling of data
- Precise — clear language, defined scope, measurable success metrics
- Practical — solve real workflows; prioritize reliability over novelty
- Modern — contemporary design, current tools, efficient execution
- Calm — reassuring tone, no exaggeration, steady delivery rhythm
- Ambitious but grounded — aim high, ship iteratively, validate with evidence
- Professional — structured communication, documentation, quality standards
- Approachable — simple explanations, collaborative working style
Voice¶
| Guideline | What it means | Example |
|---|---|---|
| Confident, not boastful | State capability without hype | "We can design and deliver a pilot in 2–6 weeks with clear success criteria." |
| Clear, not simplistic | Keep language crisp but accurate | "We'll define success metrics and validate on a representative dataset." |
| Technical, but understandable | Explain concepts in business terms | "We'll integrate the solution into your workflow so it's usable day-to-day." |
| Outcome-focused | Lead with business impact | "Reduce manual work and improve turnaround time." |
| Reassuring, not exaggerated | Avoid extreme claims | "We'll test assumptions early and adjust based on results." |
Preferred Language (Terms to Use)¶
Use these phrases consistently in messaging, proposals, and website copy:
- practical AI
- end-to-end delivery
- reliable systems
- business outcomes
- structured process
- tailored solutions
- secure integration
- measurable improvement
- affordable implementation
- long-term support
✅ When possible, pair claims with what we will do and how we will measure it.
Language to Avoid¶
Avoid hype, absolutes, and fear-based selling:
- revolutionary AI
- game-changing innovation
- cutting-edge everything
- disruptive transformation
- guaranteed results
- replace your entire workforce
Visual Identity¶
Layout System¶
| Element | Direction |
|---|---|
| Layout | Geometric, structured, grid-based |
| Shapes | Squares and rectangles |
| Corners | Sharp — border-radius: 0 everywhere, no rounding |
| Overall feel | Calm, precise, professional; a muted blue-grey "blueprint" aesthetic with thin dividers |
Typography (Recommendations)¶
| Use | Font direction | Examples |
|---|---|---|
| Headings | Condensed sans-serif | Barlow Condensed (weights 400/600/700; 600 default) |
| Body text | Clean sans-serif | Barlow (weights 400/500/600/700) |
Fallback stack: system-ui, -apple-system, BlinkMacSystemFont, sans-serif.
Color Palette¶
Core tokens
| Role | Hex |
|---|---|
| Background | #f2f2f3 |
| Surface | #e9e9ea |
| Text | #1d1f20 |
| Accent | #5980a6 |
| Accent 2 | #728fab |
| Divider | #1d1f20 at 16% opacity |
Neutral ramp (100 → 900)
#f5f5f8 → #e7e7ea → #d4d4d7 → #b7b7ba → #98989b → #7a7a7d → #5d5d60 → #424244 → #2b2b2d
Accent ramp (100 → 900)
#eef6ff → #d6ebff → #b5d9fd → #94bce3 → #749dc4 → #597ea3 → #416180 → #2c455d → #1d2d3d
Overall style: a muted blue-grey/steel palette (accent #5980a6) on a near-white background, with a "blueprint" aesthetic — sharp corners, thin dividers. There's no separate "primary" token in this palette (unlike the previous navy/teal scheme); the deployed site (stylesheets/extra.css) uses accent ramp step 900 (#1d2d3d, the darkest, steel-navy end of the ramp) for the header/nav bar, and the named Accent (#5980a6) for links and interactive accents.
Logo Usage (Placeholder)¶
- Files: (attach logo files here when available)
- Variations: primary, monochrome, icon mark, horizontal/stacked
- Clear space: define using a fixed unit (e.g., height of the "J")
- Minimum size: specify for print and digital
- Do not: stretch, recolor outside palette, add effects, place on noisy backgrounds
Imagery Style¶
| Do | Avoid |
|---|---|
| Abstract system diagrams | Robots / humanoid AI faces |
| Workflow visuals | Generic handshake stock photos |
| Minimal illustrations | Overly futuristic neon imagery |
| Calm, clean screenshots of products/tools | Confusing "AI brain" visuals |
🧩 Preferred imagery should reinforce the message: structured systems, real workflows, measurable outcomes.