root = Card([header, meta, description, quals, salary, apply, share], "card", "column", "l")
header = CardHeader("Senior Product Designer", "Design Systems Team · Remote (US)")
meta = TagBlock(["Full-time", "Remote", "Design Systems"])
description = TextContent("We’re looking for a designer to own and evolve our design system — tokens, components, and documentation — so 20+ product teams can ship consistent, accessible experiences.")
quals = Card([qualsTitle, qualsList], "sunk", "column", "s")
qualsTitle = Heading("What we’re looking for", "h3")
qualsList = ListBlock([q1, q2, q3, q4])
q1 = ListItem("Design systems experience", "4+ years building or maintaining component libraries")
q2 = ListItem("Prototyping fluency", "Advanced Figma skills, including variables and component properties")
q3 = ListItem("Accessibility expertise", "Working knowledge of WCAG 2.2 and inclusive design patterns")
q4 = ListItem("Clear communication", "Experience documenting standards and partnering with engineers")
salary = Callout("info", "Salary range", "$130,000 – $165,000 base, plus equity, health coverage, and a $2,000 learning stipend")
apply = Card([applyTitle, form], "sunk", "column", "s")
applyTitle = Heading("Apply", "h3")
form = Form("apply-form", applyButtons, [nameField, emailField, resumeField])
applyButtons = Buttons([applySubmit])
applySubmit = Button("Apply now", null, "primary")
nameField = FormControl("Full name", nameInput)
nameInput = Input("name", "Jane Smith")
emailField = FormControl("Email", emailInput, "We’ll only use this to contact you about the role")
emailInput = Input("email", "jane@example.com", "email")
resumeField = FormControl("Resume or portfolio link", resumeInput, "Paste a public URL — PDF, site, or portfolio")
resumeInput = Input("resume", "https://example.com/resume.pdf", "url")
share = Card([shareTitle, shareButtons, shareNote], "sunk", "column", "s")
shareTitle = Heading("Share this posting", "h4")
shareButtons = Buttons([shareLinkedIn, shareCopy, shareEmail])
shareLinkedIn = Button("Share on LinkedIn")
shareCopy = Button("Copy link", null, "secondary")
shareEmail = Button("Email to a friend", null, "tertiary")
shareNote = TextContent("Know someone who’d be a great fit? Pass it along.", "small")