Official Brand Guidelines
Broadable™
Brand Identity
This page is the single source of truth for all Broadable brand assets — colors, typography, logo usage, and guidelines for partners and press.
Version 1.0
Last updated 2025
Trademark registered
Logo
Logo variations
The Broadable wordmark is always set in Plus Jakarta Sans 700. Never recreate, trace, or approximate the logo from scratch. Use only the approved files.
broadable
Primary — Teal on Light
Default. Use on cream, white, or light backgrounds.
Website
Print
Email
broadable
Reversed — White on Dark
Use on dark teal, anthracite, or any dark surface.
Dark hero
Footer
broadable
Gold — On Brand Gold
Use on gold CTA backgrounds only. Text in deep brown.
CTA banners
Not on neutrals
broadable
Monotone — Anthracite
Single-color usage for documents, embossing, stamps.
Documents
B&W print
broadable
Gold on Teal
High-impact variation. Use for campaigns and brand moments.
Campaigns
Social media
broadable
The Conversion Platform
Logo + Tagline
Use when introducing the brand to new audiences.
Intro slides
Proposals
™ Trademark Notice
Broadable™ is a registered trademark. Always include the ™ symbol on first mention in any document or page. Partners must not use the Broadable name or logo in a way that implies endorsement without prior written approval.
Colors
Primary palette
These are the core Broadable colors. Use them consistently across all touchpoints. Click any hex to copy.
PRIMARY CTA
Warm Gold
Primary CTA — always present
Teal Dark
Logo, headings, primary UI
Teal
Feature icons, accents, links
Teal Deep
Dark hero, footer backgrounds
Anthracite
Headlines, body text, nav
Cream White
Page backgrounds, surfaces
Spark Orange
Highlights, illustrations
Trust Blue
Links, information states
Growth Green
Success states, badges
Crimson
Urgency, error, alerts
Electric Blue
Bold campaign moments
Soft Red
Warnings, destructive actions
Neutral palette
Supporting neutrals for layouts, borders, UI components, and backgrounds.
Pale Sand
#e8e6dc
Warm Gray
#b0aea5
Muted Violet
#acadc2
Light Gray
#d8d8d8
Pure White
#ffffff
Lavender Mist
#e1e1f0
Sky Tint
#dde6ff
Ghost White
#f5f6fa
Blue Tint
#e5f0ff
CTA System
Primary CTA — #f8d481 is always the anchor
Warm Gold is the one non-negotiable rule in the Broadable brand. Every page, every funnel, every screen must include it as the primary action color. It can pair with different secondary buttons depending on context.
Light backgrounds
Gold primary + Anthracite secondary
Dark / hero sections
Gold primary + Gold outline secondary
High urgency / funnel
Gold primary + Crimson urgency
Trust / soft sell
Gold primary + Pale sand secondary
CTA Text Rule
Always use #3d2e00 (dark brown) as text color on the gold button. Never use black, white, or any other color. This ensures maximum contrast and brand fidelity.
Typography
Primary — Headings & UI
Plus Jakarta Sans
Build funnels that actually convert.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
300 · Light
Broadable
400 · Regular
Broadable
500 · Medium
Broadable
600 · SemiBold
Broadable
700 · Bold
Broadable
800 · ExtraBold
Broadable
Secondary — Body & Paragraphs
Inter
Broadable helps you launch landing pages, sales funnels, and websites — without the complexity. Clean, fast, and built for growth.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Type scale
Display / Hero
Convert.
Heading 1
Section headline
Heading 2
Feature title
Heading 3
Card heading
Body
Paragraph and description text for long-form reading
UI / Small body
Labels, helper text, navigation items, captions
Overline / Tag
SECTION LABEL · BADGE · TAG
Usage
Where each color lives
Sales Funnels
Gold CTAs, Crimson for urgency/scarcity, Teal Deep for section backgrounds, Anthracite for headline copy.
Landing Pages
Cream White backgrounds, Teal for feature icons and tags, Gold for the primary CTA, Pale Sand for card sections.
Websites
Teal Deep for dark hero sections, Trust Blue for links, Growth Green for success badges, Warm Gray for supporting copy.
Email
White background with Cream or Sand sections. Gold CTA button. Teal links. Anthracite body. Always include ™ on first mention.
Mobile / App
Same palette, same rules. Bottom CTAs always in Gold. Navigation in Teal Dark. Destructive actions in Crimson.
Partner & Press
Download the official SVG/PNG files below. Do not recreate the logo. Do not modify colors. Contact [email protected] for approvals.
Do & Don't
Logo rules
Do
- ✓ Use approved SVG/PNG logo files only
- ✓ Maintain clear space equal to the cap-height of the "b"
- ✓ Use on approved background colors only
- ✓ Include ™ on first mention in all materials
- ✓ Use full wordmark "broadable" — always lowercase
- ✓ Scale proportionally maintaining aspect ratio
Don't
- ✗ Never recreate or redraw the logo from scratch
- ✗ Never change the logo color outside approved variants
- ✗ Never stretch, skew, or rotate the logo
- ✗ Never add drop shadows, outlines, or effects
- ✗ Never place on busy or low-contrast backgrounds
- ✗ Never use "Broadable" in ALL CAPS or Title Case
Color rules
Do
- ✓ Always include #f8d481 Gold as the primary CTA color
- ✓ Use #3d2e00 dark brown as text on gold buttons
- ✓ Use Teal Dark #0d6e6e for the primary logo color
- ✓ Ensure sufficient contrast for accessibility (WCAG AA)
- ✓ Use Crimson only for urgency and error states
Don't
- ✗ Never use a different color as the primary CTA
- ✗ Never put white or black text directly on gold
- ✗ Never create new brand colors without brand approval
- ✗ Never use pure #ff0000 red — use Soft Red #ed7164
- ✗ Never mix Crimson with Gold in the same component
Downloads
Official brand assets
Download approved files only. Do not modify, alter, or reconstruct these assets. For custom usage requests, contact [email protected]
Logo — Primary
SVG · PNG · EPS
Logo — White
SVG · PNG
Brand Guidelines
PDF
Color Swatches
ASE · Figma
Font Files
TTF · WOFF2
Figma Kit
Figma Community
© 2025 Broadable™ — All rights reserved
Broadable is a registered trademark. Unauthorized use is prohibited.
Design & Developed by
CodEye Technologies Pvt Ltd