H / T

Getting Started

Welcome! We're still in the process of building out our components and templates, and we're about 90% of the way there but we want to make sure everything looks just right before releasing.

Global styles

Below you'll find our global style variables which will be used in various components. The point is to provide a number of baseline colors, font-sizes, and break-points. Make sure to include them first and foremost in order to get started.


We don't include fonts because they can vary significantly from one site to another, and we don't want to interfere with your brand's existing font choices.

If you're just going for speed/performance, we recommend using the system font stack.

CSS Reset

For similar reasons, we don't include a CSS reset since chances are you already have one. If you don't already have one, we recommend the modern CSS reset.

(A CSS reset is a set of styles that aims to normalize the default styles applied by different browsers to HTML elements.)

Step 1

Add these global styles to your app. Even if you don't use all of the components, you'll likely want to get started by adding these styles on top of your reset.

Next, check out the Layout component.