Design System - Pradėk nuo miego

This Design System page contains styles and components used through the website. You can change any style from this page and it will be updated throughout the site.

Typography

The different text sizes used throughout the site.

h1

Emerald is a gemstone.

h2

Emerald is a gemstone.

h3

Emerald is a gemstone.

h4

Emerald is a gemstone.

h5

Emerald is a gemstone.

h6

Emerald is a gemstonE.

Large Paragraph

Emerald is a gemstone and a variety of the mineralberyl colored green by trace amounts of chromium and sometimes vanadium.

Paragraph

Emerald is a gemstone and a variety of the mineralberyl colored green by trace amounts of chromium and sometimes vanadium.

Small Paragraph

Emerald is a gemstone and a variety of the mineralberyl colored green by trace amounts of chromium and sometimes vanadium. Beryl has a hardness of 7.5–8 on the Mohs scale. Most emeralds are highly included, so their toughness is classified as generally poor.

Button text

Learn more

Medium header

Learn more

Small header

Learn more

X-Small header

Learn more

Quote

Emerald is a gemstone and a variety of the mineralberyl colored green by trace amounts of chromium and sometimes vanadium.

List

Toughness is classified as generally poor
A variety of the mineralberyl
Colored green by trace amounts of chromium

Link

More about emeralds

Figure with caption

An image with caption

Rich Text

Emerald is a gemstone.

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.

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!