Style Guide

Identity

Please call the conference:

Clarity

Please do not call the conference:

  • Clarity Conference
  • ClarityConf
  • Clarity Conf
  • ClarityCon
  • Clarity Con

Typography

Default Theme

Inline Text

Bold
Bold text
Italic
Italic text
Bold Italic
Bold italic text

Block Text

Heading 1

Heading

Heading 2

Heading

Heading 3

Heading

Heading 4

Heading

Heading 5
Heading
Heading 6
Heading
Paragraph

Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. Diverse perspectives for design, development, and product unite so more people can be a part of the conversation. At Clarity, we elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.

Lede

Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. Diverse perspectives for design, development, and product unite so more people can be a part of the conversation. At Clarity, we elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.

Blockquote
Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. Diverse perspectives for design, development, and product unite so more people can be a part of the conversation. At Clarity, we elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.
Unordered List
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Ordered List
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet

Inverse Theme

Inline Text

Bold
Bold text
Bold Italic
Bold italic text

Block Text

Heading 1

Heading

Heading 2

Heading

Heading 3

Heading

Heading 4

Heading

Heading 5
Heading
Heading 6
Heading
Paragraph

Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. Diverse perspectives for design, development, and product unite so more people can be a part of the conversation. At Clarity, we elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.

Lede

Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. Diverse perspectives for design, development, and product unite so more people can be a part of the conversation. At Clarity, we elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.

Blockquote
Clarity is a design systems conference focused on how we work together. We provide tools and standards to scale across an increasing number of devices, platforms, and products. But real success comes when people align around a shared vision and language. Diverse perspectives for design, development, and product unite so more people can be a part of the conversation. At Clarity, we elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.
Unordered List
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Ordered List
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet

What’s a Rich Text element?

What’s a Rich Text element?

What’s a Rich Text element?

What’s a Rich Text element?

What’s a Rich Text element?
What’s a Rich Text element?

The rich text element.

Components

Default Theme

Buttons

Forms

Label & Input
Label & Textarea
Submit Button

Status Messages

Success
This is a success message!
Error
This is an error message!

Image

Inverse Theme

Buttons

Forms

Label & Input
Label & Textarea
Submit Button

Status Messages

Success Message
This is a success message!
Error Message
This is an error message!
Image