Appearance
Brand profile - colors, cards, text, and fonts
Your brand profile holds the visual choices that should stay consistent across your store: theme preset, colors, card treatment, text color, and fonts. Change a brand setting in the Store editor and the preview updates right away.
Quick answer
Open Store in the sidebar, click Store Settings, then open Theme in the editor panel. Pick a starting preset, then customize colors, cards, text, and fonts.
What lives in the brand profile
One brand profile per store. These are the controls you'll see:
| Control | What it sets |
|---|---|
| Theme preset | A starter visual style you can apply, then customize. |
| Primary color | The main accent color used across your store. |
| Background color | The page background color. |
| Card style | Whether cards are transparent, automatically tinted, or custom colored. |
| Card tint strength | How strong the automatic card tint is when card style is set to auto. |
| Text color | Auto, light, dark, or a custom text color. |
| Heading font | The font used for titles and section headers. |
| Body font | The font used for paragraphs and labels. |
Starting from a preset
The fastest way to get something good-looking is to start from a curated preset. Each preset gives you a coherent palette and font pairing.
- Open the brand editor.
- Browse the preset carousel.
- Apply a preset.
- Tweak from there.
A preset is a starting point — it overwrites your current brand choices, but everything else (your pages, your content) stays put. You can layer your own edits on top.
Applying a preset overwrites your current brand
If you've been hand-tuning your colors and fonts, applying a preset replaces them. Klixey doesn't merge presets with your existing choices.
Live preview
Your store and product pages render against the brand profile. As soon as you change a color, card style, or font, the preview alongside the editor updates. No "regenerate" step, no rebuild.
This means you can:
- Pick a color and immediately see it on the storefront preview.
- Swap a heading font and watch it affect store headings and product cards.
- Change card treatment and see whether product cards feel distinct enough from the page.
Colors
The visible color controls are Primary and Background. You can also set text color separately: auto, light, dark, or a custom color.
Don't worry about which color goes where. Open the brand editor, pick from the swatches, and watch the preview.
Cards and text
Cards can be transparent, automatically tinted from your background color, or set to a custom color. If you choose automatic tinting, you can pick a subtle, medium, or strong tint.
Text defaults to automatic contrast. Use light, dark, or custom text only when you need a deliberate override.
Typography
Two font choices:
- Heading font — used for page titles, section headers, and product names.
- Body font — used for paragraphs, labels, and most everything else.
You can pair the same font for both, or use a display font for headings and a clean sans for body — both work well.
Klixey hosts fonts for you. There's no external request to a font CDN at render time.
Two tabs
If you open the brand editor in two browser tabs, wait for Saved before switching between them. Klixey catches up to the latest saved brand version, but editing the same field in two places at once can still be confusing.
| Situation | What Klixey does |
|---|---|
| You make a change in tab A, save lands. | Status indicator shows Saved. |
| You make a change in tab B after A saved. | Tab B catches up to the latest saved brand version. |
| Two people edit the same field. | The latest saved value is the one visitors see. |
For the full story see Autosave.
Tips for a coherent brand
- Pick a preset and resist the urge to change everything. Curated presets are coherent by design.
- Limit yourself to 2–3 brand colors. More than that and your store starts feeling busy.
- Use card treatment sparingly. Transparent cards feel quiet; tinted or custom cards create stronger grouping.
- Keep text on auto unless you have a reason. Automatic contrast avoids most readability problems.
Related
- Storefront basics — name, slug, avatar, social links, publishing.
- Store editor — where your brand choices apply.
- Autosave — how saving (and two-tab safety) works.
- Roles & permissions — who can edit the brand profile.
- Glossary — brand profile, theme preset, avatar.