Style Guide

An overview of commonly used components and styles in Storii.
Typography

Headings, body and other common text elements.

Heading Jumbo

Heading Medium

Heading Regular

Section Subhead
label

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.

Buttons

Component, text style and size variations.

Rich Text

This is the component used for rich text elements like the article body

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.

Caption goes here

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

  • Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic lif
  • Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic lif
  • Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic lif
  • Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic lif

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.

When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

Pityful a rethoric question ran over her cheek, then

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.