Falcon Fix UI

Button and card styles come from fix-* classes; layout uses Tailwind.

Blog →

Typography

Page heading (h1)

Lead text uses muted foreground for secondary emphasis below the title.

Section heading (h2)

Subsection heading (h3)

Small heading (h4)

Body copy at the base scale. Second paragraph stacks with consistent top spacing.

Inline fix-type-code matches prose code styling.

Large emphasized line for short callouts.

Small label text

Muted helper or meta description.

Prose blockquote with a primary border and muted text color.
  • Unordered list item one
  • Unordered list item two
  1. Ordered step one
  2. Ordered step two
Token Role
--text-h1 Page title
--text-m Body / prose

Buttons

Link button

Badges

Default Success Warning Danger Info

Form

Card

Design tokens

Colors and spacing live under src/styles/tokens/.

Component styles are defined only in _fix-button.css and _fix-card.css.