root = Card([header, description, quals, salarySection, applySection, shareSection])
header = CardHeader("Senior Product Designer", "Design Systems Team")
description = TextContent("We are looking for a Senior Product Designer to craft intuitive, accessible experiences across our platform. You will partner with engineers and researchers to evolve our design system and ship high-impact features.")
quals = Card([qualsHeading, qualsList], "sunk")
qualsHeading = Heading("What we are looking for", "h3")
qualsList = ListBlock([q1, q2, q3, q4], "number")
q1 = ListItem("5+ years of product design experience", "Portfolio required")
q2 = ListItem("Strong command of Figma and prototyping", "Motion skills a plus")
q3 = ListItem("Experience building and maintaining design systems", "Tokens, components, docs")
q4 = ListItem("Collaborative communication and systems thinking", "Cross-functional partner")
salarySection = Card([salaryHeading, salaryTable], "sunk")
salaryHeading = Heading("Salary range", "h3")
salaryTable = Table([compName, compValue])
compName = Col("Component", ["Base salary", "Equity", "Total compensation"])
compValue = Col("Range", ["$140,000 - $170,000", "0.05% - 0.10%", "$170,000 - $210,000"])
applySection = Card([applyHeading, applyForm], "sunk")
applyHeading = Heading("Apply for this role", "h3")
applyForm = Form("apply-form", applyButtons, [nameField, emailField, resumeField])
nameField = FormControl("Full name", nameInput)
nameInput = Input("name", "Jane Doe")
emailField = FormControl("Email", emailInput, "We will only use this to contact you")
emailInput = Input("email", "jane@company.com", "email")
resumeField = FormControl("Resume link", resumeInput, "Paste a link to your resume or portfolio")
resumeInput = Input("resume", "https://...")
applyButtons = Buttons([submitBtn])
submitBtn = Button("Submit application", null, "primary")
shareSection = Card([shareHeading, shareButtons])
shareHeading = Heading("Share this posting", "h3")
shareButtons = Buttons([copyBtn, linkedinBtn, twitterBtn])
copyBtn = Button("Copy link")
linkedinBtn = Button("Share on LinkedIn", null, "secondary")
twitterBtn = Button("Share on X", null, "secondary")