Journey Design System

Complete brand reference for Journey Better Business Group

Brand Colors

Journey's core color palette

Teal

#00ce9d

Primary accent for CTAs, buttons, links

Blue

#004368

Primary brand for headers, navigation

Gray

#6c757d

Body text, secondary information

Typography

Journey's type system with system-ui font family

This is Heading 1 - 53px

This is Heading 2 - 45px

This is Heading 3 - 36px

Buttons

Button styles and variations

Primary ButtonSecondary ButtonText Link

Spacing Scale

Consistent spacing using 20px/40px/60px increments

20px Spacing

40px Spacing

Layout Components

Reusable layout patterns

Two Column Layout

Column 1 content

Column 2 content

Three Column Grid

Column 1

Column 2

Column 3

Hero Section Template

Hero Headline Goes Here

Supporting text that explains the value proposition. Keep it clear and compelling.

Call to Action

Card Components

Card Title

Card description text goes here. Keep it concise and informative.

Learn More