root = Card([header, description, qualifications, salary, applyForm, shareActions], "card", "column", "l")
header = CardHeader("Senior Product Designer", "Design Team · Full-time · Remote")
description = TextContent("We're looking for a Senior Product Designer to join our growing design team. You'll own the end-to-end design process for core product features, collaborate closely with product managers and engineers, and help shape the user experience for millions of users. This role requires a strong portfolio demonstrating complex problem-solving, systems thinking, and a passion for crafting intuitive, accessible interfaces.")
qualifications = Card([qualHeader, qualList], "sunk", "column", "m")
qualHeader = Heading("Qualifications", "h3")
qualList = ListBlock([qual1, qual2, qual3, qual4, qual5, qual6], "number")
qual1 = ListItem("5+ years of product design experience", "Shipping consumer or B2B software at scale")
qual2 = ListItem("Expert in Figma and design systems", "Building and maintaining component libraries")
qual3 = ListItem("Strong interaction and visual design skills", "Motion, micro-interactions, and accessibility")
qual4 = ListItem("User research and testing experience", "Qualitative and quantitative methods")
qual5 = ListItem("Excellent communication and collaboration", "Cross-functional partnership with PMs and engineers")
qual6 = ListItem("Portfolio showcasing end-to-end product work", "Case studies with measurable outcomes")
salary = Card([salaryHeader, salaryValue], "clear", "row", "m", "center", "between")
salaryHeader = Heading("Salary Range", "h3")
salaryValue = TextContent("$140,000 – $185,000 USD annually", "large-heavy")
applyForm = Form("job-application", applyButtons, [nameField, emailField, resumeField])
nameField = FormControl("Full Name", nameInput, "Your legal name")
nameInput = Input("full_name", "Jane Doe", "text", ["required"])
emailField = FormControl("Email Address", emailInput, "We'll contact you here")
emailInput = Input("email", "jane@example.com", "email", ["required", "email"])
resumeField = FormControl("Resume / Portfolio Link", resumeInput, "Link to your resume, portfolio, or LinkedIn profile")
resumeInput = Input("resume_url", "https://portfolio.example.com", "url", ["required", "url"])
applyButtons = Buttons([submitBtn, cancelBtn])
submitBtn = Button("Submit Application", null, "primary")
cancelBtn = Button("Cancel", null, "tertiary")
shareActions = Card([shareHeader, shareButtons], "clear", "column", "s")
shareHeader = Heading("Share this role", "h3")
shareButtons = Buttons([linkedinBtn, twitterBtn, copyBtn], "row")
linkedinBtn = Button("Share on LinkedIn", null, "secondary")
twitterBtn = Button("Share on X", null, "secondary")
copyBtn = Button("Copy Link", null, "tertiary")