Stylesheets

Your own CSS, kept with the design system rather than scattered across blocks.

Global stylesheets are for the CSS you would rather write by hand, kept with the rest of your design system instead of dropped into a code block on a single page. A stylesheet you define here is available across the site.

It is the place for rules that do not belong to one block: resets, utility styles, and the occasional thing the visual controls do not cover.

Global classes

Named sets of styles you apply to blocks and reuse, like a button or a card.

Design tokens

Import tokens from Penpot or Figma and keep editing them as globals, not code.