AI EMPOWER / BRAND HANDBOOK / 2026-09-13
Your ambition. Built with AI.
We turn business challenges and bold ideas into custom AI solutions—from intelligent assistants and connected workflows to apps, websites, and practical training.
01 / Identity
- Practical technology, built around people
- Custom solutions, not a fixed menu of possibilities
- Clear conversations and useful next steps
- Canadian roots, working with businesses globally
Write AI Empower: two words, capital AI and E. The name has no period; the navigation uses one as a display detail.
02 / Logos
The original SVG contains embedded raster artwork. It is self-contained, but is not a pure outlined vector. The PNG is a transparent 1024 × 1024 export of that original.
Recommended clear space: At least one quarter of the displayed mark width on every side. 32px mark for general use; use 48px or more where space allows. Favicons are an exception.
- Stretching or cropping the mark
- Recolouring or regenerating the logo
- Adding shadows, outlines, or glow to the mark itself
- Placing it over busy artwork
- Distorting or changing logo proportions
The stacked square lockup is suited for avatars, app icons, and square media placements.
03 / Colour
Primary purple
#A855F7
Primary brand colour. Leads the identity, purple surfaces, and brand highlights.
Secondary blue
#3B82F6
Secondary brand colour. Balances purple in gradients, glass artwork, and cool highlights.
Magenta accent
#EC4899
Accent colour. Use sparingly in the logo and finishing gradient details.
Lilac
#BBA6FF
Interactive accents, selected states, and light purple details
Ice blue
#7DD3FC
Focus rings, cool highlights, and gradient endpoints
Midnight
#080616
Main dark page background
Panel
#111123
Raised dark surfaces
Cloud
#F4F1FF
Primary text on dark surfaces
Muted lavender
#B4AFC8
Supporting text on dark surfaces
Use Cloud and Muted lavender text on Midnight. Recheck contrast on new backgrounds: at least 4.5:1 for normal text.
Identity
Wordmark treatment and small brand accents
linear-gradient(90deg, #3b82f6, #a855f7, #ec4899)
Heading emphasis
Selected words; never an entire paragraph
linear-gradient(110deg, #e5c3ff, #b6a0ff 48%, #7dd3fc)
Primary action
Primary buttons with dark #201537 text
linear-gradient(135deg, #d6caff, #bda5ff)
Glass icon
Footer-inspired icon tiles with a white glyph
linear-gradient(135deg, #0b0620, #1d4ed8 38%, #d946ef)
04 / Typography
Urbanist · 700 normal
Headings and strong short statements
Hero 44–78px; section heading 34–54px
Line height: 1.05 hero; 1.12 section
Tracking: -0.045em hero; -0.035em section
Instrument Serif · 400 italic
A short expressive phrase in a hero only
Inherit the hero heading size
Line height: 1.08
Tracking: -0.025em
Inter · 400–700 normal
Body copy, navigation, labels, and controls
Body 16–18px; controls 14–16px; labels 11–12px
Line height: 1.65–1.75 body; 1.4 controls
Tracking: Normal body; 0.2em uppercase labels
Reserve serif italics for hero emphasis. This offline handbook uses system fonts for portability; see the website for live specimens. Font binaries are not bundled in this kit. Obtain them from their publishers and retain the applicable licence when redistributing.
05 / Visual elements
Polished blue and purple glass, translucent layers, precise edges, soft reflections. Keep both blue and purple present; magenta is an accent. Keep genuine product screenshots separate from decorative artwork.
Brand toolkit
Connected flow
Modular build
Signal core- Fake UI or invented product screenshots
- Generated text and logos
- Overcrowded particles and neon effects
- Using decorative art as evidence of a real product interface
06 / Interface
| contentMax | 1240px |
|---|
| desktopGutter | 40px |
|---|
| mobileGutter | 20px |
|---|
| sectionSpace | 56–88px |
|---|
| spacingScale | 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 88 |
|---|
| cardRadius | 24px |
|---|
| buttonRadius | 15px |
|---|
| iconRadius | 13px |
|---|
| iconSize | 44px |
|---|
| border | 1px solid #b9a5ff26 |
|---|
| cardBackground | linear-gradient(145deg, #191629aa, #0e101faa) |
|---|
Use white 20–24px line icons on glass tiles. Keep focus visible and touch targets at least 44px. The gold Free badge is a small functional accent.
Signature punctuation
Match the navbar dot. Accent only the final period of major hero statements; retain normal punctuation in body copy, lists, and ordinary section headings.
Colour: #B9A0FF
color: #b9a0ff; -webkit-text-fill-color: #b9a0ff;
07 / Motion
Hover 200ms · Disclosure 280ms · Entrance 600ms / 18px
cubic-bezier(0.23, 1, 0.32, 1)
- Animate transform and opacity where possible
- Respect prefers-reduced-motion
- Pause ongoing effects offscreen and when the tab is hidden
- Use pointer effects only on fine-pointer devices
- Keep keyboard focus visible
- Show progress and a pause control for automatically advancing content
- Do not require hover to access content on touchscreens
08 / Voice
Clear · Capable · Welcoming · Practical
- Start with what the person wants to do
- Use plain language and concrete examples
- Say what we could build without promising unverified results
- Use short action labels with a clear destination
- Describe AI as a useful tool, not magic
Preferred CTA: Tell us your idea with a small Free consultation badge.
- Avoid: Unverified growth, time-saving, or accuracy guarantees
- Avoid: Jargon-heavy claims such as revolutionary AI-powered synergy
- Avoid: Implying every project needs AI
- Avoid: Invented clients, certifications, awards, or partnerships
09 / Contact
https://www.aiempower.ca
info@aiempower.ca
647-484-3886
24/7 AI phone support: 647-484-3886
Hamilton, Ontario, Canada
10 / Assets & usage
- Lowercase wordmark — transparent PNG —
assets/brand/email/aiempower-wordmark-transparent.png - Lowercase wordmark banner —
assets/brand/email/aiempower-wordmark-banner.png - Primary mark — original SVG —
assets/brand/ai-empower-mark.svg - Primary mark — transparent PNG —
assets/brand/ai-empower-mark.png - Stacked brand lockup — transparent SVG —
assets/brand/ai-empower-stacked.svg - Stacked brand lockup — transparent PNG —
assets/brand/ai-empower-stacked.png - Brand toolkit —
assets/nav-art/brand.webp - Connected flow —
assets/home-features/connected-flow.webp - Modular build —
assets/home-features/modular-build.webp - Signal core —
assets/home-features/signal-core.webp - Ambient background —
assets/brand/ambient-background.svg - Glass icon tile —
assets/brand/glass-icon-tile.svg
Reference assembled from the current website. Spacing, minimum sizes, and writing examples are recommended usage guidance.
Use these assets to represent AI Empower accurately. For co-branding or uses beyond that purpose, contact info@aiempower.ca. This guide does not create a new asset licence.
For machine-readable guidance, use brand.json and asset-manifest.json in the kit. CSS variables are in brand-tokens.css. The Markdown guide contains the complete text reference.
Live guide: https://www.aiempower.ca/brand