Alight Solutions 2021

Your theme includes brand-approved styling that controls the look and feel of your creative. Take a look at our video to really understand the power of themes. Then as you review your theme, take a peek at the tooltips ( ) along the way that explain how your theme affects that element.

Themes are flexible and can be adjusted and/or updated to best meet your needs. If you have any questions, please reach out to your account manager for help.

LOGO(S)
TYPOGRAPHY
FONT STYLES
FS Thrive Regular
FS Thrive Italic
FS Thrive Light
FS Thrive Light Italic
FS Thrive Bold
FS Thrive Bold Italic
BODY TEXTS
Body Large
Body Medium
Body Small
TEXT STYLES

Display Headline

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt mi ac sem lobortis, finibus vulputate nulla commodo. Fusce auctor orci quis odio consectetur, nec porta lorem fermentum. Mauris porta, lectus in sodales porttitor, leo neque feugiat libero, vitae semper libero neque vitae augue. 

Vivamus lacinia, ligula eget congue fringilla, ipsum leo euismod est, et molestie tortor arcu non sem. Sed quis nunc auctor est consequat elementum vel sed dui. Etiam tempus dignissim diam, rhoncus consequat elit tincidunt vitae. Aliquam bibendum ex tincidunt pellentesque rutrum. 

Caption
Fine Print
TEXT COLORS
White
Black
Yellow
Blue
Green
Purple
Orange
5% Gray
10% Gray
20% Gray
30% Gray
40% Gray
50% Gray
60% Gray
65% Gray
70% Gray
80% Gray
85% Gray
Slate
LIST STYLES
Unordered List Style (Default)
  • Example Bullet
  • Example Bullet
Bullet A
  • Example Bullet
  • Example Bullet
Ordered List Style (Default)
  1. Example Bullet
  2. Example Bullet
Bullet B
  • Example Bullet
  • Example Bullet
Bullet C
  • Example Bullet
  • Example Bullet
Bullet D
  • Example Bullet
  • Example Bullet
Bullet E
  • Example Bullet
  • Example Bullet
Bullet F
  • Example Bullet
  • Example Bullet
EFFECT STYLING

Rounded Corners

Drop Shadow Bottom

Gray Border

Yellow Border

BUTTONS
DIRECTIONAL BUTTONS
BACKGROUND COLORS

White

White Transparent

Black Transparent

Black

Yellow

Blue

Green

Purple

Orange

Yellow Gradient

Yellow Gradient Alt

Blue Gradient

Blue Gradient Alt

Green Gradient

Green Gradient Alt

Purple Gradient

Purple Gradient Alt

Orange Gradient

Orange Gradient Alt

5% Gray

10% Gray

20% Gray

30% Gray

40% Gray

50% Gray

60% Gray

65% Gray

70% Gray

80% Gray

85% Gray

Slate

BAR GRADIENTS

Blue Gradient Bar

Yellow Gradient Bar

Green Gradient Bar

Purple Gradient Bar

Orange Gradient Bar

PODS
Transparent
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
White Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
White Transparent Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Black Transparent Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Black Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Yellow Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Blue Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Green Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Purple Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Orange Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Yellow Gradient Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Yellow Gradient Alt Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Blue Gradient Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Blue Gradient Alt Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Green Gradient Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Green Gradient Alt Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Purple Gradient Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Purple Gradient Alt Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Orange Gradient Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Orange Gradient Alt Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
5% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
10% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
20% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
30% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
40% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
50% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
60% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
65% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
70% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
80% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
85% Gray Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
Slate Pod
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus.
Link Style
INTERACTIVE ELEMENTS
ACCORDIONS

Section 1

Proin convallis tellus lacus. Proin vel enim venenatis, cursus orci id, sagittis metus. Sed vel ipsum sed elit convallis malesuada in non nisl. Vivamus aliquam, tellus quis imperdiet posuere, urna erat dapibus mauris, id malesuada magna ipsum at quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam posuere ipsum in dictum dictum.

Section 2

Vivamus lacinia, ligula eget congue fringilla, ipsum leo euismod est, et molestie tortor arcu non sem. Sed quis nunc auctor est consequat elementum vel sed dui. Etiam tempus dignissim diam, rhoncus consequat elit tincidunt vitae. Aliquam bibendum ex tincidunt pellentesque rutrum.

Section 1

Proin convallis tellus lacus. Proin vel enim venenatis, cursus orci id, sagittis metus. Sed vel ipsum sed elit convallis malesuada in non nisl. Vivamus aliquam, tellus quis imperdiet posuere, urna erat dapibus mauris, id malesuada magna ipsum at quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam posuere ipsum in dictum dictum.

Section 2

Vivamus lacinia, ligula eget congue fringilla, ipsum leo euismod est, et molestie tortor arcu non sem. Sed quis nunc auctor est consequat elementum vel sed dui. Etiam tempus dignissim diam, rhoncus consequat elit tincidunt vitae. Aliquam bibendum ex tincidunt pellentesque rutrum.
TABS
Proin convallis tellus lacus. Proin vel enim venenatis, cursus orci id, sagittis metus. Sed vel ipsum sed elit convallis malesuada in non nisl. Vivamus aliquam, tellus quis imperdiet posuere, urna erat dapibus mauris, id malesuada magna ipsum at quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam posuere ipsum in dictum dictum.
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus. Pellentesque vehicula augue et tellus gravida vestibulum. Morbi pellentesque nisi neque, eu posuere odio faucibus eu. Fusce eu porta nisi. Donec vitae enim vehicula, dictum tortor at, ultricies lorem. Praesent nulla nunc, tincidunt eu risus sed, dictum interdum odio.
Vivamus lacinia, ligula eget congue fringilla, ipsum leo euismod est, et molestie tortor arcu non sem. Sed quis nunc auctor est consequat elementum vel sed dui. Etiam tempus dignissim diam, rhoncus consequat elit tincidunt vitae. Aliquam bibendum ex tincidunt pellentesque rutrum.
Proin convallis tellus lacus. Proin vel enim venenatis, cursus orci id, sagittis metus. Sed vel ipsum sed elit convallis malesuada in non nisl. Vivamus aliquam, tellus quis imperdiet posuere, urna erat dapibus mauris, id malesuada magna ipsum at quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam posuere ipsum in dictum dictum.
Pellentesque eu purus non orci pellentesque egestas in vel mi. Quisque et metus elementum, tempus justo a, gravida purus. Pellentesque vehicula augue et tellus gravida vestibulum. Morbi pellentesque nisi neque, eu posuere odio faucibus eu. Fusce eu porta nisi. Donec vitae enim vehicula, dictum tortor at, ultricies lorem. Praesent nulla nunc, tincidunt eu risus sed, dictum interdum odio.
Vivamus lacinia, ligula eget congue fringilla, ipsum leo euismod est, et molestie tortor arcu non sem. Sed quis nunc auctor est consequat elementum vel sed dui. Etiam tempus dignissim diam, rhoncus consequat elit tincidunt vitae. Aliquam bibendum ex tincidunt pellentesque rutrum.
FLOW
Flow Step 1
Flow Step 2
Flow Step 3
Flow Step 1
Flow Step 2
Flow Step 3
Flow Step 1
Flow Step 2
Flow Step 3
Flow Step 1
Flow Step 2
Flow Step 3
Flow Step 1
Flow Step 2
Flow Step 3
FORMS
REGIONS
Pre-Header
Pre-Header Link
Header Link
Pre-Content
Pre-Content Link