Skip to main content

Chapter 12: Styling and Layout

TL;DR​

  • A2UI uses structured layout primitives (row, column, card, stack).
  • Styles are theme‑aware and controlled by the host.
  • Packs define layout intent, not raw CSS.

Worka v2 uses A2UI, which emphasizes layout intent rather than raw CSS. This keeps UIs consistent, safe, and portable across desktop and mobile.

Layout primitives​

Use structured containers like rows, columns, cards, and stacks. The host handles spacing, sizing, and responsive behaviors.

Theming​

The host applies a global theme (light/dark, typography, spacing). Packs should avoid hard‑coded colors and instead use semantic style tokens where available.

Why this matters​

By avoiding arbitrary CSS and runtime JS, Worka can render UI safely while keeping visuals consistent across all packs.