Global Styles and Components
Global Fonts
Global Colors
Note: This section is using Alternate Background Color for the background.
This is the global style for Primary Color
This is the global style for Secondary Color
This is the global style for Text Color
This is the global style for Accent Color
This is the global style for Accent Light Color
This is the global style for Alternate Text Color
This is the global style for Dark Alternate Text Color
This is the global style for Light Alternate Text Color
This is the global style for Divider Color
Typography
This is the global style for Heading 1 tag (h1)
This is the global style for Heading 2 tag (h2)
This is the global style for Heading 3 tag (h3)
This is the global style for Heading 4 tag (h4)
This is the global style for Heading 5 tag (h5)
This is the global style for Heading 6 tag (h6)
This is the global style for Paragraph tag (p). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget felis non sem blandit tristique quis in erat. Vivamus vel vehicula quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
This is the global style for Bold tag (strong)
This is the global style for Italic tab (i)
This is the global style for Underline tab (u)
Note: To generate table html code, Click Here.
Note: The text elements’ color in section are overridden with white (#ffffff). This section is using Secondary Color for the background.
This is the global style for Heading 1 tag (h1)
This is the global style for Heading 2 tag (h2)
This is the global style for Heading 3 tag (h3)
This is the global style for Heading 4 tag (h4)
This is the global style for Heading 5 tag (h5)
This is the global style for Heading 6 tag (h6)
This is the global style for Paragraph tag (p). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget felis non sem blandit tristique quis in erat. Vivamus vel vehicula quam. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Buttons
Table
| After Tax Outside Your 401(k) Plan | Pre-Tax Inside Your 401(k) Plan | |
|---|---|---|
| Savings | $1,000 | $1,000 |
| Taxes 28% | -$280 | $0 |
| Net Savings | $720 | $1,000 |
| Investment Growth at 7%* | $50 | $70 |
| Taxes on Interest | -$14 | $0 |
| Net Investment Gain | $36 | $70 |
| Total Amount Accumulated | $756 | $1,070 ($315 or 41.5% more) |
Note: To generate table html code, Click Here.
"Slavic-Micro-Icons" Custom Icon Library
Note: This section is using Accent Background Color for the background with a background overlay of an image.
- Play
- Slider control right
- Slider control left
- Arrow right
- Attract retain talent
- Automated process
- Circle check
- Clock
- Compliance notification
- Cost savings
- Customer service
- Deferred growth
- Enroll
- Enterprise security
- Hardship dist
- Less administration
- Maximize contribution
- Menu bars
- Mobile app
- Online portals
- Phone
- Pre tax
- Reduce stress
- Roll over
- Rollover plan
- Setup preferences
- Tax savings