Hacktron Design System

Text, surface, stroke, icon, and brand color tokens.

Heading, body, label, and mono text styles.

Spacing scale and layout primitives.

Guidance for building a whole section of a page from several components, like Tables or Layout.

Ready-made pieces built from atoms, used inside a larger pattern rather than on their own.

The smallest building blocks, like buttons, inputs, and badges. Each works on its own, anywhere in a page.