All directions

Direction 2 of 5

Signal

Fast and competent: you see the state of everything at a glance and know exactly what to do next.

For: The people who run it day to day: Gary, Johnnie and the tutors on the staff board, and company admins chasing their colleagues.

Type

  • Headings

    Inter

    Geometric sans, weight 650, tight tracking

    Hours, hand-ins and sign-offs, kept in one place

  • Body

    Inter

    15px, built for dense screens

    Hand in what you did and a short reflection. Your hours count as soon as you hand in; your tutor then accepts the work or asks for changes, and both are kept on your record.

  • Numerals

    Inter, tabular

    Tabular figures in every table and count

    38.5 · 51.5 · 90 · 04/02/2027 · 09876543

All open-licence (SIL Open Font License 1.1), served from this site. Tokens: --font-heading, --font-body, --font-num.

Colour

  • Canvas

    Ground

    --ground #f6f7f9

  • Carbon

    Ink

    --ink #0b0d12

  • Slate

    Muted text

    --muted #555b69

  • Electric

    Accent

    --accent #3338f0

  • Go

    Success

    --success #0a7039

  • Amber

    Warning

    --warning #965200

  • Stop

    Danger

    --danger #c0102b

Supporting colours

  • Surface

    --surface #ffffff

  • Surface, quiet

    --surface-alt #f1f2f5

  • Rule

    --rule #e2e4ea

  • Control border

    --control-border #7d8392

  • Accent tint

    --accent-soft #ebecfe

  • Success tint

    --success-soft #e3f4ea

  • Warning tint

    --warning-soft #fff1dc

  • Danger tint

    --danger-soft #fde7ea

  • Focus

    --focus #3338f0

Every text and colour pair meets WCAG AA (4.5:1 for text, 3:1 for controls), checked by scripts/check-contrast.mjs, including the company brands.

Spacing, corners and motion

Spacing scale

  • --space-14px
  • --space-26px
  • --space-38px
  • --space-412px
  • --space-516px
  • --space-624px
  • --space-732px
  • --space-848px

Corner radius

  • Small4px
  • Medium8px
  • Large12px
  • Buttons7px
  • Chips6px

Motion

Quick and functional: 120 to 160ms on hover and state changes. Nothing decorative.

Two real screens

Screen 1

Learner dashboard

Priya, a learner at Meridian Care, on the Tuesday before session 5.

Brand per delivery: switch the look to see this screen as Meridian Care's people would.

PS

AI Leadership Programme · January 2027 cohort

Good afternoon, Priya

Session 5 is on Thursday. One task needs changes and one is due before then.

Your hours

Hours count when you hand a task in.

38.5of 90 hours

Task hours
30.5
Live hours
8
To go
51.5
Tasks
All 16 tasks

  • Weekly report prompt

    Session 5 · 3 hours · Due Thu 4 Feb

    To do

  • Meeting brief for your next one-to-one

    Session 4 · 2 hours · Due Thu 28 Jan

    Johnnie: good start. Add the agenda you would send, then hand it in again.

    Changes asked for

  • Forecast from last quarter's figures

    Session 5 · 2.5 hours · Handed in Mon 1 Feb

    Handed in

  • Inbox triage rules

    Session 3 · 3 hours · Accepted Tue 26 Jan

    Accepted

  • Your AI use at work: a one-page note

    General · 1.5 hours · Due Fri 26 Feb

    To do
Next live session

Session 5 · Reports and forecasts with your assistant

Thu4Feb2pm to 4pmOnline, with Johnnie
Session page

The join button works from 1:45pm. Tick your attendance on the session page afterwards.

Sign-offs still to come
  • Your end-of-course confirmationOpens after session 8, once your end skills scan is in.
  • Your manager's sign-offSam Reid, after your confirmation.
Certificate
Not issued yet

Your trainrs certificate of completion is issued when all of these are in.

Tasks accepted
7 of 16
Checks passed
4 of 8
End skills scan
Not yet
Your confirmation
Not yet
AI coach

The coach can be wrong. Your tutor has the final word on your work.

Screen 2

Employer onboarding

Alex, the company admin at Acme Logistics, in early November, two months before their cohort starts.

Brand per delivery: switch the look to see this screen as Acme Logistics's people would.

AM

Company set-up

Acme Logistics

January 2027 cohort · starts Thu 7 Jan 2027, 2pm · Company number 09876543

4 of 9 done

Do them in any order. Please finish by Fri 27 Nov 2026.

Tasks

  1. Company details

    Registered name, number and address from Companies House, and who we invoice.

    Done
    YouCompany admin

  2. Tech stack and goals

    The tools your people use, and what you want from the course.

    Done
    YouCompany admin

  3. PAYE details

    Your PAYE scheme reference and accounts office reference.

    Done
    Jo PatelFinance · task link

  4. Employer agreement

    You signed on Wed 28 Oct. Waiting for the training provider to countersign.

    With us
    YouCompany admin

  5. Government apprenticeship-service account

    Account created, PAYE scheme added, agreement accepted, training provider added.

    Done
    Jo PatelFinance · task link

  6. Levy balance and funds reserved

    Record your levy balance and reserve the funds for your people.

    In progress
    Jo PatelFinance · task link

  7. Tech-support contact and AI policy

    Who learners ask when a tool is blocked, and whether you have an AI policy.

    Not started
    Not assigned

  8. Pre-course checklist

    Diary invites, AI accounts, course time in working hours, internal guide. 2 of 4 ticked.

    In progress
    Sam OkoroOperations · full login

  9. People and start dates

    6 people added to the January cohort. 2 still need a date of birth.

    In progress
    YouCompany admin

Why this could be trainrs

trainrs is an operations tool before it is a classroom: nine onboarding tasks per company, assignees, reminders, a staff board, verify buttons. Signal handles that density best, with tables and crisp status chips that scale from one company to fifty. It is also the quickest to build well, because it is the look most interface parts are designed for.

Risk: Dense and businesslike: tiring and a little cold for a once-a-week learner, and it looks like many other software products.