Style Guide

Colors

Core blue

$coreblue

HEX: #009DDB
Digital blue

$digitalblue

HEX: #007CAD

Steel

$steel

HEX: #6BA4B8
True blue

$trueblue

HEX: #446CA9
Light Gray

$lightgray

HEX: #98a4ae
Light Gray 46

$lightgray-46

HEX: #677783
Dark gray

$darkgray

HEX: #425563
Light gray background

$light-gray-bg

HEX: #E5EBF1
Black

$black

HEX: #000000

Tangerine

$tangerine

HEX: FFC64D
Orange

$orange

HEX: #F7A800
Turquoise

$turquoise

HEX: #64CCC9
Teal

$teal

HEX: #1B9090

Typograpgy

Headline 1

sm: 34px

lg: 54px

Headline 2

sm: 30px

lg: 36px

Headline 3

sm: 24px

lg: 30px

This is body copy using "Charles Modern" forn at 17px, with a 28px line-height in the color of $text #333. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui. This is an in-line hyperlink using Bold in the Primary color.

Class="bullet-list"
This is a list paragraph using Roboto at 16px, with a 26px line-height in the color #333333 Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
This is a paragraph showing the use of bold text, using "Charles Modern". Nam ornare lectus ullamcorper nisl accumsan accumsan. Mauris et arcu sit amet enim lacinia pellentesque eu quis sapien.

Icons

Buttons and CTAs

Below you will find our buttons, in default, hover/focus and active. Add class .arrow to add arrow to each button

Dev Guide (reused modules/not editable)

Licensed Client Relationship Specialist Jessica at Charles Schwab

"Schwab supported me throughout my licensing journey … the knowledge I gained helped me pass my exams." Jessica M. Client Relationship Specialist

Trader Services Specialist Miranda at Charles Schwab

"I owe it to my mentors and role models. Several managers and directors really took me under their wing." Miranda B. Specialist in Trader Services

Military Veteran to Financial Services Compliance Manager Audrey at Charles Schwab

"During my last 15 years in the military, I took care of others … that experience has translated well to working at Schwab, where we focus on taking care of our clients." Audrey W. Compliance Manager

Vice President Branch Manager at Charles Schwab on sabbatical

"My sabbatical came at the perfect time, as it allowed me to disconnect for a while and recharge. Plus, I was able to have amazing experiences with my family and travel to incredible places." Matt B. VP, Branch Manager

Find your team.

Client & customer service representative at Charles Schwab

Financial Services Representative

Your day is filled with helping others and your future is packed with potential. That’s what makes our customer service roles so unique. Whether you’re licensed or ready to get one through paid training, Schwab is the place to make a bigger impact.

Search all jobs

Financial Consultant Professional at Charles Schwab

Financial Consultants & Series 7/63 Licensed Professionals

It’s the freedom to build client relationships, build trust, and build success. We're a team in which everyone can come together to create powerful change. Take control of your future at Schwab.

Search all jobs

Engineer & software developer at Charles Schwab

Technology, Engineering, and Software Development

Fuel innovation that touches millions of lives. We’re collaborating on cutting-edge technologies that lead our industry. And you’ll have the support of Schwab behind you every step of the way.

Search all jobs

See all open jobs