bundleIQ Brand Guide

Visual identity and brand standards for bundleIQ and Alani products.

Version 1.0 — December 2025

Logo

The bundleIQ wordmark is set in DM Sans Bold. Always maintain clear space around the logo equal to the height of the "I" in IQ.

bundleIQ
bundleIQ

Capitalization

Always lowercase "bundle" and uppercase "IQ". Never write as BundleIQ, Bundleiq, or BUNDLEIQ.

Minimum Size

Do not use the logo smaller than 80px wide for digital or 0.75" for print.

Clear Space

Maintain padding equal to the cap height of "I" on all sides.

Brand Colors

Dark is the foundation for UI and primary buttons. Purple signals AI/Alani. Product accent colors differentiate Hub, Connect, and Insights.

Core Brand Colors

Dark

#252B40

RGB: 37, 43, 64

Primary buttons, headers, foundation

Purple

#5558E3

RGB: 85, 88, 227

AI/Alani accent, links, gradient end

Teal→Purple Gradient

#1BA8AD → #5558E3

bundleIQ Master Gradient

Corporate marketing, hero sections

Product Accent Colors

Teal

#1BA8AD

RGB: 27, 168, 173

Alani Hub accent

Coral

#E07A5F

RGB: 224, 122, 95

Alani Connect accent

Gold

#C99A2D

RGB: 201, 154, 45

Alani Insights accent

Text Colors

Primary Text

#252B40

RGB: 37, 43, 64

Headlines, body text

Secondary Text

#5a5f6d

RGB: 90, 95, 109

Descriptions, supporting text

Muted Text

#7d8291

RGB: 125, 130, 145

Captions, placeholders, labels

Background Colors

Primary Background

#FFFFFF

RGB: 255, 255, 255

Main page background

Secondary Background

#f5f6f8

RGB: 245, 246, 248

Section backgrounds, cards

Dark Background

#252B40

RGB: 37, 43, 64

Footer, dark sections, CTAs

Brand Architecture

bundleIQ is the parent brand. Alani is the AI agent that powers all products. Each product has its own visual identity within the Alani family.

Parent Brand bundleIQ The company. Used for corporate, investor, and cross-product communications.
AI Brand Alani Your knowledge agent. The intelligence layer across all products.
Hub Personal KM
Connect Content & Community
Insights Enterprise Data

Naming Conventions

✓ Alani Hub ✗ BundleIQ Hub, Alani hub
✓ Alani Connect ✗ bundleIQ Connect, ALANI Connect
✓ Alani Insights ✗ Alani insights, Insights by bundleIQ

Master Gradient

The primary bundleIQ gradient flows from teal to purple. Use for parent brand materials and cross-product communications.

bundleIQ Gradient

Direction: 135° (top-left to bottom-right)

Start: #1BA8AD (Teal)

End: #5558E3 (Purple)

linear-gradient(135deg, #1BA8AD 0%, #5558E3 100%)

Alani Unifying Colors

These two colors appear across ALL Alani products to create visual cohesion and signal "this is part of the bundleIQ family."

Dark

#252B40

Foundation

Headers, footers, dark UI sections, primary text. The grounding element across all products.

Purple

#5558E3

Intelligence Accent

The "Alani" color. Signals AI functionality, appears in every product as the thread that ties the family together.

Where Purple appears across products

💬

AI chat bubbles and responses

Loading states and processing indicators

Success states and confirmations

🏷️

"Powered by Alani" badges

Accent lines and dividers

🔗

Cross-product navigation links

Hub

Alani Hub

Personal knowledge management. For the knowledge in your head and your files. Hub is calm, focused, and trustworthy — a thinking partner for individuals.

Accent Palette

Teal (Accent) #1BA8AD
Deep Teal #0D7377
Light Teal #E6F7F8
Mid Teal #14868A

Companion Colors

Slate #4A5568
Sage #87A896

Alani Unifying

Purple #5558E3 — AI accent
Dark #252B40 — Foundation & Primary buttons

Accent Gradient

linear-gradient(135deg, #1BA8AD 0%, #0D7377 100%)

Use for accent elements, illustrations, and marketing. Not for primary buttons.

Button Styles

Primary
Secondary

Voice & Messaging

Calm

Hub is a thinking partner, not an overwhelming tool.

Personal

Your files, your notes, your way of thinking.

Focused

Cut through the noise. Find what matters.

Key Messages

"For the knowledge in your head and your files."

  • Your personal knowledge agent
  • Think clearer. Find faster. Know more.
  • All your knowledge. One conversation.

Sample Card

💭 Alani Hub

Your personal knowledge agent for docs, notes, and research.

Visual Design Examples

Light Mode

Powered by Alani

Your Knowledge

Upload documents, notes, and research. Alani remembers everything and finds connections you'd miss.

Based on your Q3 report and the strategy doc from last week, here are three recommendations...

View Docs →

Heading Text

Body text for descriptions

Muted text for captions

Accent text (Sage)

Secondary (Slate)

Dark Mode

Powered by Alani

Your Knowledge

Upload documents, notes, and research. Alani remembers everything and finds connections you'd miss.

Based on your Q3 report and the strategy doc from last week, here are three recommendations...

View Docs →

Heading Text

Body text for descriptions

Muted text for captions

Accent text (Sage)

Secondary (Slate)

Connect

Alani Connect

Content and community. For the knowledge out in the world. Connect is vibrant, collaborative, and premium — a platform for publishers and communities.

Accent Palette

Coral (Accent) #E07A5F
Deep Coral #C45A42
Light Coral #FCEEE9

Alani Unifying

Purple #5558E3 — AI accent
Dark #252B40 — Foundation & Primary buttons

Accent Gradient

linear-gradient(135deg, #E07A5F 0%, #C45A42 100%)

Use for accent elements, illustrations, and marketing. Coral signals warmth and community.

Button Styles

Primary
Secondary

Voice & Messaging

Vibrant

Connect brings people and ideas together.

Collaborative

Your community, your content, your rules.

Premium

Monetize expertise. Build lasting value.

Key Messages

"For the knowledge out in the world."

  • AI-powered content rooms
  • Your audience. Your AI. Your revenue.
  • Turn expertise into income.

Sample Card

🌍 Alani Connect

Build AI-powered content rooms for your community.

Visual Design Examples

Light Mode

Powered by Alani

Your Community

Create AI-powered content rooms. Your audience asks questions, Alani delivers answers from your expertise.

From the keynote at last year's summit, the speaker mentioned three key trends...

For Publishers →

Heading Text

Body text for descriptions

Muted text for captions

Accent text (Coral)

Dark Mode

Powered by Alani

Your Community

Create AI-powered content rooms. Your audience asks questions, Alani delivers answers from your expertise.

From the keynote at last year's summit, the speaker mentioned three key trends...

For Publishers →

Heading Text

Body text for descriptions

Muted text for captions

Accent text (Coral)

Insights

Alani Insights

Enterprise intelligence. For the structured data in your systems. Insights is authoritative, precise, and high-stakes — built for professionals who can't afford to be wrong.

Accent Palette

Gold (Accent) #C99A2D
Deep Bronze #8B6914
Light Gold #FDF6E7
Mid Gold #D4A94A

Alani Unifying

Purple #5558E3 — AI accent
Dark #252B40 — Foundation & Primary buttons

Accent Gradient

linear-gradient(135deg, #D4A94A 0%, #8B6914 100%)

Use for accent elements, illustrations, and marketing. Gold signals value and enterprise quality.

Button Styles

Primary
Secondary

Voice & Messaging

Authoritative

Built for decisions that matter.

Precise

Structured data. Verified answers. No guesswork.

High-stakes

When your reputation depends on it.

Key Messages

"For the structured data in your systems."

  • AI agents for enterprise data
  • From scattered data to strategic clarity
  • The intelligence layer for your business

Sample Card

🏢 Alani Insights

AI agents that work with your databases, CRMs, and spreadsheets.

Visual Design Examples

Light Mode

Powered by Alani

Your Data

Connect your databases, CRMs, and spreadsheets. AI agents surface patterns and automate workflows.

Analysis complete. Revenue is up 12% QoQ. Three accounts flagged for follow-up based on engagement scores...

Enterprise →

Heading Text

Body text for descriptions

Muted text for captions

Authority (Navy)

Secondary (Slate)

Dark Mode

Powered by Alani

Your Data

Connect your databases, CRMs, and spreadsheets. AI agents surface patterns and automate workflows.

Analysis complete. Revenue is up 12% QoQ. Three accounts flagged for follow-up based on engagement scores...

Enterprise →

Heading Text

Body text for descriptions

Muted text for captions

Authority (Navy)

Secondary (Slate)

Product Visual Comparison

Side-by-side view of how each product's visual identity differs while maintaining brand cohesion.

Hub
Connect
Insights
Accent
#1BA8AD Teal
#E07A5F Coral
#C99A2D Gold
Accent Deep
#0D7377
#C45A42
#8B6914
Accent Light
#E6F7F8
#FCEEE9
#FDF6E7
Primary Button
Dark
Dark
Dark
AI Accent
Purple
Purple
Purple
Accent Gradient
Personality
Calm, Personal
Warm, Social
Authoritative, Precise
Audience
Individuals
Publishers, Creators
Enterprise, Teams

Typography

We use two typefaces: Fraunces for headlines and DM Sans for body text. Both are available on Google Fonts.

Fraunces Headlines, Display — Google Fonts

Turn scattered information into actionable intelligence.

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Fraunces Light

Weight 300

Fraunces Regular

Weight 400

Fraunces Medium

Weight 500

DM Sans Body, UI — Google Fonts

bundleIQ brings it all together.

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

DM Sans Regular

Weight 400

DM Sans Medium

Weight 500

DM Sans SemiBold

Weight 600

DM Sans Bold

Weight 700

Buttons

Product UI buttons use Dark (#252B40) as primary. The Teal→Purple gradient is reserved for bundleIQ corporate/marketing materials.

Primary actions (Dark)

Secondary actions

Text Link →

Tertiary actions

Voice & Tone

How we communicate: clear, confident, and human. We avoid jargon, hype, and unnecessary complexity.

Clear

Say what we mean directly. No buzzwords, no fluff.

"Turn scattered information into actionable intelligence."

Confident

We know what we do well. State it simply.

"When your reputation depends on it, you use Alani."

Human

Write like you're explaining to a smart colleague.

"Files, docs, emails, data sources — bundleIQ brings it all together."

Trustworthy

We're building for professionals. Sound like it.

"Verified against your sources. Personalized to your data. Secure by default."

Key Messages

Core phrases to use across marketing, product, and communications.

Turn scattered information into actionable intelligence.

Primary tagline — homepage, ads, presentations

When your reputation depends on it, you use Alani.

Trust/differentiation statement — product pages, enterprise sales

Your knowledge agent.

Alani descriptor — product intro, feature pages

Trustworthy. Verified. Personalized. Secure.

Value pillars — enterprise, security-conscious audiences