Elements Page

Header 1 Default | Accent | Bold

Header 1 Default

Header 1 Accent

Header 1 Bold

Header 2 Default | Accent | Bold

Heading 2 Default

Heading 2 Accent

Heading 2 Bold

Header 3 Default | Accent | Bold

Heading 3 Default

Heading 3 Accent

Heading 3 Bold

Header 4 Default | Accent | Bold

Heading 4 Default

Heading 4 Accent

Heading 4 Bold

Header 5 Default | Accent | Bold

Heading 5 Default

Header 1-6 & Paragraph

Heading 1 Example

Heading 2 Example

Heading 3 Example

Heading 4 Example

Heading 5 Example

Heading 6 Example

Body Text

Paragraph Text

This is a normal paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu risus vel libero scelerisque ultricies. Sed ac turpis faucibus, rutrum urna sit amet, scelerisque est. Aliquam ultricies sapien dignissim viverra rhoncus. Pellentesque ac scelerisque turpi.

This is a Large paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu risus vel libero scelerisque ultricies. Sed ac turpis faucibus, rutrum urna sit amet, scelerisque est. Aliquam ultricies sapien dignissim viverra rhoncus. Pellentesque ac scelerisque turpi.

This is a small paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu risus vel libero scelerisque ultricies. Sed ac turpis faucibus, rutrum urna sit amet, scelerisque est. Aliquam ultricies sapien dignissim viverra rhoncus. Pellentesque ac scelerisque turpi.

This text is bold

This text is italic

This text is underline

This is a link that opens in a new tab

Blockquote

We need to remember what’s important in life: friends, waffles, work. Or waffles, friends, work. Doesn’t matter, but work is third.
— Leslie Knope

Content Formatting

Bulleted List

First bullet item
Second bullet item
Third bullet item

Numbered List

First numbered item
Second numbered item
Third numbered item

Roman Numeral List

First item
Second item
Third item

Mixed / Nested List

Main item
- Nested bullet item
- Nested bullet item
Main item
1. Nested letter item
2. Nested letter item
Main item

Horizontal rule rule

Example paragraph above a divider.

Example paragraph below a divider.

Superscript / subscript

Water formula: H₂O
Math example: 10²

Code Block

<p>Hello World</p>
<div>Hello World</div>

Copy Example

This is an H3 Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae purus lorem. Fusce porta id dolor a hendrerit. Vivamus feugiat interdum ante ut lobortis. Fusce tempus dictum magna, at congue augue iaculis at. Cras eu lectus ut massa consectetur placerat ac in mauris. Etiam auctor ligula non purus vestibulum vestibulum.

Cras scelerisque ligula orci, eu varius mauris scelerisque sed. Fusce sed leo ac massa cursus dapibus ac vitae lectus.
— Name

This is an H3 Header

Lorem ipsum dolor sit amet

Vestibulum eget volutpat justo. Mauris eleifend rutrum orci, sit amet condimentum est fermentum et.
Duis lobortis dui eu dolor venenatis, ullamcorper scelerisque tortor pretium. Suspendisse potenti. Suspendisse eget justo nunc.

Buttons

Form

"*" indicates required fields

Name*

First Last

Email*

Enter Email Confirm Email

Let’s Talk!*

COlors:

Primary

#C3DD22

Secondary

#496D89

Text

#000000

Charcoal

#1C1C1E

Dark Grey

#52585B

Grey

#A2AAAD

Light Grey

#E5E5EA

White

#FFFFFF

EMAIL:

Chris Westphal (he/him)

PROPRIETOR | WESTPHALSOLUTIONS.COM

PHILADELPHIA | (215) 792-4048‬