48 Laws of Web Design
48 blunt landing-page rules for startups, with thresholds you can actually check
Tier B · UsefulChecklistArticleReferencex.com
A numbered checklist of startup web-design rules written by a working designer, stated as constraints rather than principles: headline under 15 words, one CTA per viewport, social proof above the fold, at most two fonts per page, 5-6 nav items maximum, one question answered per section, exactly three steps in the how-it-works block, logo around 40px. It is opinionated about tradeoffs too — pricing must be visible, mobile is the primary view for roughly 62% of traffic, load time can outweigh visual polish, product screenshots outrank illustrations, testimonials with faces outrank text-only, and mixed outlined-and-filled icon styles read as amateur. Useful as a pre-launch pass over a marketing site.
For an agent
Run this as a review pass after you generate a marketing page, not as a generator — most of its rules are countable (word count, CTA count, font count, nav items, steps) so you can self-check a page against them mechanically before handing it back. Treat the aesthetic claims (dark backgrounds read premium, gradients are back) as dated-on-arrival taste, and ignore its silence on accessibility: several rules, notably the contrast-at-all-costs CTA advice, need a real contrast check on top. Do not cite the 62% mobile figure as sourced.
Why it is here. Landing-page advice usually arrives as vibes; this one arrives as thresholds, which is the form an agent can actually enforce.
Facts
- License
- Unknown
- Pricing
- Free, Free but account required
- Framework
- Not applicable
- Styling
- Not applicable
- Distribution
- Article, thread, or post
- Platform
- Web, Social / marketing creative
- Content type
- Prose / writing
- Agent readiness
- Blocks bots
- Accessibility
- Known accessibility gaps
- Maturity
- Stable
Helps you build
4Notable for
- countable, checkable rules
- one CTA per viewport
- three-step how-it-works
- 5-6 nav items maximum
- screenshots over illustrations
Provenance
Verified 2026-08-15. not fetched by policy — x.com content supplied pre-enriched; classification derived from the supplied full article text
Also in Essays, Guides & Courses
6- Codrops · Creative front-end tutorials, demos, and a 2,000-site showcase, running since 2009
- Refactoring UI · 218-page design book for developers: 50 chapters of concrete UI tactics, plus assets
- Stripe Press · Stripe's book imprint: 19 titles on technology, science and progress
- a11yphant · Free interactive coding challenges that teach web accessibility basics
- AI-Native Designer · Defines AI-native vs AI-augmented design work and the five workflow shifts between them
- Building Glass for the Web · How Aave built a cross-browser refractive glass effect with feDisplacementMap