Nexus Learning

Design system

Every primitive of the Petrol kit, in the current theme. Switch the theme here; the last section shows both side by side.

Colours

Type

Display · Source Serif 4

Build it: create and configure your first agent

Body · Work Sans 15 on 24

Nine steps in the Nexus workspace. Tick each one as you go; the lesson completes when all are done.

Mono · timestamps, uids and commands$ nexus-learn lesson next

Buttons

Size m
Size s
Size l
Size icon
With an icon
Disabled
Pending

Chips

Not startedIn progressBeginnerOverduePending reviewAllIn progress

Cards

Nexus for SalesPath · 3 courses · 4 h 20 · due 14 SepIn progress
Getting started with NexusCourse · 3 modules · 2 h 15 · due 14 SepNot started

This week

140XP earned
3lessons done

Progress

Progress bar m
Progress bar s
Progress ring
40%75%100%

Avatars

Eyebrows

Pick up where you left off

This week

This week

Pill tabs

Status marks

DoneCurrentTo doLocked

Quiz questions

Question 1 of 7 · Single choice · 1 point Which area of the workspace makes an answer cite the current policy document?
Explanations appear after you submit
Question 2 of 7 · Multiple choice · 2 points Which of these can an agent be deployed to? Choose every channel that applies.
Explanations appear after you submit
Question 3 of 7 · True or false · 1 point A workflow can call an agent as one of its steps.
Explanations appear after you submit
Question 4 of 7 · Short answer · 1 point What do you attach to an agent so that its answers cite your documents?
Explanations appear after you submit
Question 5 of 7 · Fill in the blanks · 2 points Complete the sentence.

An agent needs a attached before it can answer from your .

Explanations appear after you submit
Question 6 of 7 · Put in order · 2 points Put the steps of shipping an agent in order.

This order is your answer unless you change it.

  1. Deploy to a channel
  2. Create the agent
  3. Attach a collection
Explanations appear after you submit
Question 7 of 7 · Matching · 2 points Match each part of an agent to what it decides.
Explanations appear after you submit

Overlays

Empty and error states

Empty, with the way on — Home, My learning and the profile with nothing enrolled

Nothing assigned yet.

Enroll in a path or a course from the catalog and it lands here, with your next lesson on top.

Open the catalog
Empty inside a section — a catalog section with nothing in it

Nothing here.

No course matches this filter.

Empty under a filter — My learning with nothing in this state

Nothing under this filter.

No course of yours is in this state right now. The other filters have the rest.

Show everything
Empty queue — the review screen with nothing waiting

Nothing is waiting for a decision.

When a learner hands an assignment in, it lands here with the rubric to grade it against.

Not built yet — a nav row whose screen is still to come

This screen is not built yet.

How your team is doing this month, and where you sit in it, will be here.

Back to home
Locked — a lesson or an assignment behind a prerequisite

This lesson is locked.

Finish Anatomy of an agent first, then it opens.

Open the course
Not found — an address nothing answers, inside the shell

There is nothing at this address.

That address has no screen yet, or the link was wrong.

Back to home
Error — a screen that could not be built, from the route's boundary

The page could not be built.

Reload, and tell the team if it happens again. Your progress is on the server, not on this screen.

Back to home
Refused — a write the service turned down, with its own sentence

That did not work.

Sales still has 3 members

Cancel
Inline status and refusal — a control's own line, under the control

Saving your answers…

App shell

On a viewport of 768px or wider the shell shows the 248px sidebar with 38px nav rows; the learner and manager routes render it full size.

Below 768px the sidebar gives way to the 56px top bar and the 84px bottom tab bar with five labelled tabs. This frame is 390px wide.

Nexus Learning

Home

The shell reads its own width, so this frame shows the phone chrome on any viewport.

Pick up where you left off

Build it: create and configure your first agent

Module 2 · Checklist · 15 min · 40 XP

Both themes

Light

Not startedIn progressBeginnerOverduePending reviewAll

Pick up where you left off

Build it: create and configure your first agent

Module 2 · Checklist · 15 min · 40 XP

40%

Dark

Not startedIn progressBeginnerOverduePending reviewAll

Pick up where you left off

Build it: create and configure your first agent

Module 2 · Checklist · 15 min · 40 XP

40%
Design system · Nexus Learning