UI Testproject — Style Profile

UI Testproject · Style Profile

Style Profile

Project colours, aligned 1:1 with the GeneratePress global-colors palette. Scan a logo to extract suggestions, then confirm your selection.

No project colors saved yet — showing agency defaults as a temporary placeholder. Scan a logo or pick colors below to set project-specific colors.
Logo Scan

PNG / JPG / WebP / GIF or SVG. The logo is saved to Brand as the project's primary logo (SVG sanitized + optimized); an SVG is rasterized to a throwaway image just to read its colours.

Background palette from brand

Derives subtle page / section / card backgrounds (light + dark) from your accent colour. Accent, link and text colours stay as they are — review in the preview below, then Save.

from

Pick an Accent colour first (scan a logo or apply a colour above) — the palette derives from it.

Color Preview
Live — updates while you edit; Save to apply to the project.
Light mode
Page
Section
Page title
Supporting text in secondary colour
Accent Link
Dark mode
Page
Section
Page title
Supporting text in secondary colour
Accent Link
Accent colours
GeneratePress global colors — leave empty for the agency default

Set an override only when this project needs a different value; otherwise the agency default (GP's palette) applies.

Colour
Light
Dark
Accent — CTA / buttons
--accent
agency default
Link — secondary actions
--global-color-8
agency default
Backgrounds
GeneratePress global colors — leave empty for the agency default

Set an override only when this project needs a different value; otherwise the agency default (GP's palette) applies.

Colour
Light
Dark
Base — page background
--base
agency default
Base 2 — section background
--base-2
agency default
Base 3 — card / surface
--base-3
agency default
Text colours
GeneratePress global colors — leave empty for the agency default

Set an override only when this project needs a different value; otherwise the agency default (GP's palette) applies.

Colour
Light
Dark
Contrast — primary text
--contrast
agency default
Contrast 2 — secondary text
--contrast-2
agency default
Contrast 3 — subtext / labels
--contrast-3
agency default
Cancel