Internal Design System & Brand Guidelines

The Art of Braces Brand Book

The official design system and visual standards for typography, color tokens, UI components, and brand compliance.

01

Visual Identity & Core Principles

Specialty Orthodontic Elegance

Warm gold accents paired with sharp typography reflect our position as Las Vegas’s premier specialist in surgical & non-surgical orthodontic innovation (Brava, MARPE, Invisalign).

Boutique Patient Hospitality

Approachable serif editorial quotes, warm champagne linen tones, and friendly handwritten accents convey personal hospitality with zero clinical coldness.

Frictionless Digital Booking

Generous pill touch targets, high contrast inputs, and instant micro-interactions engineered for effortless mobile scheduling.

02

Color Tokens & Palette

Click any swatch to copy Hex Code

Primary Brand Golds

Copy
Brand Gold
#c9a959
Primary CTAs, Active States
Copy
Gold Light
#dfc07a
Gradients & Highlights
Copy
Gold Dark
#b89640
Hover & Active Pressed
Copy
Champagne Surface
#f7f3e8
Special Cards & Offers

Core Neutrals & Background Bases

Copy
Dark Hero Overlay
#252627
Hero Video & Dark Shell
Copy
Ink Dark (Text)
#111827
Headings & Primary Text
Copy
Surface Off-White
#fafaf9
Alternate Section Fills
Copy
Border Linen
#e5e7eb
Dividers & Form Borders
03

Typography & Font Hierarchy

Primary Sans-Serif
Nunito

Used for body paragraphs, main page headings, buttons, and UI controls.

Nunito Light (300)
Nunito Regular (400)
Nunito Semi-Bold (600)
Nunito Bold (700)
Luxury Editorial Serif
Cormorant Garamond

Used for doctor bios, patient testimonials, and editorial callouts.

“Transforming smiles into works of art.”
Handwritten Accent
Caveat

Used for friendly notes, badge annotations, and personal highlights.

Book your complimentary consultation today!
Live Type Scale Specimens
H1 Hero Title — 44px / Bold 700
Crafting Your Premier Smile
H2 Section Title — 28px / Bold 700
Orthodontic Excellence Built Around You
H3 Card Title — 20px / Semi-Bold 600
Invisalign & Custom Aligner Therapy
Body Standard — 16px / Regular 400

Experience boutique orthodontic care tailored to your lifestyle. Our team combines advanced 3D digital scanning with proprietary treatment mapping to deliver faster, more comfortable results.

04

UI Components & Buttons

Button Variants

Primary CTA Pill (`background: #c9a959`, `border-radius: 100px`)
Dark Secondary Pill (`background: #111827`, `border-radius: 100px`)
Glass Outline (`border: 2px solid #e2e8f0`, Gold Hover)

Card Containers & Radius Tokens

16px Radius Token

MARPE Maxillary Expansion

Non-surgical airway and palatal expansion engineered for adult orthodontic patients.

Specialist Care Las Vegas, NV Live Availability
05

Carrier SMS Compliance Component

SMS Opt-In Consent Form Rule

All lead capture forms must include an unchecked optional checkbox with exact required carrier verbiage:

Copied to clipboard!