Prepared Front-End Docs

Design system foundations, UI components, and engineering guides for Prepared frontend work.

Quick start

Getting started

Install ui-core, wire up global styles, and enable theming in your app.

Building a component

Patterns for structuring React components and UI in our apps.

Storybook

Author and organize Storybook stories for ui-core and app packages.

Development

Testing

Principles and workflows for unit, integration, and E2E tests.

Working on features

How we plan, build, and ship features across the monorepo.

Working with data

GraphQL colocation, caching, and data-fetching conventions.

Foundations

Colors

Semantic intents, Radix scales, and how to use color tokens.

Typography

Text types, sizing variables, and readable hierarchy.

Icons

SVGAsset catalog and guidance for consistent icon usage.

Design system

Components

Interactive primitives and patterns built on Radix and ui-core.

Blocks

Composable layouts and page-level building blocks.

On this page