SaaS · React
Small team payroll
Clear, trustworthy site for a payroll app for small teams, with a pay run mock, steps, plans and FAQ.
What you get
A product site for payroll software aimed at teams of 2 to 50: a pay run summary mock, features, a filings split, three steps, monthly pricing with a per-person fee, quotes and an FAQ. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Fortnight", "nav": [ { "label": "Features", "href": "#features" }, { "label": "How it works", "href": "#how" }, { "label": "Pricing", "href": "#pricing" }, { "label": "FAQ", "href": "#faq" } ], "navCta": { "label": "Run payroll", "href": "#start" }, "sections": [ { "kind": "hero", "variant": "split", "eyebrow": "Payroll for teams of 2 to 50", "title": "Payday in four clicks, with taxes worked out for you.", "text": "Fortnight calculates pay, withholding and employer taxes, pays your team by direct deposit, and files the forms on schedule. You review a summary and approve.", "primary": { "label": "Set up payroll", "href": "#start" }, "secondary": { "label": "See pricing", "href": "#pricing" }, "visual": { "type": "mock", "title": "Pay run · 1–15 June 2026", "rows": [ { "label": "Gross pay · 12 people", "value": "$48,260.00", "tone": "#166534" }, { "label": "Employee taxes withheld", "value": "$9,114.32", "tone": "#5d6b62" }, { "label": "Employer taxes", "value": "$3,692.04", "tone": "#5d6b62" }, { "label": "Net pay to bank accounts", "value": "$36,418.90", "tone": "#166534" }, { "label": "1 timesheet awaiting approval", "value": "Review", "tone": "#b45309" } ], "footer": "Approve by Tue 16 June, 17:00 for Friday payday" } }, { "kind": "stats", "items": [ { "value": "4 clicks", "label": "To approve a regular pay run" }, { "value": "2 days", "label": "Direct deposit lead time" }, { "value": "50", "label": "States supported" }, { "value": "$6", "label": "Per person, per month" } ] }, { "kind": "features", "id": "features", "eyebrow": "Features", "title": "Payroll, and the paperwork around it", "columns": 3, "items": [ { "title": "Automatic tax filings", "text": "Federal, state and local payroll tax filings prepared and submitted on schedule.", "icon": "book" }, { "title": "Contractors too", "text": "Pay contractors in the same run and get their year-end forms prepared.", "icon": "users" }, { "title": "Employee self-service", "text": "Staff see payslips, update bank details and download tax forms themselves.", "icon": "home" }, { "title": "Time off tracking", "text": "Accruals per policy, requests and approvals, reflected in the next pay run.", "icon": "calendar" }, { "title": "Accounting sync", "text": "Each pay run posts a journal entry to your accounting software.", "icon": "chart" }, { "title": "Role-based access", "text": "Approvers, bookkeepers and managers each see only what they need.", "icon": "lock" } ] }, { "kind": "steps", "id": "how", "eyebrow": "How it works", "title": "Set up once, then it's routine", "items": [ { "title": "Add your company and team", "text": "Tax IDs, bank account and employees. Staff finish their own onboarding by email." }, { "title": "Review the pay run", "text": "Hours, bonuses and deductions are pre-filled. Change anything before approving." }, { "title": "Approve and you're done", "text": "Money moves, payslips go out and filings are queued automatically." } ] }, { "kind": "split", "eyebrow": "Filings", "title": "Know exactly what was filed, and when", "text": "A filings calendar shows every upcoming deadline and every submitted form, with a copy you can download.", "bullets": [ "Reminders before anything needs your signature", "Plain-language notes on each form", "Year-end forms for employees and contractors" ], "visual": { "type": "card", "tone": "#14532d", "title": "Next filing · 30 July", "lines": [ "Quarterly federal return", "Prepared, ready to submit", "No action needed" ] }, "reverse": true }, { "kind": "pricing", "id": "pricing", "eyebrow": "Pricing", "title": "A base fee plus $6 per person", "text": "Monthly billing. Unlimited pay runs on every plan.", "plans": [ { "name": "Essentials", "price": "$39", "period": "/month", "text": "Single-state payroll.", "features": [ "Unlimited pay runs", "Tax filings", "Employee self-service" ], "cta": { "label": "Choose Essentials", "href": "#start" } }, { "name": "Plus", "price": "$69", "period": "/month", "text": "Growing teams across states.", "features": [ "Multi-state payroll", "Time off tracking", "Accounting sync", "Contractor payments" ], "featured": true, "cta": { "label": "Try Plus for 30 days", "href": "#start" } }, { "name": "Premium", "price": "$119", "period": "/month", "text": "Teams with an HR function.", "features": [ "Everything in Plus", "Custom approval chains", "Phone support", "Dedicated onboarding call" ], "cta": { "label": "Choose Premium", "href": "#start" } } ] }, { "kind": "quotes", "eyebrow": "Small business owners", "title": "From the people who used to dread payday", "items": [ { "quote": "Payroll went from a Sunday evening job to five minutes on a Tuesday.", "name": "Carmen D.", "role": "Owner, two restaurants" }, { "quote": "Our bookkeeper sees the journal entries appear. She doesn't email me about payroll any more.", "name": "Will H.", "role": "Co-founder, design agency" }, { "quote": "Hiring in a second state was a form, not a project.", "name": "Nkechi O.", "role": "Operations lead" } ] }, { "kind": "faq", "id": "faq", "eyebrow": "FAQ", "title": "Payroll questions", "items": [ { "q": "Can I switch payroll providers mid-year?", "a": "Yes. We import year-to-date figures so totals and year-end forms come out right." }, { "q": "What if a filing is late because of us?", "a": "If we miss a deadline we're responsible for, we pay the resulting penalty. Terms are in your agreement." }, { "q": "How fast are employees paid?", "a": "Approve two business days before payday for standard direct deposit." } ] }, { "kind": "cta", "id": "start", "title": "Set up payroll before your next payday", "text": "Most teams finish setup in under an hour. We'll help with the import.", "primary": { "label": "Start setup", "href": "#how" }, "secondary": { "label": "Compare plans", "href": "#pricing" } } ], "footer": { "text": "Payroll, filings and time off for small teams.", "columns": [ { "title": "Product", "links": [ "Payroll", "Contractors", "Time off" ] }, { "title": "Company", "links": [ "About", "Contact", "Security" ] } ], "legal": "© Fortnight. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Small team payroll's files. The box is already started for you: finish “Start from Small team payroll and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Error monitoring
Dark developer-focused site for an error tracking tool with a live issues mock, SDK steps and pricing.
Product analytics
Crisp site for a product analytics tool with a funnel mock, retention features, event pricing and FAQ.
- Featured
SaaS starter
Marketing pages, sign-in and sign-up screens, and an authenticated app area with a mocked session you replace with real auth.
Build on Small team payroll
Create a free account, start from this template, and ask the AI agent to turn it into your app.