Blog
Build sites that look designed
Guides and ideas on building marketing sites that look designed — shadcn blocks, style systems, and AI-assisted workflows.
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.
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.
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.
shadcn registries explained: installing blocks you own
What a shadcn registry actually is, what happens when you run npx shadcn add, how namespaces and private registries work, and why agents like them.
From zero to a full website with Initium: a walkthrough
Blank folder to deployed marketing site: shadcn init, the Initium registry, a style preset, strategy files, blocks, and the prompts that keep it designed.
How to structure a SaaS landing page, section by section
A section order for a SaaS landing page, the reasoning behind each position, and how to assemble the page from shadcn blocks without padding it.
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.
What are agent skills? Design rules your agent follows
Agent skills are folders of instructions your coding agent loads on demand. How the format works, when to use one instead of CLAUDE.md, and what goes in.