> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wpos.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling and brand

> Keep sites on-brand with WPOS: pin your colors, type, and logo, and fix sizing with targeted CSS.

WPOS will style a site for you, but it does not invent your brand. For agency-grade
results you tell it your standards explicitly, and you keep control of the details
that matter most: color, type size, spacing, and the logo.

## Pin your brand explicitly

WPOS does not auto-apply a brand kit. Give it your exact specifications and it will
hold to them. The more precise you are, the less you repeat yourself.

```text theme={null}
Use these brand colors: primary #1D2327, accent #3858E9, text #4A4A4A.
Headings in Inter Tight, body in Inter. Use our real logo, not an icon plus text.
```

<Tip>
  Hand it hex codes, not color names. "Make it blue" drifts; "#3858E9" does not.
  The same goes for fonts and the actual logo file.
</Tip>

## Fix sizing with targeted CSS

A common surprise: WPOS tends to build text smaller than an agency would. The fix
is to tell it your target sizes in pixels, and apply them to specific elements
rather than blanketing the whole page.

When a theme or builder fights you on specificity, a targeted rule with
`!important` on a specific selector wins without affecting everything else:

```css theme={null}
#ewb-block-1 .cpl-topbar a {
  font-size: 1.25rem !important;
}
```

Then ask WPOS to do the same for the other elements you care about:

```text theme={null}
The text is too small. Set the top bar links, buttons, and eyebrow labels to the
sizes above, using targeted CSS on each element rather than a global override.
```

<Warning>
  Prefer targeted selectors over a site-wide font-size override. A global change
  has side effects you will spend longer undoing than the original fix.
</Warning>

## Work element by element

Brand and styling fixes are exactly where the click-first habit pays off. Click the
heading, the button, or the section in the live preview, then ask for the size,
color, or spacing change. WPOS knows precisely which element you mean. See
[The Command Center](/operate/command-center).

<Note>
  Once the homepage looks right, reuse it as the reference for every other page so
  the whole site stays consistent. See [Build a page](/operate/build-a-page).
</Note>