Heading

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!

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.

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!

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.

Review

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.

design system / overview

planning & phases

design system / overview

identifying the problem

design system / overview

setting the goals

design system / overview

get buy-in

design system / overview

principles

design system / foundation

color system

design system / foundation

typography

design system / foundation

spacing & icons

design system / components

atoms

design system / components

atoms

design system / components

atoms

design system / components

molecules

design system / pages

sign in page

design system / documentation

documentation

design system / metrics

calculating the impact

03. Atoms

No items found.

04. Molecules

No items found.

Outcomes

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!

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.

Heading

Heading

Design System

  • — Project Manager
  • — UX Design
  • — UI Design
  • — Information Architecture

Securicy Data Solutions is getting rebranded as Carbide. This was a perfect opportunity to build the Carbide Design System as well. The assets were being built for the website and other marketing initiatives. We, as a design team, decided to use these new assets and build our design system as well. Also, as our design team grew, it became crucial to systematize all components and scale the product consistently.

We decided to build a design system to help designers, PMs, and developers communicate with each other in order to build consistent, high-quality solutions faster.

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!

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.

design system / overview

planning & phases

design system / overview

identifying the problem

design system / overview

setting the goals

design system / overview

get buy-in

design system / overview

principles

design system / foundation

color system

design system / foundation

typography

design system / foundation

spacing & icons

design system / components

atoms

design system / components

atoms

design system / components

atoms

design system / components

molecules

design system / pages

sign in page

design system / documentation

documentation

design system / metrics

calculating the impact