root = Card([header, intro, qualsSection, salarySection, applySection, shareSection], "card", "column", "l")
header = CardHeader("Senior Product Designer", "Design Systems Team · San Francisco · Full-time")
intro = TextContent("We’re looking for a senior product designer to craft intuitive, accessible experiences across our design system. You’ll partner with engineers, PMs, and other designers to ship high-quality work.", "default")
qualsSection = Card([qualsHeading, qualsList], "sunk", "column", "m")
qualsHeading = Heading("What we’re looking for", "h2")
qualsList = ListBlock([qual1, qual2, qual3, qual4], "number")
qual1 = ListItem("5+ years of product design experience", "Portfolio showing shipped digital products")
qual2 = ListItem("Mastery of Figma and prototyping tools", "Experience building and maintaining design systems")
qual3 = ListItem("Strong UX writing and communication", "You can articulate design decisions clearly")
qual4 = ListItem("Collaborative, low-ego working style", "Comfortable giving and receiving feedback")
salarySection = Card([salaryHeading, salaryText], "sunk", "column", "m")
salaryHeading = Heading("Salary & benefits", "h2")
salaryText = TextContent("$120,000 – $150,000 base · equity · full health, dental, and vision coverage", "large-heavy")
applySection = Card([applyHeading, applyForm], "sunk", "column", "m")
applyHeading = Heading("Apply now", "h2")
applyForm = Form("job-application", applyButtons, [nameField, emailField, resumeField])
nameField = FormControl("Name", nameInput)
nameInput = Input("name", "Jane Doe", "text")
emailField = FormControl("Email", emailInput, "We’ll only use this to contact you about your application")
emailInput = Input("email", "jane@example.com", "email")
resumeField = FormControl("Resume link", resumeInput, "Link to a PDF, portfolio, or LinkedIn")
resumeInput = Input("resume", "https://example.com/resume.pdf", "url")
applyButtons = Buttons([submitBtn])
submitBtn = Button("Submit application", null, "primary")
shareSection = Card([shareHeading, shareButtons], "sunk", "column", "m")
shareHeading = Heading("Share this role", "h2")
shareButtons = Buttons([shareBtn, copyBtn])
shareBtn = Button("Share posting")
copyBtn = Button("Copy link", null, "secondary")