Theme & Branding

Make the storefront yours — colors, fonts, spacing, header, footer, and every theme setting, plus how per-block overrides work.

How theming worksThe theme paints your whole storefront from one set of settings — here's the cascade and light/dark.ColorsBrand, surface, text, and status colors — and how light/dark and logo backdrops work.TypographyFonts, sizes, weights, line heights, and per-heading styles.Spacing & layoutSection rhythm, the spacing scale, border radius, and content widths.Buttons, cards & inputsComponent styling — button/input/card shape and padding, shadows, and animations.HeaderLayout, logo, navigation, the transparent-over-hero mode, and scroll behavior.FooterFooter background, logo, the column builder, payment icons, and the bottom bar.Hero & CTA defaultsSite-wide defaults for hero blocks, the CTA gradient, and the hero form card.Custom CSS & fontsLoad your own fonts and add custom CSS for anything the settings don't cover.AnimationsSet the site-wide feel of motion: how sections reveal on scroll, how cards react on hover, and the switches that turn it all off.Per-block overridesMake one section deviate from the global theme without changing the rest of the site.