Heading - H1 XXL

Heading - H1 XL

Heading 1 Default

This is some text inside of a div block.

Heading 2 Default

This is some text inside of a div block.

Heading 3 Default

This is some text inside of a div block.

Heading 4 Default

This is some text inside of a div block.
Heading 5 Default
This is some text inside of a div block.
Heading 6 Default
This is some text inside of a div block.
Body XL - This is some text inside of a div block. 20px, 25.2 height
Body L - This is some text inside of a div block.
Body M - This is some text inside of a div block.
Body S - This is some text inside of a div block.
Link blocks with customisable icons.
Learn more

Colours

Primary 400
Primary 500
#329eff
Primary 600
Hover
Primary 700
Pressed
Primary 800
Primary 900
Accent 300
Accent 400
Accent 500
Accent 600
Hover
Accent 700
Pressed
Accent 800
Accent 900
Neutral
Black default
#black
Grey 500
Grey 300 border
Grey 100 background
White
Warning
Default - Primary Hover
Default - Primary Pressed
#1f86e2

Icons

close
close

Form inputs

Wrap the form in a class "input floating label" as follows.
Floating form label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Badges

add "Badge container" as the class
Badge
Large Badge
Badge
Large badge

Richtext only

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

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

Heading 2 Rich Text Element

Paragraph of text... 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.

This is how a text link looks when it's embedded in a blog post.

Heading 3 - 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!

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

And this is something else. This is called a bullet point!

  • And this is a bullet point. An unordered version.
  • And another bullet but on another line.
BounceTogether said: "We are delighted that this blockquote can be added to rich text content. Otherwise, it wouldn't be very styable!"

Did you know?
This is some text inside of a div block.
"It has raised the profile of Mental Health and Wellbeing for the whole school community providing a platform for discussion and debate whilst promoting the creation of effective policies and procedures"
Mental Health Lead
face