# conductor.build

Source: https://www.conductor.build/
Captured: 2026-09-13
Tags: saas, landing, light, both, minimal, playful, optimistic, technical, calm, friendly, confident
Colors: #fbfbfb, #55b9f5, #2d92ec, #d3d5d3, #9ad3f6, #d3edf8, #b8b9b6, #4595bf
Type (h1): ui-sans-serif · 36px/40px · 600 · tracking -0.9px — "Run a team of coding agents in the cloud."
Type (h2): ui-sans-serif · 24px/32px · 600 · tracking -0.6px — "Ludwig has entered the chat. Clara Schumann 10:01 PM local time Wolfgang Amadeus"
Type (h3): ui-sans-serif · 16px/24px · 600 — "Share your loadouts"
Type (body): ui-sans-serif · 14px/24px · 400 — "“feels like going from typing with two fingers to having eight arms”"
Type (small): ui-sans-serif · 12px/20px · 400 — "Frank, Product Designer, Thinking Machines"
Type (button): ui-sans-serif · 14px/20px · 500 — "Download"
Button (primary): "Download" — fill #2c2826, text #ffffff, radius 6px, border 0px, padding 12px 12px, height 32px, type 14px/500
Radii: 9999px (21), 6px (9), 8px (6), 12px (5), 3px (4)

## Images

- Hero (desktop): https://media.lvly.design/library/conductor-build/hero.webp?v=0e382615
- Page crop (mid-1): https://media.lvly.design/library/conductor-build/mid-1.webp?v=1eb0931d
- Page crop (mid-2): https://media.lvly.design/library/conductor-build/mid-2.webp?v=0f1327ff
- Hero (mobile): https://media.lvly.design/library/conductor-build/mobile-hero.webp?v=91d77d67
- Full page (desktop): https://media.lvly.design/library/conductor-build/full.jpg?v=d376322e
- Full page (mobile): https://media.lvly.design/library/conductor-build/mobile-full.jpg?v=360f4371
- Clip preview (mp4): https://media.lvly.design/library/conductor-build/video-xadnei.preview.mp4?v=5e58861a

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.

## Steal-worthy details

- The hero is a sky photograph with a halftone dot-matrix dissolve along the cloud edges — a single textural gimmick that makes an otherwise stock "cloud" metaphor feel designed rather than borrowed.
- Bitmap/pixel-grid wordmark ("CONDUCTOR") and a matching pixel-grid favicon on top of an otherwise smooth system-sans page: one deliberately lo-fi element as the brand signature.
- The 32px "Download" nav button is the only near-black solid on the page (#2c2826, 6px radius, 500 weight), so the single conversion path is unmistakable without a color accent.
- The white hero CTA is a 200px+ wide pill-ish button with the label left and an arrow flush right — a "row" button rather than a centered one, which reads like a list item you can press.
- Testimonial as a single italic line plus a 20px avatar and a one-line credential directly under the CTA — social proof at the point of decision, no carousel.
- Product screenshots are shown edge-to-edge inside 1px-bordered, 12px-radius cards on the page ground, not floating with drop shadows; the app's own macOS traffic lights supply the "window" cue.
- Agent roster: avatars with a green online dot and a tiny dot-matrix "thinking" glyph beside each name — presence and activity encoded in two 8px marks.
- Monospace boot log ("› booting Firecracker microVM … ✓ sandbox ready" in green) with a right-aligned `3150ms` timing — speed claimed by showing, not stating.
- Radii are stratified by role: 9999px for pills/avatars/dots, 6px for buttons, 8px for inputs, 12px for cards.

## Style recipe

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.