Slatework

About this template

Slatework is a multi-page marketing site for a fictional applicant tracking system (ATS) for companies with 50 to 1,000 employees, based in Lexington, Kentucky. The home page opens on a hiring pipeline board where visitors drag candidates from Applied to Hired, or move them from a keyboard menu, while stage counts, a funnel and projected time to hire update live. It also has a product tour with a job board picker and posting preview, a weighted interview scorecard, a panel scheduler that proposes times across US time zones and an offer pay band check, per-employee pricing with a cost and cost-per-hire calculator, filterable customer stories, a searchable integrations directory, a security and compliance page with a data retention example, articles and rolling monthly webinars, and a demo request form that proposes a meeting time.

Features

• Live hero pipeline: drag candidate cards between Applied, Screen, Interview, Offer and Hired with mouse or touch, or move them from an accessible keyboard menu, with stage counts, a funnel and projected time to hire updating live and saved between visits
• Weighted interview scorecard: rate five competencies 1 to 4 and the weighted score turns into a hire recommendation
• Job board picker with cost, typical applicants and a live posting preview with a pay range
• Panel scheduler that finds shared free time across Eastern, Central, Mountain and Pacific interviewers and shows slots in any US time zone
• Offer pay band check that routes the approval chain by where the salary falls
• Per-employee pricing with a monthly / yearly switch, a cost and cost-per-hire calculator, shareable URLs and a comparison table
• Customer stories filtered by industry and company size, each with its own logo mark and before-and-after chart
• Searchable integrations directory with category counts, shareable filters, a drawn mark for each of 22 integrations and a detail dialog
• Security page with a candidate data retention example, resources with rolling monthly webinars, and a validated demo request that proposes a meeting time in the visitor’s time zone
• Corporate design in Hubot Sans and Fira Sans with a light-first look, a full dark mode, skip link and reduced-motion support

Pages included

• Homeindex.html
• Productproduct.html
• Pricingpricing.html
• Customerscustomers.html
• Integrationsintegrations.html
• Security & compliancesecurity.html
• Resourcesresources.html
• Book a demodemo.html
• 404404.html

Quick start

unzip slatework.zip && cd slateworkopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build

Questions, answered

Changelog