# Design rules for lumora.example

These come from the homepage audit. Read them before every change so Lumora doesn't drift back into looking like a template.

- Every headline says what Lumora does, who it's for and what they get, in under 12 words. Never "power", "AI", "revolutionize" or "next level".
- One filled button per screen, in a solid color with no colored shadow. The secondary action is an underlined text link.
- Show the product with real screenshots, large and without a fake browser frame. Never use emoji as icons.
- Don't add stats, customer logos or testimonials that aren't real. A testimonial needs a full name, company, real photo and one sentence about a concrete result. No stars.
- Colors come only from --text (near-black) and --accent (one solid color that isn't purple, indigo or pink), on a white background. The accent goes on the main button and links, nowhere else.
- No linear-gradient or radial-gradient anywhere: not on text, buttons or backgrounds.
- Headings use Satoshi or General Sans, self-hosted, weight 600 with tight tracking, left-aligned with the text column. Body copy stays in Inter.
- No filler sections like "Why choose Lumora?" with ✅ lists. If a section repeats what another already says, cut it.
- No href="#" links. If the page doesn't exist yet, neither does the link. The footer stays one row: name, email, Privacy, Terms and ©.
- Every new page ships with a meta description, og:title, og:description and a 1200×630 og:image.