Styles

Typography, color, and layout tokens for the Integrity Practice Sales brand — built on the MAST Framework.

Font Family

Suisse Intl

Suisse Intl

Neo-grotesque sans serif

Weights: Regular 400 · Medium 500 · Bold 700

Regular 400 Medium 500 Bold 700

Weight Scale

Hierarchy via size, not weight — headings use 400

Headings

H1

Integrity

MAST fluid · h1 element
H2

Integrity

MAST fluid · h2 element
H3

Integrity

MAST fluid · h3 element
H4

Integrity

MAST fluid · h4 element
H5
Integrity
MAST fluid · h5 element
H6
Integrity
MAST fluid · h6 element
heading-style-h1
Practice
MAST class override
heading-style-h2
Practice
MAST class override
heading-style-h3
Practice
MAST class override
heading-style-h4
Practice
MAST class override
heading-style-h5
Practice
MAST class override
heading-style-h6
Practice
MAST class override

Body & Utility Text

text-size-xlarge

We help dentists navigate the complexities of selling their practice, ensuring the best outcome for everyone involved.

MAST fluid XL paragraph
text-size-large

Our team provides comprehensive support throughout the entire transition process, from initial valuation to final closing.

MAST fluid LG paragraph
text-size-medium

Every practice sale is unique. We recognize that the needs of our customers are different, and we adapt our approach to deliver quality results.

MAST fluid MD (default body)
text-size-small

Copyright 2024 Integrity Practice Sales. All rights reserved.

MAST fluid SM
text-size-tiny

Practice Transitions

MAST fluid tiny · eyebrow style

Rich Text

This is a paragraph with a text link inside it.

Bold text and emphasis text for rich formatting.

  1. Ordered item one
  2. Ordered item two
  3. Ordered item three
  • Unordered item A
  • Unordered item B
  • Unordered item C
We've built our reputation on trust, transparency, and results.

Primary

Deep Ocean

#1F3268
--colors--dark2

Accent

Purple Contrast

#524EE9
--colors--brand1

Punch

#E0F300
--colors--punch

Neutral

Charcoal

#2F3035
--colors--dark1

Lavender

#CFD2DF
--colors--bg2

Modern Gray

#F6F6F6
--colors--bg3

Warm Off-White

#F9F8F5
--colors--bg1

Cream

#FFFBF2
--colors--light1

White

#FFFFFF
--colors--white1

Theme Modes

Light Mode

Light mode section

Default page background with dark text. Used for primary content areas and standard reading.

Dark Mode

Dark mode section

Deep Ocean background for emphasis areas, hero sections, and feature callouts.

Spacing Scale

--space--xs
0.5em
--space--sm
1em
--space--md
2em
--space--lg
3em
--space--xl
4em

Border Radius

tiny · 0.25rem
small · 0.5rem
medium · 0.75rem
large · 1.25rem
xlarge · 2rem
circle · 1000rem

Icons — Phosphor

Phosphor Icons, regular weight (v2.1.1). Used across the Integrity site for UI elements and feature callouts.

house
envelope
phone
user
chart-line-up
shield-check
handshake
calendar
arrow-right
check-circle
star
gear

Flexbox Grid

col-12
col-6
col-6
col-4
col-4
col-4
col-3
col-3
col-3
col-3
col-8
col-4
col-5
col-7

Container

.container · max-width: 1200px · padding: 0 2rem