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.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
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.
- This is a numbered list.
- This is number 2.
- This is number 3.
- This is number 4.
- This is a unordenerd list.
- This is number 2.
- This is number 3.
- This is number 4.
This is a Rich Text element
.jpg)
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.
Buttons
Here you can find all the buttons used in the website. Change one here, and they will change everywhere.
Grid
In the whole website, a 10 column grid is used. All pages are built upon this grid.
Form
The form is quite straight forward and does contain a minimum amount of information. However, it is possible to add any of the Webflow form elements.