Replace default fonts and colors for AI sites

Stop your AI-built websites from looking cheap and generic by swapping out the default fonts and background colors with these specific alternatives.

🤖 Works with: Any

The Prompt

Copy and paste — replace anything in [brackets].

Two hard rules for this build: 1. Do not use Inter, Roboto, Arial, or any system font. Use "Fraunces" for headings and "Source Sans 3" for body, both from Google Fonts. 2. Never use pure white (#FFFFFF) as the page background. Use a warm off-white: #FAFAF8. Also: no purple, no gradients. One accent colour only, a warm ochre #B0731F, used sparingly.

What it’s good for

This prompt provides strict design rules to apply before building a website with AI, ensuring it avoids common default choices that make sites look generic and cheap.

How to use it

1. Copy the prompt text and paste it into your AI tool before describing the website you want to build.
2. Follow the rules for fonts and colors as the AI generates the site structure or code.
3. Apply the specified fonts (Fraunces and Source Sans 3) and colors (#FAFAF8 background, #B0731F accent) in your final implementation.

Curated from the community via Reddit.