Live preview
Atwork homepage: an off-white page with the headline Find work that moves you set in heavy black type above a rounded search bar, beside a 3D illustration of four people floating at work over yellow, lilac and mint shapes
10 / ASTRO THEME

Atwork

For a board that shows the salary.

  • Job board
  • Recruitment
  • Marketplace

The tenth Quaeris Design release. A job board carrying nine listings with their salaries and structured data, an employer landing page, three plans and a journal with authors and categories — thirty-five routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
1.7 KB
JavaScript
35
Indexable routes
0
Blocking stylesheets
3
Font families
WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-atwork.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A visual direction for job boards that compete on trust rather than volume. Ink-black display type on an off-white ground, pastel shapes used as punctuation, and the search bar set in the hero rather than below it. The decision underneath is a rule rather than a style: a listing without a salary range does not build, so the promise printed on the home page is one the content model keeps.

  • Niche and regional job boards
  • Recruitment agencies publishing their own openings
  • Companies whose careers site lists more than a handful of roles
  • Anyone who would rather print a salary than the word competitive
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Jobs
  • Features
  • Pricing
  • For employers
  • Sign up
  • Resources
  • Journal
  • Search
  • About
  • Contact
  • Legal notice
  • Site map

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Job × 9
  • Article × 3
  • Author × 2
  • Category × 8

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
  • site.webmanifest
DESIGN NOTES

The decisions behind the look.

01

The salary is a required field.

The jobs collection refuses a listing without a minimum and a maximum, so a missing range fails the build instead of shipping a listing that hides it. The promise on the home page is enforced by the content model rather than by editorial discipline, which is the only version of it that survives the hundredth listing.

02

Every listing is a Google Jobs entry.

Each job page emits JobPosting structured data from the same front matter that renders it: the salary range and its period, the contract type, the remote flag and a closing date that defaults to sixty days after posting. Nothing is typed twice, so the page and what a search engine reads cannot drift apart.

03

Four files make it yours.

Name, domain, email and city live in one config file and reach the header, the footer, the sitemap, the manifest and every structured-data block. Three more choose the contact-form provider, the analytics tool and the newsletter. A provider chosen without its key falls back to mailto with a warning in the build, rather than shipping a form that fails, and the consent bar appears only for a tool that sets cookies.

04

Pastels as punctuation.

Black on off-white carries every page. The pastels appear as the shapes behind the illustration and as one tint per company on the listings, never as body text, which keeps a soft palette from turning a serious product into a playful one.

PALETTE
  • Off-white #fbf9f8 Page ground
  • Ink #111111 Display type and primary buttons
  • Butter #fef08a Pastel shape and highlight
  • Lilac #e9d5ff Pastel shape and company tint
  • Mint #bbf7d0 Pastel shape and company tint
  • Signal #10b981 The live dot on open roles
TYPEFACES
Display
Plus Jakarta Sans Weight 700 and 800, tight tracking
Body
Hanken Grotesk Weight 400, 500 and 700
Utility
Space Grotesk Weight 500, spaced capitals for labels
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Atwork, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.