keepp.
← All guides

Style Your Page

Set your page's brand color, background, roundedness, and font pairing, then override background and text color on any individual block.

Part of: Getting started

Prefer to read? The full guide is below. Every video in the series is on the video tutorials page.

Your page has one theme, and it applies everywhere by default. Open Theme in the editor to set it: every change applies immediately, and the live preview updates as you go.

Brand color

Brand color sets the primary color used for buttons and accents across your page. Pick one of the sixteen named swatches, type your own hex value, or leave it on Auto and Keepp derives a sensible default. Once a color is set, Clear puts it back to auto.

Background

Choose one of four background types:

  • None: no background, the plain default.
  • Color: a single flat color.
  • Gradient: two color stops (From and To) blended at an angle you set. The angle defaults to 180, which runs the blend from top to bottom.
  • Image: upload a photo. Use a tall, mobile-friendly (portrait) image. It stays fixed in place while the page scrolls. Background images are a Pro feature.

Image veil and focal position

A photo background brings two more controls with it:

  • Image veil: None, Light, or Strong. The veil sits between your photo and your text. Leave it on None and the editor warns you that page text may be hard to read over the image; Light or Strong tint the photo so your words stay legible.
  • Focal position: a three-by-three grid choosing which part of the photo stays in view, from left top through center center (the default) to right bottom. Reach for it when the subject of your photo sits off to one side and the default crop cuts it off.

Text color

A single Text color applies across the page, with the same auto option as brand color. Leave it unset and Keepp picks a readable default against your background.

Roundedness

Three options, Flat, Soft (the default), or Round, control the corner radius on cards, buttons, and images throughout the page. This is a page-wide setting; there’s no separate roundedness per block.

Font pairing

Below roundedness is the font pairing control. That’s covered in full in choose a font pairing: in short, it’s a page-level choice between Default (your page’s current look, exactly as it renders today) and one of seven curated pairings.

Per-block overrides: background and text only

Individual blocks (cards, links, headers, text, and more) carry their own background and text color fields in that block’s own settings. This is the one place styling isn’t page-wide: a block with its own colors keeps them even after you change the page theme.

Font is deliberately left out of this. A block can have its own colors, but not its own typeface: font pairing stays a whole-page decision, so your page never ends up with three different faces fighting each other.

If you’ve set colors on several blocks and want to start over, the Theme sheet shows how many blocks currently have overrides and gives you a Reset all to theme button to clear them all at once.

What’s not there

There’s no custom CSS, no per-block roundedness, and no per-block font. The complete set of page-wide style controls is brand color; background: a flat color, a gradient’s two stops and angle, or an image with its veil and focal position; text color; roundedness; and font pairing. Add per-block background and text color overrides to that, and you have all of it.