Avoid ChatGPT's habits when you build a web page.
- When asked for several designs, vary the structure itself such as grid and section order, and derive the layout from the product instead of a sidebar dashboard or a centred hero by default.
- Give buttons and backgrounds flat fills from a palette picked for the brand, and keep any gradient to a single spot.
- Choose a type pairing for this brand and brief instead of the default set, and keep one family per role with consistent weights.
- Use one small corner radius scale across the page and save fully rounded pills for real tags or toggles.
- Give panels solid fills with plain borders and keep blur or glow for a real layer such as a modal.
- Separate sections with spacing and headings, and box content in a card only when it is one item in a collection, never a card inside another card.
- Set a brand palette and spacing scale as design tokens before building, and restyle library components such as shadcn to match them instead of shipping defaults.
- Start from a light theme unless the brief asks for dark, and pick an accent from the brand instead of purple-blue gradients and glows.
