ALEX v10 styles

Colors

Primary Palette

ALEX Blue
#0981b0
RGB 9, 129, 176

ALEX Orange
#ff8458
RGB 255, 132, 88

Aqua
#90d3d3
RGB 144, 211, 211

Navy
#036991
RGB 3, 105, 145

Light blue
#cff5f9
RGB 210, 237, 243

Red
#ff3333
RGB 255, 65, 65

Secondary/Text Palette

Navy
#808080
RGB 128, 128, 128

"Black"
#333
RGB 51, 51, 51

Light gray
#f2f2f2
RGB 250, 250, 250

Typography - Voice of ALEX

Question

I’m here to help you make informed decisions about your benefits. Shall we begin?

Question, with emphasis

Sometimes I will emphasize things, but only when they really need it.

Explanation

Potential savings with a limited network: $870

Bullet list

Example of one kind of covered service – 80%
Example of something else that’s covered – 90%
Example of another type of covered service – 80%

Bullet list with header and number comparison

With one of your plans

In a worst-case scenario, you’d pay:$4,000 more
In a more likely scenario, you’d pay:$800 less

Floating table

January 6, 2017	$300
April 7, 2017	$300
July 7, 2017	$300
October 6, 2017	$300

Card with plan name

A Very Good Plan

Card with a header and explanation

This plan stinks. You'll lose all of your money because somehow this plan forces you to spend all of your money caring for a miniature horse that you aren't even allowed to see a picture of. Please don't pick it.

Footnote

* Don’t include your preventive check-up! One per person is fully covered, each year.

Error

* Whole numbers are required in these fields.

Inputs - Voice of the user

Choice Cancel button, or text link Quantity input

$ for the year

Checkbox

My neck

My back

Radio button

Choose wisely

Choose poorly

Stage elements

Menu button Module title

Medical

Pause button Play button Progress bar

Cost comparison

Basic cost comparison

No Coverage

$69,666

Recommended plan

Holy Crap What a Plan (HCWP HMO)

$100

Plan with a called-out feature

How Bout Them Apples PPO

$2,017

Placeholder provides an HRA with $1,000

Currently talked-about feature

Miss Lippy's Car is Green

$1,000,000,000

potential savings

Descriptive text below comparison bar cards

Estimate for:
2 checkups with cleanings and x-rays for each of you
Comparison color key

Estimated OOP

Premiums

Maximum OOP

12-column grid
The most common configurations

All sorts of configurations to feast your eyes on