Brand Guidelines v1.0
01

Logo

The Breezi logo combines our sparkle mark with the Lora wordmark. The sparkle conveys "magic" and "smart automation" — perfect for an IT management platform.

Breezi
On Light
Breezi
On Dark
Breezi
On Brand
Breezi
Medium
Breezi
On Soft
Breezi
Small
Sparkle Mark Only

Use for app icons, favicons, and compact spaces where the full lockup won't fit.

02

Color Palette

Our primary color is Soft Indigo, supported by a neutral grayscale and semantic colors for UI feedback.

Primary — Soft Indigo
Indigo 500
#6366F1
50
#EEF2FF
100
#E0E7FF
200
#C7D2FE
300
#A5B4FC
400
#818CF8
500
#6366F1
600
#4F46E5
700
#4338CA
Neutrals
50
#FAFAFA
100
#F5F5F5
200
#E5E5E5
300
#D4D4D4
400
#A3A3A3
500
#737373
600
#525252
700
#404040
800
#262626
900
#171717
Semantic Colors
Success
BG #D1FAE5
Text #065F46
Warning
BG #FEF3C7
Text #92400E
Danger
BG #FEE2E2
Text #991B1B
Info
BG #EEF2FF
Text #6366F1
03

Typography

Three typefaces create visual hierarchy: Lora for the logo, Libre Baskerville for headlines, and Inter for body and UI text.

Marketing & Brand
Logo Wordmark
Breezi
Lora weight 600
Headlines
IT management made easy
Libre Baskerville weight 700
Body Copy
Breezi consolidates all your SaaS subscriptions into one simple dashboard. Manage users, track spending, and stay compliant.
Inter weight 400
Product UI
Page Titles
Dashboard Overview
Inter weight 600, 20px
Section Titles
Software Spend
Inter weight 600, 16px
Body / Labels
This month
Inter weight 400, 14px
Buttons / Actions
View Details
Inter weight 600, 14px
04

Icons & Components

We use Lucide icons for the web app. Components follow a consistent style with 10px border radius and clear visual hierarchy.

Buttons
Inputs & Dropdowns
Lucide Icons (Sample)
Dashboard
Users
Settings
Search
Notifications
Security
Billing
Sync
Check
Alert
05

Button System

A comprehensive button system with semantic variants, loading states, and disabled states. Follows Linear-style patterns.

Button States
Type Default Hover Loading (opacity: 0.7) Disabled
Primary
Secondary
Tertiary
Success
Warning
Danger
Modal Examples
Button Specifications
Primary
Default BG#6366F1
Hover BG#5A5DE9
Disabled BG#C7D2FE
Textwhite
Success
Default BG#D1FAE5
Border#A7F3D0
Hover BG#C2F5DB
Text#065F46
Warning
Default BG#FEF3C7
Border#FCD34D
Hover BG#FEEEB3
Text#92400E
Danger
Default BG#FEE2E2
Border#FECACA
Hover BG#FDD8D8
Text#991B1B
Loading State: Same colors as default + opacity: 0.7 + spinner replaces text
Border Radius: 8px  •  Font Weight: 600  •  Font Size: 14px (13px for small)
06

UI Samples

Example components showing how the brand system comes together in the product interface.

Software Spend
This month
$4,280
↓ 12% vs last month
Software Spend
This month
$4,280
↓ 12% vs last month
Data Table
Application Users Status
G
Google Workspace
24 Active
1
1Password
18 Active
S
Slack
12 Pending
07

Marketing Site

Example hero sections showing how the brand comes together in a marketing context. App Store badge placement follows Apple guidelines.

We're your IT department

Identity. Devices. Software. Security. All managed from one simple dashboard — no IT team required.

Breezi gives 5–50 person businesses the same IT infrastructure as companies 10x your size. Set up a new employee in minutes, not hours. Track every device and subscription. Stay secure and compliant — automatically.

Available for Mac

We're your IT department

Identity. Devices. Software. Security. All managed from one simple dashboard — no IT team required.

Breezi gives 5–50 person businesses the same IT infrastructure as companies 10x your size. Set up a new employee in minutes, not hours. Track every device and subscription. Stay secure and compliant — automatically.

Available for Mac