For job seekers

Style guide
Every building block of PeopleForward on one page, in 23 groups — from colours and buttons to job tickets, maps and forms. Each one follows the light and dark theme and is built on Bootstrap 5.
01 · Basics
Every colour is a custom property in style.css, shown here with the values of the default Blue scheme. Theme colours hold a light and a dark value; fixed colours stay the same in both. A colour scheme from assets/css/colors/ sets the brand colours again.
Theme colours: a light and a dark value each
--c-whiteLight #ffffffDark #10182b
--c-surfaceLight #f4f6fbDark #0b1222
--c-tintLight #e9efffDark #1a2650
--c-primaryLight #1f4be0Dark #8eaaff
--c-navyLight #0c1838Dark #eef2fb
--c-deepLight #0c1838Dark #141f42
--c-navy-2Light #18264fDark #1f2c57
--c-textLight #17213dDark #dde3f0
--c-text-2Light #4a5470Dark #aeb8cf
--c-text-3Light #626b88Dark #8e98b2
--c-lineLight #e1e6f0Dark #263254
--c-line-strongLight #c8d0e2Dark #36446c
--c-accent-softLight #ffe8e1Dark #3b211d
--c-accent-inkLight #b8341bDark #ff9e88
--c-mint-softLight #dcf5eaDark #11362a
--c-mint-inkLight #12704bDark #74dfb1
--c-sun-softLight #fff1d1Dark #3b2e0e
--c-sun-inkLight #8a5a00Dark #f4c766
--c-map-edgeLight #9fb3f5Dark #3b4f8f
--c-glowLight rgb(255 232 225 / 0.7)Dark rgb(255 107 74 / 0.1)
--c-glow-softLight rgb(255 232 225 / 0.55)Dark rgb(255 107 74 / 0.08)
Fixed colours: the same in both themes
--c-tint-fill#e9efffBoth themes
--c-primary-fill#1f4be0Both themes
--c-primary-hover#173bbdBoth themes
--c-accent#ff6b4aBoth themes
--c-accent-hover#ff5a35Both themes
--c-accent-light#ffb8a6Both themes
--c-on-color#ffffffBoth themes
--c-on-dark-2rgb(255 255 255 / 0.78)Both themes
Colour schemes: one stylesheet each in assets/css/colors/
blue.css#1f4be0 · #ff6b4aviolet.css#6a35d9 · #f571a4crimson.css#b20d43 · #f8bd40orange.css#a13b00 · #55c6f4green.css#006a3a · #b5ed60teal.css#006565 · #ffb34602 · Basics
Font Awesome Free, self-hosted. Any icon from the free set works the same way: an <i> with the icon class, hidden from screen readers.
The 105 interface icons (the logo, client marks and decorations use a few more)
iconicon--smfa-solidfa-regularfa-brands
arrow-rightsolidchevron-downsolidbarssolidxmarksolidmagnifying-glasssolidlocation-dotsoliddiamond-turn-rightsolidclockregularchecksolidarrow-up-from-bracketsolidphonesolidenveloperegularbookmarkregularbookmarksolidstarsoliduserssolidbriefcasesolidlayer-groupsolidcalendarregularsliderssolidshield-halvedsolidwalletsolidgraduation-capsolidmobile-screen-buttonsolidarrow-trend-upsolidcommentregularboltsolidleafsolidawardsolidlightbulbregularhousesolidtrucksolidheartregularheart-pulsesolidbuildingregularmug-hotsolidhelmet-safetysoliddesktopsolidsunregulararrow-upsolidarrow-leftsolidquote-leftsolidpalettesolidiconssolidreplysolidnewspaperregulartable-columnssolidimageregulargauge-highsolidright-from-bracketsolidfile-linesregulartrash-canregularplussolidarrow-downsolidinboxsolidcalendar-checkregularminussolidthumbtacksolidnote-stickyregularhand-pointersolidtagssolidcompasssolidlist-checksolidchart-simplesolidcircle-questionsolidtable-cells-largesoliduser-groupsolidmap-location-dotsolidpen-to-squaresolidbullhornsolidwand-magic-sparklessolidfontsolidheadingsolidparagraphsolidtablesolidlist-olsolidtext-heightsolidusersolidlocksolidplaysolidcookie-bitesolidcircle-infosolidcircle-checksolidtriangle-exclamationsolidcircle-exclamationsolidbellsolidcalculatorsolidscrewdriver-wrenchsolidrocketsolidlanguagesolidhandshakesolidchart-linesolidright-to-bracketsolidfilmsolidalign-centersolidid-cardregulargearsolidumbrella-beachsolidreceiptsoliddownloadsolidlinkedin-inbrandsfacebook-fbrandsinstagrambrandsapplebrandsgoogle-playbrands03 · Basics
Bootstrap’s buttons in the theme’s colours: the primary colour for the main action, the accent for the urgent one and outlines for the rest.
Variants
btnbtn-primarybtn-accentbtn-outline-secondarybtn-dark
04 · Basics
Small labels for status, categories and filters.
Badges
badgerounded-pilltext-bg-newtext-bg-urgent
Kickers
kickerkicker--light
Hiring now
For employers
Chips
chip-listchip-list--links
Job tags
ticket__tags
06 · Basics
Messages for the visitor, from a note on the page to a toast that confirms an action, plus tooltips for icon buttons and progress bars.
Alerts
alertalert-infoalert-successalert-warningalert-dangeralert-dismissible
Shift times have changed. Your Monday shift now starts at 7am instead of 6am.
Timesheet approved. 40 hours will be paid on Friday 7 November.
Your right-to-work check expires soon. Upload a new share code before 30 November to keep working.
We couldn’t send your application. Check the highlighted fields and try again.
Toast
toastpf-toasts
Saving a job anywhere on the site shows one too.
Progress bars
progressprogress-barprogress--accentprogress--mintprogress--sun
Profile complete75%
Shifts filled this week92%
Holiday used40%
Peak team recruited64%
07 · Content
The heading that opens each section, and the lists used across the pages.
Section heading
section-headkickert-h2section-head__text
Hiring now
Fresh roles from employers we know, added every hour.
Centred
section-head--center
How it works
One consultant from the first call to the first shift.
Lists
checkschecks--lightbulletsideal-card__list
08 · Content
Processes, milestones and numbers, drawn as cards, rows and strips.
Process steps
stepsstepstep__num
Share the roles, shifts, site and start date — online or by phone.
We select people with the right experience and confirm each worker the day before.
Workers arrive briefed, with PPE and a named contact on site.
Approve hours online each week; we handle pay and compliance.
Numbered promises
promisespromisepromise__num
Every candidate and client has a named consultant at a branch near them.
Right-to-work, references and sector checks are done before anyone is introduced.
Weekly pay, holiday pay from day one and never a fee for the people we place.
Timeline and pay week
historypay-cardpay-week
Founded in Leeds by three consultants and a phone.
Launched our healthcare division.
Edinburgh became our 14th branch.
12,800 people placed into work.
Figures
stat-row
Large figures
big-stats
09 · Content
FAQs as Bootstrap’s accordion: several answers can be open at once, and the plus turns into a minus.
Accordion
accordionfaqfaq__itemfaq__icon
We pay every Friday for the hours you worked the previous week, as long as your timesheet is approved by 10am on Monday.
Yes. Holiday pay builds up from your first shift, and you can see your balance and book time off in the app.
For most roles you can pick shifts that suit you in the app. Some longer assignments have a fixed pattern, which we’ll explain before you start.
Never. It costs nothing to register or work with PeopleForward.
10 · Content
Cards for services, sectors, articles and employers. Most are links: the title link stretches over the whole card.
Icon cards
cardvaluevalue--tintserviceservice__iconservice__link
Paid every Friday for the hours you worked last week.
Pick the days, nights or weekends that suit you.
Vetted, inducted workers for one shift or a whole season — booked online, on site within 48 hours.
Explore temporary staffingAssessment days, onboarding and on-site supervisors to bring hundreds of people in for your busiest weeks.
Explore volume & seasonal hiringPhoto cards
sectorsector__bodysector__go
642 live jobs
518 live jobs
374 live jobs
Article cards
cardarticlearticle__cat
Sector tiles
sector-tile
Employer cards
employer-cardorg-mark
Logistics & Warehousing
Healthcare & Social Care
Food production
Case study cards
cardcase-studycase-study__metric

Northgate Logistics
How we took a Yorkshire distribution centre from 40 to 210 pickers before peak, and kept every dispatch on time.
210people placed in 19 days

Riverside Arena
A dedicated events desk crewed 120 concerts, matches and conferences, and 92% of the staff came back the next year.
300staff per event at peak
Accreditations
accred
11 · Content
Portraits stand on a colour block; a consultant without a photo shows initials instead.
Consultant cards
consultantconsultant__photoconsultant__status
Team cards
team-cardteam-card__tagteam-card__link

Chief Executive
Leadership
Chief Operating Officer
LeadershipContact card, person and author box
contact-cardpersonauthor-box
Branch Manager, Logistics & Warehousing
Senior Consultant, Healthcare & Social Care
12 · Content
Quotes from candidates and clients, with stars, a tag and an optional photo.
Testimonial cards
quotequote--lightquote__starsquote__tag
I signed up on a Monday and started a warehouse shift on Wednesday. Weekly pay made a huge difference.
Marcus EllisWarehouse Operative, Leeds
Candidate
Our Sheffield consultant crewed a sold-out concert at 24 hours’ notice. Every steward turned up briefed.
Friendly, local and honest about pay. I’ve worked with three agencies and this is the one I recommend.
Large quotes
big-quotebig-quote--navy
I started on a two-week temp contract and was offered a permanent team leader role four months later.
Marcus EllisTeam Leader · placed in 2025We went from 40 to 210 pickers in three weeks for peak and never missed a dispatch.
Sarah WhitfieldHead of Operations · Northgate LogisticsRating summary
ratingrating__bars
13 · Recruitment
Job cards drawn as shift tickets, compact rows for long lists and a slider that swipes, scrolls or steps with its arrows.
Job tickets
cardticketticket__tagssaveorg-mark
Northgate Logistics
£12.80/hr
2 hours ago
Brookfield Care
£13.40/hr
4 hours ago
Halcyon Foods
£14.20/hr
6 hours ago
Job rows and alert strip
job-rowsjob-rowalert-strip
£26,500/yr
1 day ago
£42,000/yr
1 day ago
Get matching jobs by email, once a day.
Job slider
scrollerscroller__itemscroller-nav
CV banner
cv-banner
14 · Recruitment
Search bars, the filters sidebar (a collapsible panel on phones) and the branch map, which works for any country.
Job search
search-barfield
Compact search
search-bar--compact
Filters and results bar
filters-panelfilter-groupresults-bar
Filters 1
Kestrel Packaging
£42,000/yr
1 day ago
Riverside Arena
£12.60/hr
2 days ago
Severn Energy
£12.40/hr
3 days ago
Corbridge Learning Trust
£28,500/yr
3 days ago
Branch map
geo-mapmap-cardbranch-popbranch-card
Open now · until 6pm
3 Park Square East, Leeds LS1 2NE
15 · Recruitment
Native validation and Bootstrap’s form controls, selects with the theme’s own menu and search; the choices are Bootstrap’s toggle buttons.
Form card
formform-cardform-gridform-fieldform-controlform-selectbtn-checkbtn-choicefile-dropconsent
Select menu, with search from 8 options
selectform-selectselect__icondata-search
Sign-up form
search-barsearch-bar--compact
16 · Overlays
Bootstrap’s modals for signing in, quick apply, the newsletter and cookie settings, the video lightbox and the cookie banner.
Modals
modalmodal-dialogmodal-content
Cookie banner
cookie-bannercookie-option
It shows until a visitor chooses, and Cookie settings in the footer reopens the choices.
17 · Conversion
Pricing cards for fees or plans, with the featured one raised and badged.
Pricing cards
price-cardprice-card--featuredprice-card__badge
From 18% margin on pay
One all-inclusive hourly rate: pay, holiday pay, pension and our margin.
15% of first-year salary
One fee, paid only when your new hire starts.
Custom priced on your spend
One contract, one invoice and one dashboard for your whole temporary workforce.
18 · Conversion
Bands that close a page and cards for sidebars. The split call to action at the bottom of this page ends most pages.
Call band
cta-band
Monday to Friday 8am–6pm, with an out-of-hours line for existing clients.
Sidebar cards
side-ctaideal-cardside-panel
Looking for work?
Search by role and location, or let us find you the right one.
Search jobsPrefer to talk now? 0113 496 0123
19 · Layout
The header, page title and footer each come in more than one look, and every page uses one of each.
Header variants
site-header--transparentnav__menu--mega
Footer variants
site-footer--lightsite-footer--minimalsite-footer--centredsite-footer--splitsite-footer--directorysite-footer--branchessite-footer--photossite-footer--wordmark
Page title with a photo
page-heropage-hero--image
Case studies
Results our clients hold us to
A photo behind the title under a navy wash, with white text.
Centred page title
page-heropage-hero--center
Salary guide 2026
What the work pays
A centred title for pages without a photo.
Minimal footer
site-footersite-footer--minimal
Centred footer
site-footersite-footer--centredsite-footer__links
20 · Content
The blog’s posts in each archive layout, the sidebar widgets and the comments under a post. Every post links to the single-post page.
Large image post
post-largepost-metapost-footpost-author

Most interviews are built from the same handful of questions. Prepare these seven and you’ll walk in calmer — and walk out with a better chance of an offer.
Medium image post
post-medium

Peak doesn’t start in November — it starts in August. Use this week-by-week checklist to plan headcount, training and onboarding without the last-minute scramble.
Post cards
post-gridpost-card

Recruiters skim before they read. These simple changes make sure the most important things about you are impossible to miss.

Most new starters who leave in week one decide in the first few hours. Small changes to your first day make a big difference.

Two in five of our temporary workers are offered a permanent role. Here’s what the people who get those offers do differently.
Masonry
masonrymasonry--3post-card--tallpost-card--squarepost-quote

The best candidates have choices. A clear, honest advert with pay, shifts and location up front gets more of the right applicants — and fewer drop-outs.

Safety boots or trainers? Who do you ask for when you arrive? A consultant’s checklist for a calm first day on a new site.

Since April 2024, workers with irregular hours build up holiday at 12.07% of the hours they work. Here’s what that means for your weekly pay.

Your best permanent hires may already be on shift. How three of our clients spot, train and keep their strongest temporary workers.
Two in five of our temporary workers are offered a permanent role.
Timeline
timelinetimeline--two-sidedtimeline__monthtimeline__item

Most interviews are built from the same handful of questions. Prepare these seven and you’ll walk in calmer — and walk out with a better chance of an offer.

Peak doesn’t start in November — it starts in August. Use this week-by-week checklist to plan headcount, training and onboarding without the last-minute scramble.
Sidebar widgets
blog-sideside-searchwidgetwidget-catsmini-postchip-list--tags
Looking for work?
3,412 live jobs
Search by role and location, or let us find you the right one.
Search jobsPrevious and next
post-navpost-nav__link
Comments
commentscomment-listcommentcomment--authorcomment-form
21 · Extras
The logo, the save-job toggle, the app screen and the back-to-top button that appears once a page scrolls. The header adds dropdown menus, the light and dark switch and, below 992px, the mobile menu.
Save toggles
savesave--wide
App screen
phoneapp-promo__visual
22 · Dashboard
The agency dashboard’s parts: stat tiles, a weekly chart with its table, the hiring funnel, candidates with their status and checks, and tasks and notes. On the dashboard the lists are saved in the browser; here they work but nothing is kept.
Dashboard pages
dashdash__sidedash-navoffcanvas-lgdash-topdash-alerts
Stat tiles
stat-tilesstat-tilestat-tile__change--goodstat-tile__change--bad
Column chart
dash-cardcol-chartchart-table
Last 12 weeks
64 CVs last week, up from 41 in the first week of August.
| Week | CVs |
|---|---|
| Week of 3 Aug | 41 |
| Week of 10 Aug | 44 |
| Week of 17 Aug | 39 |
| Week of 24 Aug | 47 |
| Week of 31 Aug | 50 |
| Week of 7 Sep | 53 |
| Week of 14 Sep | 51 |
| Week of 21 Sep | 56 |
| Week of 28 Sep | 59 |
| Week of 5 Oct | 62 |
| Week of 12 Oct | 58 |
| Week of 19 Oct | 64 |
Funnel and agenda
funnelfunnel__stepagendaagenda__item
Last 30 days
CVs received248
Screened156
63% of CVs
Interviewed64
41% of screened
Offered29
45% of interviewed
Placed21
72% of offers
4 booked
Electrical Maintenance Engineer, Kestrel Packaging
On site at Kestrel Packaging, Bradford
Candidate table
dash-tablecandcand-avatarcand__meta
| Candidate | Applied for | Received | Status |
|---|---|---|---|
| Healthcare Assistant | New | ||
| Warehouse Operative | New | ||
| General CV | New |
Statuses and checks
statusstatus--newstatus--screeningstatus--interviewstatus--offerstatus--placedstatus--closedcheck-state
Stages
stagesstages__step--donestages__step--currentstages__step--stopped
Tasks
task-statstask-grouptasktask--hightask--mediumtask--lowtask__due--overduelist-actions
For Chloe Hartley
For Chloe Hartley
Notes
notesnotes--boardnotenote--pinnednote--clientnote--branchnote--candidatenote--reminder
ClientPinned
Riverside Arena needs 40 stewards for the concert on 14 November. SIA licence holders first, please.
BranchPinned
The Leeds branch closes from 1pm to 3pm on Monday 9 November for team training. The out-of-hours line stays on.
Candidate
Strong CV and her Care Certificate is done. Call before her shift tonight to book a screening call.
Grace MensahPhoto field
photo-fieldphoto-field__previewfile-drop--compact
23 · Dashboard
The job seeker’s account: figures, applications with their stages, shifts and offers, a payslip, holiday, job alerts with their switch, and files. In the portal the buttons change the account and the browser keeps it; here the parts show without them.
Portal pages
dashdash-navdash-top
Figures
stat-tilesstat-tilestat-tile__note
Application
app-listapp-cardapp-card__nextapp-historystages
· Interview and forklift assessmentHalcyon Foods, Calder Park, Wakefield WF2Bring your licence card and safety boots. The assessment takes about 40 minutes.
Applications, short
app-rowsapp-rowapp-status
Shifts and an offer
shift-listshiftshift--todayshift--offershift__dateshift__actions
to Today
Warehouse operative · Northgate Logistics
Unit 4, Stourton Link, Leeds LS10 Directions to Northgate Logistics (opens in a new tab)
£12.80/hr
to
Warehouse operative · Northgate Logistics
Unit 4, Stourton Link, Leeds LS10 Directions to Northgate Logistics (opens in a new tab)
£16.20/hr
Overtime rate · 1 hour ago
Payslip and holiday
payslippayslip__row--subpayslip__row--totalholiday__listholiday__item
51.2 hours left to book
Job alerts and the switch
job-alertsjob-alertjob-alert--offtoggle-switch
Files
filescv-file
Search 3,412 live jobs, or upload your CV and let our consultants do the searching for you.
Tell us what you need and we will send vetted, right-to-work checked candidates within 48 hours.
Saved
Marcus Ellis
The tip about a two-minute answer to “tell me about yourself” got me through my forklift interview last week. I start on Monday!
Reply to Marcus EllisEmma Clarke Author
Congratulations, Marcus, that’s brilliant news. Good luck with the first week, and call us if anything comes up.
Reply to Emma ClarkeHannah Lowe
Useful list. I’d add one: ask what a good first month looks like. Interviewers always seem pleased to hear it.
Reply to Hannah LoweGrace Walsh
Is it all right to ask about pay in a first interview for a temporary role? I never know how it will come across.
Reply to Grace WalshEmma Clarke Author
For temporary roles, absolutely: the rate and the shifts are part of the job. We share both before you go, so you shouldn’t need to.
Reply to Emma Clarke