Typography

Here you can find all the typographic styles used in the website. Change one here, and they will change everywhere. All fonts are set in General Sans designed by Indian Type Foundry.

To change any of the typography, click the style, then in the style panel click the Select a Class or Tag field. Choose the pink field to edit all styles across the whole website.

To change the font of the whole website, go to the Body element (Body is the first element in the website, so changing the font on this element will cascade down to all elements.) To do so open the Navigator on the left, click the Body element. Then in the style panel click the Select a Class or Tag field. Choose the pink field to edit the Body style across the whole website.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraph

Lorem ipsum dolor sit amet, 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.

Quote
Lorem ipsum dolor sit amet, 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.
Lists
  1. This is a numbered list.
  2. This is number 2.
  3. This is number 3.
  4. This is number 4.
  • This is a unordenerd list.
  • This is number 2.
  • This is number 3.
  • This is number 4.
Rich Text

This is a Rich Text element

This is what a caption would look like.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

These are especially useful when writing articles or long text content in the Editor.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

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.

Colours

Here you can find all the colours used in the website. Change one here, and they will change everywhere.

To change a colour, click one of the blocks below, find the Backgrounds section on the right in the Style Panel. Instead of choosing a new colour directly, click on the little pencil icon to edit the swatch, so the colour will change on the whole website.

Dark Green
Black
White
Light Green

Buttons

Here you can find the buttons used in the website. Change one here, and they will change everywhere.

Normal button
Button Text
Large button
Button Text

Form

Here you can find all the settings for the form.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.