All directions

Direction 3 of 5

Studio

Warm and encouraging: a good coach who is pleased to see you, not a dashboard that is waiting for you.

For: Learners first: busy people who open trainrs once a week, between other work, and need to see their progress and their next step straight away.

Type

  • Headings

    Nunito

    Rounded sans, weight 800

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

  • Body

    Nunito

    17px, generous line height

    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

    Nunito, tabular

    Large, friendly figures

    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

  • Oat

    Ground

    --ground #fbf7f1

  • Cocoa

    Ink

    --ink #2a2522

  • Driftwood

    Muted text

    --muted #60574f

  • Fern

    Accent

    --accent #1d6b58

  • Leaf

    Success

    --success #216b45

  • Honey

    Warning

    --warning #855000

  • Brick

    Danger

    --danger #a8322f

Supporting colours

  • Surface

    --surface #ffffff

  • Surface, quiet

    --surface-alt #f3ede4

  • Rule

    --rule #e8dfd2

  • Control border

    --control-border #8c8074

  • Accent tint

    --accent-soft #dcefe6

  • Success tint

    --success-soft #ddf1e6

  • Warning tint

    --warning-soft #fbefcb

  • Danger tint

    --danger-soft #fbe2dc

  • Focus

    --focus #2a2522

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-28px
  • --space-312px
  • --space-416px
  • --space-524px
  • --space-632px
  • --space-748px
  • --space-872px

Corner radius

  • Small12px
  • Medium20px
  • Large28px
  • Buttons999px
  • Chips999px

Motion

Gentle: 180 to 260ms ease-out; the hours ring fills once on load. Nothing bounces.

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

Completion is the whole game: a learner who drifts in session 4 is lost evidence and an unhappy employer. Studio puts the one number that matters (hours against 90) in a big ring and uses soft colour to separate jobs, so a once-a-week visit feels rewarding rather than like an inbox. Roomy controls also make it the most forgiving on a phone.

Risk: Too soft for the provider and the staff board: compliance views may look unserious, and the pastels need discipline as screens multiply.