conductor.build

Conductor's landing page opens on a photographic blue sky — cumulus clouds half-dissolved into a halftone dot grid — with a pixel-bitmap "CONDUCTOR" wordmark, a plain white system-sans headline ("Run a team of coding agents from your iPhone."), a white pill-cornered CTA and a single italic customer quote, before a life-size app screenshot slides up over the horizon. Below the sky the page snaps to a near-white ground (#fbfbfb) and becomes a quiet Mac-app brochure: 36px/600 tight-tracked (-0.9px) section heads, 14px/24px body, and bordered 12px-radius cards that hold real product UI — sidebars, PR diff panels with green/red change counts, an agent roster of avatars with green presence dots and monospace "booting Firecracker microVM … sandbox ready" boot logs. The only chromatic idea is the sky blue (#55b9f5 / #2d92ec); everything else is gray, white and the near-black #2c2826 "Download" button, which lets tiny semantic greens and reds inside the screenshots do the talking. It reads like a dev tool that has made peace with being pleasant: technical content, an optimistic, almost Apple-keynote calm.

Build on a near-white ground (#fbfbfb) with pure-white cards, 1px #e5e7eb hairline borders and 12px radii; no drop shadows on content cards. Type is the system sans stack (ui-sans-serif, system-ui): section heads 36px/40px weight 600 letter-spacing -0.9px, body 14px/24px weight 400 in #4b5563, labels 12px in #6b7280; render one brand word in a pixel/bitmap face and nothing else. Reserve a single sky-blue family for the hero and hero-adjacent moments only — #55b9f5 primary, #2d92ec deep, #9ad3f6 and #d3edf8 as tints — and keep the rest of the page achromatic. Primary buttons are near-black #2c2826 on white text, 32px tall, 6px radius, 14px/500, 12px padding, no border; secondary buttons are white with a hairline border and a trailing arrow icon aligned to the right edge. Use radii by role: 9999px for pills, avatars and status dots; 6px buttons; 8px inputs; 12px cards. Show the product as real UI inside cards — full-bleed screenshots, macOS traffic lights, green (#22c55e) and red (#ef4444) only as semantic data colors (diff counts, presence dots, success lines), never decorative. Where a photographic or gradient hero is used, dissolve its edges into a halftone dot grid so texture, not color, carries the mood. Monospace (13px, #374151) for logs and timings, with numbers right-aligned in tabular figures. Keep the tone calm and declarative: one short headline, one CTA, one testimonial line, generous 120–160px vertical rhythm between sections.