---
title: "Careers page"
description: "Kilnwork's careers: who we build for, how we work, the team with its photo, open roles by team and location, and each role inline with its application."
plan: Pro
docs: https://ui.edbn.me/docs/templates/careers-page
---

# Careers page

Kilnwork's careers: who we build for, how we work, the team with its photo, open roles by team and location, and each role inline with its application.

Kilnwork's site header and footer frame two views. The list opens with the h1 and a paragraph on who we build for beside a photo of the studio, then three plain How we work items, the team-with-photo block and the open-roles block, filtered by team (a ToggleGroup with counts that follow the location) and by location (a Select). A filter with nothing open says so, with Clear filters and an address for speculative applications. Each role row opens the job-detail block in place: Back to all roles, the title as the page's h1, Apply and Copy link, the facts (team, location, type, salary), About the role, What you'll do, What we look for, How we hire in four timed steps, Benefits, and the application on the Pro forms with a CV through the Pro file queue (one PDF or Word file up to 5 MB; anything bigger or of another type is refused with the reason). Opening a role brings the page to the top and focuses its h1; Back returns focus to the role's row with the filters as they were. An address names a role (#product-designer), read after hydration so the server and the browser agree. Every section shares the 1152px page width and one gutter, and lays out by its own width, so the page holds at 1440, 1024, 768 and 390.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/careers-page
```

## Dependencies
- npm: lucide-react@^1.33.0, zod@^4.3.5
- edbn: edbn-base, aspect-ratio, attachment, avatar, badge, button, dropzone, field, input-group, navigation-menu, select, separator, sheet, spinner, text-link, toggle-group, form-core, form-fields, form-file-field

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More site pages templates

All 6, with install commands: https://ui.edbn.me/docs/templates/site-pages (Markdown: https://ui.edbn.me/docs/templates/site-pages.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt