Why AI-built marketing sites look generated (and how to fix it)
Coding agents ship layouts fast, but the result reads as template soup. Here is what actually makes a marketing site look designed — and how Initium encodes it.
· Initium Team · 1 min read
Every dev who has asked a coding agent for a landing page knows the result: technically fine, visually forgettable. The spacing is uneven, the headline is generic, and every section looks like it came from a different site.
The three tells of a generated site
- No rhythm. Sections stack without alternation — no zigzag, no breathing room budget.
- Copy sized wrong for the layout. Headlines overflow their blocks or leave awkward gaps.
- Invented proof. Fake testimonials and made-up metrics that erode trust on sight.
What "designed" actually means
A designed page follows a system: one style preset, a headline budget per block, and sections chosen for the story they tell in sequence — not for how impressive each looks alone.
npx shadcn@latest add @initium/hero-section-1Initium ships that system as blocks, style presets, and agent skills — so the agent assembling your page follows the same rules a designer would.
Build a site that looks designed
Initium gives your coding agent the blocks, style presets, and skills behind everything on this blog.
Try for freeMore from the blog
Style presets vs hand-tuned CSS in shadcn projects
What a shadcn style preset carries, what hand-editing globals.css costs you over time, and how to decide which one your marketing site should run on.
7 min read
Headline budgets and section rhythm, explained
Two rules that decide whether a landing page reads as designed: sizing copy to the block it lives in, and giving the page a spacing and layout rhythm.
6 min read
Anatomy of a hero section that converts
What each slot in a hero section does, how much copy it can hold, and the implementation details that decide whether it loads and reads correctly.
7 min read