How can I adjust the shape and style of buttons?

Buttons are the most important interaction elements of your website. Their design should be eye-catching and inviting.

Navigate to the Style icon (top right) and select 'Buttons'. Here you define the default style for all buttons:

• Border Radius: Set whether the buttons should be square, slightly rounded, or pill-shaped.
• Fill & Text: Choose contrasting colors so the button catches the eye immediately.

A consistent button design helps the user understand where an action is possible. The AI Web Studio ensures that the 'hover effect' (the color change when hovering with the mouse) is automatically created to match your palette.