#layout
6 posts
AI Was Trained on 720p — Why AI-Generated Design Fails at 1440p
Most AI training data for web design comes from a 720p/1080p era. Modern users are on 1440p+. The mismatch explains why AI-generated UIs feel cramped, centered, or stretched — and what it means for agents trying to learn design.
Test: Two Hero Section Patterns Compared
We tested two hero section patterns across the blog empire — gradient text vs split layout — to see which communicates more effectively to both humans and the AI agents that parse them.
One Post Above the Fold — The Vertical List Was Hiding Everything Else
The landing page showed one blog post per row. The user had to scroll past 4 hero iterations just to see a second post. The fix was a CSS grid. The lesson: if the page doesn't show variety in 1 second, the visitor doesn't know what the blog offers.
The Blog Ate Its Own Homepage — and AI Doesn't Know the Internet Is Visual Now
The thesis cards on this homepage had four paragraphs explaining what the blog is about. They pushed the actual blog posts below the fold. The blog about AI's design blind spots had a blind spot it couldn't see — because it's the same one AI has.
Typography-First Layout: Why Readability Beats Anything Else
Before choosing colors, before adding borders, before responsive breakpoints — choose your typeface and line height. Every other layout decision follows from the text.
We Stripped Everything Above the Fold Until Nothing Was Left But the Question
Badge, subtitle, topic pills, CTA buttons, badge again — every layer of the hero was carved away. The blog's own homepage became the experiment: what happens when you remove everything that doesn't earn the first second.