Single source of truth for the colors, spacing, typography and components used across Malm's static templates. All sizes are rem-based; no px values are mixed in. Both light and dark palettes follow the user's OS preference, with a manual override above.
Same semantic token names in both palettes. Chips below show the literal hex value for each mode regardless of the active theme.
Scale used for padding, margin and layout gaps.
Border radii and the single hairline border width used everywhere.
Two stacks - body sans-serif and a monospace for code, paths and tabular values.
Sizes scale with root font-size.
Inputs, checkbox and full-width primary button as used on the login template.
Reused building blocks across the templates.
Button
Return HomeCard
Info row
Sitetemplates-showcase
Userjane.doe
Path/admin/secret
Code block