Typography

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading
Heading
Heading
Heading

This is a Paragraph

This is a Paragraph

This is a Paragraph

This is some text inside of a div block.

This is a Paragraph

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Text Link

What’s a Rich Text element?

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.

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!
Caption

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.

For dynamic content, add a rich text field to any collection

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.

For dynamic content, add a rich text field to any collection

Colors

These colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.

Buttons

These are all the buttons that are used in this project. Editing them will reflect the changes on all the other buttons of the project too.

Symbols

These are all the sections that are created into 'Symbols' as they are being reused on different pages. Double click on the Symbol to edit it. Any changes made in a Symbol will implement every where else too.
Work

Favorite projects, award-winning campaigns and more.

About

My journey, career highlights and everything else you need to know.

productivity • 6 Jul, 2021
UI/UX Case Study — Enabling users to book tickets seamlessly with least friction.

New visual system and CMS environment for the international corporate innovators. Whatever the challenge, we’ll deliver a solution you and your users will love.

Rainmaking

Levelling up the brand experience for Scandinavia’s most innovative startup incubator.