CTAsAction-oriented and straightforward (e.g., 'Get started').
Don't use bright, saturated gradients — screenshot shows a monochromatic dark theme with a single blue accent.
Don't use playful, rounded sans-serifs — screenshot uses a structured humanist sans-serif (Inter).
Don't use light mode interfaces — screenshot shows a dedicated dark mode design.
Don't use thin, low-contrast borders — screenshot uses subtle but visible 0.07 opacity white borders.
Don't use centered text for everything — screenshot uses left-aligned text for feature descriptions and center-aligned for hero sections.
Don't use complex, multi-colored badges — screenshot uses simple, muted uppercase labels with thin borders.
Avoid: Vague marketing jargon
Avoid: Overly complex sentences
Avoid: Passive voice
Avoid: Excessive exclamation points
11
System prompt
A modern developer tool landing page for Superlog, an AI-powered observability platform. The design is built on a deep, near-black dark mode (#141415) with high-contrast white text (#F5F5F6) and a single vibrant electric blue accent (#485AE2) for primary actions. Typography utilizes a clean humanist sans-serif for body and display text, paired with a geometric monospace font for terminal and code elements. The layout is spacious and centered, relying on generous vertical rhythm to separate sections. Key critical design constraints include avoiding light mode interfaces, rejecting playful or overly decorative typography, and maintaining high contrast between text and dark backgrounds. The aesthetic is refined, technical, and professional, emphasizing clarity and efficiency over visual flair, making it a perfect example of modern SaaS developer tooling design.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
