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
Light blue
#cff5f9
RGB 210, 237, 243
Red
#ff3333
RGB 255, 65, 65
Secondary/Text Palette
Text / Alex Gray
#808080
RGB 128, 128, 128
"Black"
#333
RGB 51, 51, 51
Light gray
#f2f2f2
RGB 250, 250, 250
Art Palette
Gray
Beige
Brown
Graphite
Ink
Slate
Royal Blue
Blue
Cyan
Green
Lime
Yellow
Warm Orange
Orange
Red
Fuchsia
Pink
Purple

Typography - Voice of ALEX

Question
I’m here to help you make informed decisions about your benefits. Shall we begin?
Section header
RETIREMENT SUMMARY
Module header
Medical
Explanation
Potential savings with a limited network:
Explanation featured number
$8,008
Subheader it's the same as the number!
Wellyvision Network
Bullet list These are apparently imported from Josef, so it's okay that they use nested HTML
Card with plan name
Header only
A Very Good Plan
Card with a header and explanation Header and body
Kind of a Bad Plan
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.
Summary Header, text, list
List imported through Josef
Retirement Summary
Body text

As the hills draw nearer, one heeds their wooded sides more than their stone-crowned tops. Those sides loom up so darkly and precipitously that one wishes they would keep their distance, but there is no road by which to escape them. Across a covered bridge one sees a small village huddled between the stream and the vertical slope of Round Mountain, and wonders at the cluster of rotting gambrel roofs bespeaking an earlier architectural period than that of the neighbouring region. It is not reassuring to see, on a closer glance, that most of the houses are deserted and falling to ruin, and that the broken-steepled church now harbours the one slovenly mercantile establishment of the hamlet.

Body text with emphasis

One dreads to trust the tenebrous tunnel of the bridge, yet there is no way to avoid it. Once across, it is hard to prevent the impression of a faint, malign odour about the village street, as of the massed mould and decay of centuries. It is always a relief to get clear of the place, and to follow the narrow road around the base of the hills and across the level country beyond till it rejoins the Aylesbury pike. Afterward one sometimes learns that one has been through Dunwich.

Footnote
* Don’t include your preventive check-up! One per person is fully covered, each year.
Error
* Whole numbers are required in these fields.
Horizontal rule

Inputs - Voice of the user

Choice Cancel button Text link Quite a text link Quantity input
Dropdown selector
Checkbox
My neck
My back
My existential dread
Radio button
Choose wisely
Choose poorly
Don't choose

Cost comparison

Legend
Premiums
Estimated costs
Worst case
CC Graphs
Pain Don't Hurt
$9600
$12908
$12908
Mauve Cross Taupe Shield PPO
$12000
$12512.8
$25700
The BBQ Chips Plan
$12000
$22012.8
$25700
2x Bonus Annual BBQ Chips
The Boy Mayor of Second Life
$2400
$16911
$16911
Not a real mayor!

12-column grid

One column, 66% Simple layouts, generally just question/answer or explainer text
Two column, 66% 33% Layouts with content on the left, question/answer on the right
Two column, 50% 50% TBD
One column, full Art Moments
All sorts of configurations to feast your eyes on