All directions

Direction 5 of 5

Atelier

Premium and quiet: a serious professional course that respects your time and your intelligence.

For: Senior learners and the employers paying for them: managers and leaders on a leadership programme who expect it to feel considered.

Type

  • Headings

    Instrument Serif

    Display serif, used large

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

  • Body

    Instrument Sans

    Clean grotesque, 16px

    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

    JetBrains Mono

    Monospace for hours, dates and ids

    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

  • Night slate

    Ground

    --ground #11151b · ivory #f4efe4

  • Ivory

    Ink

    --ink #ece6d8 · ivory #1a1d22

  • Stone

    Muted text

    --muted #a8a294 · ivory #5a564d

  • Brass

    Accent

    --accent #c9a86a · ivory #6e5019

  • Sage

    Success

    --success #93c9a3 · ivory #2b6543

  • Amber

    Warning

    --warning #e3ba6a · ivory #765000

  • Rosewood

    Danger

    --danger #ef9d92 · ivory #9a2e24

Supporting colours

  • Surface

    --surface #171c24 · ivory #faf7f0

  • Surface, quiet

    --surface-alt #1e2530 · ivory #ebe4d5

  • Rule

    --rule #2b333f · ivory #dcd3c1

  • Control border

    --control-border #6c7686 · ivory #857c6d

  • Accent tint

    --accent-soft #2a261d · ivory #efe3c9

  • Success tint

    --success-soft #1a2a22 · ivory #e0eadd

  • Warning tint

    --warning-soft #2c2517 · ivory #f2e5c6

  • Danger tint

    --danger-soft #331f1f · ivory #f4dfd8

  • Focus

    --focus #d6b97f · ivory #1a1d22

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 and the ivory mode.

Spacing, corners and motion

Spacing scale

  • --space-14px
  • --space-28px
  • --space-316px
  • --space-424px
  • --space-532px
  • --space-648px
  • --space-772px
  • --space-8120px

Corner radius

  • Small2px
  • Medium4px
  • Large6px
  • Buttons2px
  • Chips2px

Motion

Slow and quiet: 200 to 320ms ease, opacity and colour only.

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

The course is sold as a leadership programme to managers; Atelier makes trainrs feel like the premium product it is priced as, and the monospace figures give hours and reference numbers a precise, audited feel. The dark default suits evening study; the ivory mode suits the working day and printing.

Risk: Dark screens and thin type can strain tired eyes, and a premium look raises expectations that every screen must then meet.