We rebuilt Linear's homepage with an AI based website builder in under 5 minutes. Here's how close we got, what the AI nailed, and what it missed.
The target
Linear is the project management tool that engineering teams use when they're serious about shipping fast. The site is a case study in restraint: near-black background, sharp typography, a metrics row showing team scale, and a tight feature grid. The design communicates precision, which is on-brand for a tool that loads in under 100ms.
Key elements on the original homepage:
- Near-black background
- Large heading with short copy focused on momentum and speed
- Metrics row showing team count, App Store rating, and performance stats
- Three-column feature grid with icons and short descriptions
- Navigation with Sign in and Get started CTAs
- Minimal footer
There are no hero videos, no animated gradients, no scroll effects. Typography and whitespace carry the whole page.
The prompt
We gave this to Claude with no other context:
"Rebuild Linear.app's homepage. Key elements: dark navy background, large bold heading about project management for engineering teams, short subheading, metrics row showing team size and performance stats, three-column feature grid with icons, navigation with sign-in and start-for-free CTAs. Style: minimal, precise, developer-focused. Publish to HTMLPub."
Claude ran one pass using the HTMLPub MCP connector and published the result directly. No editing before the first publish.
Total time from prompt to live URL: 4 minutes, 22 seconds.
The result
Live page: pages.htmlpub.com/pixel-byte-creatives/3HQvkfaMO1
What it nailed:
The color palette came out well. The AI matched Linear's near-black background closely and used the characteristic indigo accent color for CTAs and highlights. That's the right call.
The structural layout matched: full-width navigation, centered hero section with a badge element, metrics row, three-column feature grid, CTA section, minimal footer. The AI reproduced the grid organization correctly without being told how many columns.
Typography hierarchy was correct. Large heading, smaller subheading, smaller feature copy. The sizing relationships between elements are proportionally close.
What it missed:
Linear's homepage centers on a product screenshot showing the actual app interface. The AI generated a feature grid instead. The grid is coherent but loses the "here's what this looks like in practice" moment that the real homepage anchors on.
Fine-grained spacing. Linear's design uses very deliberate whitespace. The AI's version has reasonable proportions but they aren't precise.
Gradient text highlights. Linear uses a gradient effect on select words in the heading. The AI used a solid accent color instead.
Animation. Not expected. AI-generated HTML is static by default unless you prompt for it specifically.
Time and cost
| Total time to live URL | 4 min, 22 sec |
| AI tool | Claude via HTMLPub MCP |
| Cost | $0 (HTMLPub free tier) |
| Revisions before first publish | 0 |
The original Linear homepage was built by a professional design team and refined over years. The AI version captured the structural intent and aesthetic direction well enough to be recognizable. It's not the same thing.
What this tells you about AI based website builders
An AI based website builder handles these things well:
- Layout structure (nav, hero, grid, footer)
- Color themes when you name or describe them
- Generating relevant placeholder content for each section
- Getting from nothing to something coherent in minutes
It's not yet replacing:
- Pixel-precise spacing and brand-exact proportions
- Actual product screenshots or custom brand assets
- Animation and interaction layers
- The accumulated design decisions in a professionally built brand site
The practical framing: an AI based website builder gets you 60-70% of the way there in five minutes. A designer or developer takes it the rest of the way. For prototyping, for testing layouts before committing to a full build, for internal tools and side projects, that's enough to be genuinely useful.
Build your own
The same prompt structure works for any site you want to rebuild or use as inspiration. Describe the target layout, color approach, key sections, and tone. Give Claude specifics about section order. Ask it to publish to HTMLPub.
How to use an AI web builder covers the full workflow if you're starting fresh. For the two-minute MCP connector setup that lets Claude publish directly, connect Claude to HTMLPub is the fastest starting point.