Skip to content
motthay

Getting Started

Getting Started

Section titled “Getting Started”

Follow these steps to start using 1thay design system in your project.

Installation

Section titled “Installation”

The design tokens and component specs are available as a package:

Terminal window
npm install @motthay/1thay

Import tokens

Section titled “Import tokens”
@import '@motthay/1thay/tokens/colors.css';
@import '@motthay/1thay/tokens/typography.css';
@import '@motthay/1thay/tokens/spacing.css';

Use components

Section titled “Use components”

Components follow a consistent API pattern:

<button class="btn btn--primary btn--md">Get started</button>

Quick setup checklist

Section titled “Quick setup checklist”
  1. Import color tokens for light and dark themes
  2. Set up your typography scale with the provided font stacks
  3. Apply the spacing scale to your layout grid
  4. Start using components from the library