Skip to main content
⚠ Internal Preview — Not for public distribution

VacuuBond Style Guide

Internal reference for design tokens, typography, and component states.

Tokens

Color Palette

Ink#101318
Graphite#242932
Steel#606A78
Silver#D6DBE2
Cloud#F4F6F8
White#FFFFFF
Vacuu Blue#1667D9
Court Amber#D89A3D
Success#237A57
Warning#B7791F
Tokens

Typography Hierarchy

Display
Display Text
H1
Heading Level 1
H2
Heading Level 2
H3
Heading Level 3
H4
Heading Level 4
Lead
Lead paragraph text for intro sections.
Body Large
Large body copy for emphasis.
Body
Standard body copy used throughout the application.
Body Small
Small body text for secondary information.
Label
LABEL TEXT / EYEBROW
Button
Button Label
Caption
Caption text for tiny details.
Components

Buttons & Links

Components

Badges

DefaultAmberBlueNeeds Documentation
Components

Form Controls

This field is required.

Components

Cards & Content Blocks

02

Approved Substrates

Application Example

This is an application card with a placeholder image and some descriptive text.

Learn more
Maple VisualVisual placeholder
Media Placeholder
Perimeter3-Point AreaLaneCenterMain Surface