Typography presets
Change fonts through semantic roles instead of copying the theme’s component selectors.
Appearance
Typography presets, colors, and style overrides.
Categories:
OINK’s appearance customization rests on semantic CSS custom properties: a site overrides a small number of variables to reskin, without copying the theme’s component selectors.
In this chapter
- Typography presets: seven semantic font roles and two presets
- Styling: colors, layout, and Sass variables
- Advanced customization: template overrides and site-owned components
Precedence
Lowest to highest:
- theme defaults
- presets (
typography.preset) - Sass variables in
_variables_project.scss - custom-property overrides in
_styles_project.scss
Site settings always take precedence over preset defaults.
Look and feel
Customize themes, typography, code styles, and page layouts.
Advanced customization
Customize typography and scoped visual styles through Docsy-compatible Sass inputs and OINK semantic tokens.