The design your coding agent is missing. Every theme's design system and sections, so your agent builds from them instead of guessing.

• brand

• brand dark

• background

• muted

• muted text

• text

Landing page for a real estate agency in Westend: hero, features, pricing, FAQ.

• Hero.astro Default

  ---
  import Wrapper from "@/components/lexington/westend/Wrapper.astro";
  ---
  
  <section>
    <Wrapper variant="standard" class="py-12">
      <h1 class="text-6xl tracking-tighter lg:text-8xl">
        Discover premier nordic luxury homes.
      </h1>
    </Wrapper>
  </section>

• Hero.tsx Also as React

  export default function Hero() {
    return (
      <section>
        <div className="mx-auto px-8 py-12 lg:px-24">
          <h1 className="text-6xl tracking-tighter lg:text-8xl">
            Discover premier nordic luxury homes.
          </h1>
        </div>
      </section>
    );
  }

• hero.html Also as HTML

  <section>
    <div class="mx-auto px-8 py-12 lg:px-24">
      <h1 class="text-6xl tracking-tighter lg:text-8xl">
        Discover premier nordic luxury homes.
      </h1>
    </div>
  </section>

Also a shadcn registry, no agent needed: npx shadcn add @lexington/westend-landing-hero