STYLEGUIDE

Color Swatches

#AEB3F5
#C7F0EC
#C28CA4
#D3B6F8
#4E70EA

Text

HEADING 1

HEADING 2

HEADING 3

This is a paragraph. Lorem ipsum dolor sit amet, pro id graeco similique neglegentur, sed mentitum noluisse eloquentiam eu, ad modus scribentur vim. Ei vis sanctus iudicabit. Magna aliquam vocibus in pro, invidunt persecuti est id, mel prima ignota ne. Mei ne prima placerat. Et oratio appareat est.

Bulleted Lists

CSS selector:

.bullet-list

Sample code:

<ul class="bullet-list"> <li>item1</li> <li>item2</li> <li>item3</li></ul>

Rendered element:

  • item1
  • item2
  • item3

Interactive Elements

Links

CSS selector:

.text-link

Sample code:

<a href="#" class="text-link">Default Text Link</a>

Rendered element:

Default Link

Buttons

CSS selector:

.text-link

Sample code:

<a href="#" class="text-link">Default Text Link</a>

Rendered element:

BUTTON

Project List

Name of Project

time range