Halopen output
“"Build a pricing page for a Mac developer tool. Three pricing cards in a horizontal row on desktop, stacked vertically on mobile. Card layout: small SF Mono uppercase eyebrow tag at the top in magenta ('FREE' / 'PRO' / 'LIFETIME'), then a serif headline of the plan name, then the price (large serif, '$0', '$15', '$499') with a small 'a month' or 'one-time' caption below in graphite, then a horizontal divider, then a bulleted feature list (no checkmark icons — use small magenta bullets in SF Mono), then a primary CTA button at the bottom. The middle card (Pro) gets a subtle gradient haze in the background and a 'Most Popular' tag floating above the eyebrow. Cards have a 1px ink-200 border, 16px corner radius, generous internal padding (32 pixels). Use TailwindCSS and shadcn/ui Button. Source Serif 4 for serif text, Inter for everything else. Cream paper background; no white anywhere on the page."”
- · 220-word UI brief dictated in a single ~75-second hold
- · Layout, typography, color, and component-level details all preserved verbatim
- · Negative constraints ("no checkmark icons", "no white anywhere") preserved exactly
- · Voice version: ~75 seconds; typed version would have been 5-7 minutes