This style guide page contains styles and components used through the website.
You can change any style from this page and it will be updated throughout the site.
Primary Color
#000000
Secondary Color
#FFFFFF
The font used in this template is Switzer, available on Fontshare. It's free to use for personal & commercial projects.
You can download it here
In this template, Rich Text Element is only used for Journal Posts. To ensure a better reading experience, a unique font size had been determined for elements inside the Rich Text. In that way, the layout of these pages stays consistent and clear.
Lorem ipsum dolor sit amet. Et deserunt magnam et odio dicta hic earum quaerat dolorum quos sit magnam voluptate At voluptas nihil. Qui saepe sequi qui adipisci illo et soluta placeat! Sed eligendi vero qui architecto sunt sit nihil dolores est voluptate odit sed magni autem qui quia ullam aut aspernatur numquam. Est repellendus asperiores et laudantium reprehenderit et fugit beatae.
Lorem ipsum dolor sit amet. Et deserunt magnam et odio dicta hic earum quaerat dolorum quos sit magnam voluptate At voluptas nihil. Qui saepe sequi qui adipisci illo et soluta placeat! Sed eligendi vero qui architecto sunt sit nihil dolores est voluptate odit sed magni autem qui quia ullam aut aspernatur numquam. Est repellendus asperiores et laudantium reprehenderit et fugit beatae.
Lorem ipsum dolor sit amet. Et deserunt magnam et odio dicta hic earum quaerat dolorum quos sit magnam voluptate At voluptas nihil. Qui saepe sequi qui adipisci illo et soluta placeat! Sed eligendi vero qui architecto sunt sit nihil dolores est voluptate odit sed magni autem qui quia ullam aut aspernatur numquam. Est repellendus asperiores et laudantium reprehenderit et fugit beatae.
Lorem ipsum dolor sit amet. Et deserunt magnam et odio dicta hic earum quaerat dolorum quos sit magnam voluptate At voluptas nihil. Qui saepe sequi qui adipisci illo et soluta placeat! Sed eligendi vero qui architecto sunt sit nihil dolores est voluptate odit sed magni autem qui quia ullam aut aspernatur numquam. Est repellendus asperiores et laudantium reprehenderit et fugit beatae.
Lorem ipsum dolor sit amet. Et deserunt magnam et odio dicta hic earum quaerat dolorum quos sit magnam voluptate At voluptas nihil. Qui saepe sequi qui adipisci illo et soluta placeat! Sed eligendi vero qui architecto sunt sit nihil dolores est voluptate odit sed magni autem qui quia ullam aut aspernatur numquam. Est repellendus asperiores et laudantium reprehenderit et fugit beatae.
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Lorem ipsum dolor sit amet. Et deserunt magnam et odio dicta hic earum quaerat dolorum quos sit magnam voluptate At voluptas nihil. Qui saepe sequi qui adipisci illo et soluta placeat! Sed eligendi vero qui architecto sunt sit nihil dolores est voluptate odit sed magni autem qui quia ullam aut aspernatur numquam. Est repellendus asperiores et laudantium reprehenderit et fugit beatae.
This is a paragraph element. Consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
This is a text linkThis is a quote element. Consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.