Login Sign up

Design system · v1.0

The design system behind every funky little square.

Tokens, components, and patterns from the Claude Design handoff — implemented for Django. Use these pages as reference when building features.

Styleguide

Colors, typography, buttons, inputs, alerts, badges, and layout patterns.

QRMark

The signature QR preview component — framed and bare variants.

Components

Buttons, form fields, cards, alerts, and navigation primitives.

Tokens

CSS custom properties (--qf-*) for theming.

Auth pages

Login, signup, and account management use the same design system.

Login Sign up Change password