Fonts, colours and shape
The KuikPage settings panel styles every page at once. Blocks inherit it and can override their own tone.
Switch the inspector to KuikPage. A row of theme swatches at the top restyles the whole page in one click; the sets below fine-tune it.
Fonts
Title and Text pick from six system stacks and about a hundred self-hosted open-licence webfonts, served from kuik.page so visitors never load fonts from a third party. Browse pairings opens fifty curated combinations sorted by mood: Serif, Sans, Display, Script. The default, Brand font, inherits the fonts saved in your Brand Kit.
Colour
- Background: solid, gradient (up to six stops you can drag) or image. Images take saturation, brightness, a tint colour with strength, and opacity over the base colour.
- Accent: the colour of buttons, links and highlights.
- Text: Auto picks light text on a dark background and dark text on a light one. Turn it off to set your own colour; a warning appears when contrast drops under 4.5 to 1.
- Block tone: Auto, Light, Dark or Accent for cards and panels. Text always reads against the block.
There is no separate light or dark mode: the page derives it from the background you chose. In a multi-page KuikPage, the Page scope can override the text colour for one page.
Shape
Four sliders: Block corners, Button corners (fully round at 100%), Shadow (how far cards lift off the background) and Spacing between blocks.
Brand Kit
When the workspace has a Brand Kit (PRO), new pages start from its fonts, and its colours appear first in every colour picker.