Customize your design

Design mode lets you adjust the visual foundation of a website without rewriting content. Use it for quick brand changes, seasonal color updates or a cleaner look across existing pages.

Open design mode

Open your website in the editor and choose Design in the left sidebar. The panel appears next to the live preview. Changes are shown immediately, but they are not written to the website until you click Apply.

Colors

Pick a color duo or fine-tune the primary and accent colors manually. Advanced controls let you adjust individual shades when a site uses lighter or darker variants in buttons, backgrounds, badges or gradients.

When you change a base color, Wepp updates the matching color scale so related elements keep a consistent visual rhythm instead of becoming a mix of unrelated colors.

Fonts

Choose a font preset or search the larger font catalog. The preview loads the selected font live, and applying the change stores it with the website so headings and body text follow the new style.

Corners

Use the corner presets to make the interface feel sharper, softer or rounder. This affects cards, buttons and fully rounded pill elements where the website uses the design system.

Older pages

Some older websites were created before design mode existed. If Wepp can safely upgrade one of those pages, the editor shows a modernization prompt. The upgrade keeps content and page structure intact, adds the theme foundation, and then unlocks the regular design controls.

Save or reset

Click Apply to save the design. The change is versioned like every other editor action, so you can revert it from the version history. Use Reset to discard unsaved design changes and return to the current saved look.