Hacktron Design System

UI patterns

Guidance on putting components together to solve common interface problems.

A UI pattern is a tested way to build a whole section of a page out of several components. Where atom components and fragment components are pieces you place, a pattern is the guidance for arranging them: which pieces go together, in what order, and how they behave.

Patterns keep the product consistent by settling recurring questions once, so the same kind of screen is built the same way every time.

A pattern is a blueprint, not a component you import. Follow it when you build a similar feature, and use the atoms and fragments it names rather than new ones of your own.