Preview image. Unlock full-res
Light centered hero with a mixed solid-and-dotted headline over a fanned row of five dark AI-agent cards.
Summary
A light, centered AI hero whose headline mixes solid type with a dotted-pixel second line, anchored by a fanned row of five dark product cards.
Visual description
Light grey background. A slim top nav holds the phidata wordmark, Docs / Pricing / Changelog links with a GitHub star count (17.8k), and "LOGIN" plus an orange "TRY DEMO" button. The centered headline reads "How engineers build" in solid black, with the second line "AI Agents" rendered as dotted/LED pixel lettering for contrast. A single muted subline ("An open-source platform to build, ship and monitor agentic systems.") sits below, then two plus-prefixed pill buttons: a light "BUILD YOUR AGENT" and a filled orange "TRY DEMO". Across the bottom, five dark rounded cards fan out slightly overlapping, each with a small orange icon tile and a label (Legal Agent, Financial Analyst, the dimmed "Your Agent", Construction Analyst, Marketing Agent) over a faint circuit texture, with tiny LLM-picker controls peeking at their lower edges.
Key takeaway
Rendering one word of the headline in dotted-pixel type to signal the AI/agent theme without an illustration, and the fanned overlapping card row that previews several use cases while keeping "Your Agent" as a blank slot the visitor fills in.
Reuse notes
Fits an AI agent or developer platform that wants a light, technical look instead of the default dark. The dotted-type trick needs the rest of the page to stay restrained or it gets noisy. The card fan works best when each card maps to a concrete vertical or template.
