Design Analysis
What stands out in Supports websites
--- version: "alpha" name: "Blue Utility Manual" description: "A crisp utility-product system with snow-white space, blue action bars, faint strokes, and screenshot-heavy proof." colors: primary: " 171717" secondary: " F... --- version: "alpha" name: "Speckled...
--- version: "alpha" name: "Blue Utility Manual" description: "A crisp utility-product system with snow-white space, blue action bars, faint strokes, and screenshot-heavy proof." colors: primary: " 171717" secondary: " F...
- Treat the system like a clean utility manual: direct, efficient, and screenshot-led.
- Use blue actions to point the way without over-branding the shell.
Open example--- version: "alpha" name: "Speckled Sales Orbit" description: "A sales AI marketing system with oatmeal neutrals, giant black grotesk headlines, grainy lilac-and-coral aura bands, white conversion rails, and black line...
- Build the first fold as a clean conversion stage, then let the aura and illustration introduce energy below it.
- Keep the tone sales-forward and legible rather than dreamy.
Open example--- version: "alpha" name: "Social Arc Air" description: "An airy ecosystem marketing system with mint action pills, faint rainbow arc linework, charcoal headlines, and very soft knowledge-card surfaces." colors: primary...
- Build the page as an airy white ecosystem space with only one strong fill color: mint.
- Let faint background linework and soft cards provide just enough personality without compromising clarity.
Open example