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, I wanted to put more here to test out line height
amongst a couple other things

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.
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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C
Text link

Bold text

Emphasis

Superscript

Subscript

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.

The Mission Behind Pscyence

Pscyence is a brand which combines the psyche to science with engineering solutions for the questions plaguing even the most ancient of wisdom. This project started as a simple question, “How do we optimize the human experience?” Through our engineering backgrounds, we answer this question in a robust manner, leaving no rock unturned in our pursuits to live a complete life.

Meet the Pscyence Team!
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.