Your website's colors, fonts, and layout work together to give visitors a consistent sense of your business. Ask Dru to help shape that look, from a new color palette to a different section arrangement, or use the available design controls for specific adjustments. Here's how to make those changes and review them across your pages.
Ask Dru to change colors and fonts
A site-wide color or font change can affect several pages. A request made with one section selected can target that section. Tell Dru explicitly if you want the entire site changed, and check any response about shared styles.
Dru can change site colors, fonts, button styling, and a light or dark look. For example: “Use a light background and dark text across the whole site, and keep our accent color.” Review all pages and shared elements afterward. Font requests must use the available font list.
Change the site's colors and fonts
Open Design at the top center of the editor, or select the Design board to the left of your pages on the canvas. Then choose the color or font setting you want to change.
Open Colors to edit Background and Accent under Your colors. Under Other colors, you can adjust Text, Soft text, Panels, Contrast, and Lines. Try new colors changes the palette. To try a combined palette and font variation, use Shuffle; Shuffle again offers another variation. Review both colors and typography after shuffling. Open a swatch to choose an available color or a custom value. Preview the result across headings, buttons, backgrounds, and borders. Use Done to keep a panel change or Cancel to leave it; use a reset option when you want to return the relevant settings to their default.
For fonts, choose from the available font options and inspect headings and body text across your pages. Dru cannot add a font that is outside the available font list.
Change corners, layout, or alignment with Dru
Select the section or page and describe the desired result. Examples:
“Give this section square corners.”
“Put the image on the right and the text on the left.”
“Center this heading and button.”
“Make this section darker while keeping the rest of the site unchanged.”
Use Dru for structural layout and corner changes in the new editor. Describe the placement, alignment, and shape you want, then review the result in the canvas.
Rebuild from a website or image reference
Ask Dru to rebuild the site using another website or a picture as a visual reference. Provide the website link or attach the picture, explain which layout and styling you want, and identify the content or branding that should stay.
For example: “Use this reference site's spacious layout and large headings as the direction for a site-wide redesign. Keep our business name, contact information, and service descriptions.” Review every page after a broad rebuild. Treat the reference as a design direction rather than a guarantee of an exact copy, and use only content and imagery you have permission to use.
Review a redesign
Check the selected section and nearby sections after Dru finishes. Review desktop and mobile preview for wrapping, image crops, spacing, and contrast. A supplied reference image can help explain the visual direction, but review the generated result rather than assuming an exact copy.
Changes save as you go. Use History (the clock-and-arrow icon in the upper right, beside Site settings) for an available manual reversal. Open the entry and follow its limits: some manual Design changes can only be undone in the original tab using Undo, Ctrl+Z, or ⌘Z before reloading. Undo on a Dru result is a separate route for that Dru change. Publish when you are ready. Follow Review changes and undo with History to choose the right undo route for a manual edit or a change made by Dru.