Brand kit

Drop the logo; the palette, the type and three fitted designs follow.

The logo

Every project has a brand kit. Drop, paste or pick a logo — SVG is best; PNG, JPG or WebP work too, up to 2 MB. Before it uploads, your browser reads it pixel by pixel and counts the colours. The most vivid becomes the accent (buttons, links, the sale price); the darkest becomes the ink (headings and text). Click any swatch to make it the accent, add a hex value by hand, or remove one.

Three fitted designs

From those colours EverStorefront builds three complete designs, each on a different base system and a different ground:

• Gallery — your accent on white; lets the products carry the page.
• Paper — a paper ground tinted from your accent's hue, serif headings.
• Night — a dark ground drawn from your ink, the accent lifted until it reads.

In each, colours are nudged until text and buttons pass contrast. You see all three on the store's own catalogue; one click applies. Nothing is locked — change anything afterwards in Design.

The logo ships inside the theme

It sits in the header as a file in the theme's assets, so the merchant sees their mark the moment they preview the draft. If they set a logo under Theme settings → Logo in Shopify, that one wins, and the field EverStorefront set can be cleared in the editor. For a dark design, upload a light version of the logo.