Typeface

Legible type is fundamental to any usable interface. Not only must it be accessible to users, it must effectively reflect the brand's voice.

Our typeface is Circular, created by Swiss designer Laurenz Brunner and released through Lineto in 2013. While its sans-serif design is largely geometric, it features quirks that give it a warm and humanist feel.

<aside> 🔗 Circular is automatically available to all Driveway Figma team members. If access outside of Figma is necessary, the typeface may be downloaded here.

</aside>

Type Scale

Weights and Styles

Features

Display Text

Headings and headlines are integral to achieving clear hierarchy, impactful messaging, and successful wayfinding.

Sequoia display type styles organized by viewport width.

Headings play an important role in our content hierarchy and are central in achieving clear visual affordance. They also have accessibility and SEO value, lending search engines a clue as to our content architecture.

Overline text is meant to support or contextualize a larger heading. It's usually presented as a small, uppercase label or heading. Often referred to as "eyebrow" text, it shouldn't ‌be deployed as a stand-alone heading or window title.

Hero text is used primarily for marketing messaging and isn't optimized for UI contexts due to its large scale.

Examples of headings and overline styles

Our homepage leads with a H1 heading, which is styled as hero text

Semantics and Design

Visual hierarchy does not always align with content hierarchy. This is common in marketing contexts and requires balancing expressive design with accessibility, clarity, and SEO.

The type scale, from Display XXL to Display XS, is a visual system rather than a semantic one. These styles define appearance, not document structure. A given style can map to different HTML elements depending on context.

Figma components include default type styles to illustrate intent, but they are not prescriptive. Designers should evaluate each use case and adjust type, hierarchy, capitalization, and punctuation to support both the visual design and the underlying content structure.