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

Components

Default Theme

Label & Input

Label & Textarea

Submit Button

Success Message

This is a success message!

Error Message

This is an error message!

Image

Inverse Theme

Label & Input

Label & Textarea

Submit Button

Success Message

This is a success message!

Error Message

This is an error message!

Image