SafeWayDesign system
HomeComponentsPrimitives

Products

Student portalConsole
Theme

Empty states, before and after

Every empty state in the Console, the student portal and this catalog. Each one names the thing its space holds, and the scene draws a ghost of that thing in the portal’s sticker language, in neutral tones. How the scene is laid out follows what the state is saying.

Nothing yet 37All clear 5No match 13Not found 11No access 1Error 1

The set

Every scene as it lands in an empty state, then one scene in each of the six moods.

people
contact
notifications
drives
report
dashboard
course
certificate
catalog
page
photos
locations
day
checklist
history
documents
receipt
car
offers
components
Nothing yet
All clear
No match
Not found
No access
Error

Nothing yet

The thing this space holds lands, with dashed slots for more.

Dashboard · every widget removedConsoleapp/console/dashboard/dashboard-canvas.tsx

Before

Your dashboard is empty

Choose the widgets you want to start the day with.

After

Your dashboard is empty

Choose the widgets you want to start the day with.

Dashboard · emptied, while editingConsoleapp/console/dashboard/dashboard-canvas.tsx

Before

Nothing placed yet

Add a widget from the gallery, or reset to the default.

After

Nothing placed yet

Add a widget from the gallery, or reset to the default.

People · rosterConsoleapp/console/people/people-roster.tsx

Before

No students here

Nobody at Katy yet.

After

No students here

Nobody at Katy yet.

Instructor · Students tabConsoleapp/console/people/[id]/person-profile.tsx

Before

No students yet

A student appears here once they book a drive with this instructor, or take one.

After

No students yet

A student appears here once they book a drive with this instructor, or take one.

Student · Guardian cardConsoleCompactapp/console/people/[id]/person-profile.tsx

Before

No guardian yet

Added when they enroll in the portal.

After

No guardian yet

Added when they enroll in the portal.

Adult student · Emergency contact cardConsoleCompactapp/console/people/[id]/person-profile.tsx

Before

No emergency contact

Who to call if something happens.

After

No emergency contact

Who to call if something happens.

Scheduling · a location with no instructorsConsoleapp/console/scheduling/no-instructors.tsx

Before

No instructors at Katy

Add the instructors who teach here, and their rows appear on the schedule.

After

No instructors at Katy

Add the instructors who teach here, and their rows appear on the schedule.

Scheduling · weekConsoleapp/console/scheduling/scheduling-week.tsx

Before

Nothing this week

No hours are on the schedule yet.

After

Nothing this week

No hours are on the schedule yet.

Person · Today cardConsoleCompactapp/console/people/[id]/person-profile.tsx

Before

Nothing today

They have no hours on the schedule today.

After

Nothing today

They have no hours on the schedule today.

Car · Today cardConsoleCompactapp/console/fleet/[id]/vehicle-record.tsx

Before

Nothing scheduled

No hours are on this car today.

After

Nothing scheduled

No hours are on this car today.

Location · Today cardConsoleCompactapp/console/locations/[id]/location-record.tsx

Before

Nothing booked today

Drives booked here appear on the day they run.

After

Nothing booked today

Drives booked here appear on the day they run.

Student · Drives, upcomingConsoleapp/console/people/[id]/person-profile.tsx

Before

Nothing booked

Drives the student books appear here.

After

Nothing booked

Drives the student books appear here.

Student · Drives, pastConsoleapp/console/people/[id]/person-profile.tsx

Before

No drives yet

Drive reports appear here after the first one.

After

No drives yet

Drive reports appear here after the first one.

Car · Drives, upcomingConsoleapp/console/fleet/[id]/vehicle-drives.tsx

Before

Nothing booked

No student is booked into this car in the next two weeks.

After

Nothing booked

No student is booked into this car in the next two weeks.

Car · Drives, pastConsoleapp/console/fleet/[id]/vehicle-drives.tsx

Before

No drives on record

Nobody has driven this car in the last two weeks.

After

No drives on record

Nobody has driven this car in the last two weeks.

Fleet · listConsoleapp/console/fleet/fleet-list.tsx

Before

No cars here

No car has been added to this location yet.

After

No cars here

No car has been added to this location yet.

Car · InspectionsConsoleapp/console/fleet/[id]/vehicle-inspections.tsx

Before

Nothing logged

Inspections appear here once an instructor checks this car in or out.

After

Nothing logged

Inspections appear here once an instructor checks this car in or out.

Car · Earlier inspectionsConsoleCompactapp/console/fleet/[id]/vehicle-inspections.tsx

Before

Nothing earlier

Only the one above has been logged on this car.

After

Nothing earlier

Only the one above has been logged on this car.

Car · ServiceConsoleapp/console/fleet/[id]/vehicle-service.tsx

Before

No service recorded

No service has been logged for this car yet.

After

No service recorded

No service has been logged for this car yet.

Location · Overview photosConsoleapp/console/locations/[id]/location-gallery.tsx

Before

No photos yet

The storefront, where lessons start, the classroom.

After

No photos yet

The storefront, where lessons start, the classroom.

Locations · listConsoleapp/console/locations/locations-list.tsx

Before

No locations here

Locations appear here when they are added to a franchise.

After

No locations here

Locations appear here when they are added to a franchise.

Franchise · LocationsConsoleapp/console/locations/franchises/[id]/franchise-record.tsx

Before

No locations yet

Bayou Driving has nowhere to schedule at until a location is added.

After

No locations yet

Bayou Driving has nowhere to schedule at until a location is added.

Car · DocumentsConsoleapp/console/fleet/[id]/vehicle-documents.tsx

Before

Nothing filed yet

Insurance certificates, registration and service paperwork go here.

After

Nothing filed yet

Insurance certificates, registration and service paperwork go here.

Location · DocumentsConsoleapp/console/locations/[id]/location-record.tsx

Before

Nothing filed yet

The lease, the city’s business license and inspections go here.

After

Nothing filed yet

The lease, the city’s business license and inspections go here.

Franchise · DocumentsConsoleapp/console/locations/franchises/[id]/franchise-record.tsx

Before

Nothing filed yet

License certificates, the franchise agreement and insurance go here.

After

Nothing filed yet

License certificates, the franchise agreement and insurance go here.

Person · DocumentsConsoleapp/console/people/[id]/person-profile.tsx

Before

Nothing filed yet

A transfer certificate or a permit: paper kept against this student goes here.

After

Nothing filed yet

A transfer certificate or a permit: paper kept against this student goes here.

Student · Course tabConsoleapp/console/people/[id]/person-profile.tsx

Before

No course on this package

10 Hour Adult Package is drive hours only. Add one in Billing.

After

No course on this package

10 Hour Adult Package is drive hours only. Add one in Billing.

Student · CertificateConsoleapp/console/people/[id]/person-profile.tsx

Before

No certificate yet

It is issued when the classroom gate clears, or by hand from here.

After

No certificate yet

It is issued when the classroom gate clears, or by hand from here.

Certificates · a poolConsoleapp/console/certificates/certificates-page.tsx

Before

Nothing issued yet

Certificates appear here as students complete the classroom course.

After

Nothing issued yet

Certificates appear here as students complete the classroom course.

Certificates · a location with no poolConsoleapp/console/certificates/certificates-page.tsx

Before

No pool serves this location

Certificates cannot be issued here until a franchise pool is assigned to it.

After

No pool serves this location

Certificates cannot be issued here until a franchise pool is assigned to it.

Curriculum · tracksConsoleapp/console/curriculum/curriculum-view.tsx

Before

No tracks yet

Add the first track to the library.

After

No tracks yet

Add the first track to the library.

Curriculum · a track’s itemsConsoleapp/console/curriculum/curriculum-view.tsx

Before

No track items yet

A track item groups the elements an instructor works through, like Warm-up or Turns.

After

No track items yet

A track item groups the elements an instructor works through, like Warm-up or Turns.

Catalog · packagesConsoleapp/console/catalog/catalog-list.tsx

Before

No packages yet

Add a package to start selling it.

After

No packages yet

Add a package to start selling it.

Catalog · offersConsoleapp/console/catalog/catalog-list.tsx

Before

No offers yet

Offers corporate makes appear here, each with its dates and where it is on.

After

No offers yet

Offers corporate makes appear here, each with its dates and where it is on.

Every History card and tab (14 places)Consolecomponents/history-timeline.tsx

Before

Nothing recorded yet

Edits, price changes, publishing and archiving appear here as they happen.

After

Nothing recorded yet

Edits, price changes, publishing and archiving appear here as they happen.

Lessons · upcoming drivesStudent portalapp/(student)/dashboard/lessons/upcoming-drives.tsx

Before

No drives booked yet

Book the first drive to get behind the wheel with a certified instructor.

After

No drives booked yet

Book the first drive to get behind the wheel with a certified instructor.

Documents · a pocketStudent portalapp/(student)/dashboard/documents/documents-pockets.tsx

Before

No certificates yet

Your certificates will appear here as you enroll and progress.

After

No certificates yet

Your certificates will appear here as you enroll and progress.

All clear

Empty is good news: the thing alone, with a check on it.

NotificationsConsoleapp/console/notifications/notifications-content.tsx

Before

You’re all caught up

Approvals, broadcasts, and account changes will show up here. What needs doing today stays on your dashboard.

After

You’re all caught up

Approvals, broadcasts, and account changes will show up here. What needs doing today stays on your dashboard.

NotificationsStudent portalapp/(student)/dashboard/notifications/notifications-content.tsx

Before

You’re all caught up

Updates about your course, drives, and account will show up here.

After

You’re all caught up

Updates about your course, drives, and account will show up here.

Car · IncidentsConsoleapp/console/fleet/[id]/vehicle-incidents.tsx

Before

Nothing reported

No incidents reported for this car.

After

Nothing reported

No incidents reported for this car.

Instructor · TrainingConsoleapp/console/people/[id]/person-profile.tsx

Before

No training assigned

Assign training with a deadline after a complaint or a review.

After

No training assigned

Assign training with a deadline after a complaint or a review.

Financials · Waived feesConsoleapp/console/financials/waived-fees/waived-fees-report.tsx

Before

Nothing waived

No fee waived or hours granted in this period.

After

Nothing waived

No fee waived or hours granted in this period.

No match

A search or filter came back empty. The quietest, and compact.

Car · Service, a categoryConsoleapp/console/fleet/[id]/vehicle-service.tsx

Before

Nothing in this category

No service has been logged for this car yet.

After

Nothing in this category

No service has been logged for this car yet.

People · roster, searchedConsoleapp/console/people/people-roster.tsx

Before

No students match “Marisol”

Try a different name or email.

After

No students match “Marisol”

Try a different name or email.

People · roster, filteredConsoleapp/console/people/people-roster.tsx

Before

No students match these filters

Nobody is in that state right now.

After

No students match these filters

Nobody is in that state right now.

Fleet · list, searchedConsoleapp/console/fleet/fleet-list.tsx

Before

No cars match “417”

Try a car number or a plate.

After

No cars match “417”

Try a car number or a plate.

Fleet · list, filteredConsoleapp/console/fleet/fleet-list.tsx

Before

No cars match these filters

No car at Katy is in that state.

After

No cars match these filters

No car at Katy is in that state.

Car · Service, searchedConsoleapp/console/fleet/[id]/vehicle-service.tsx

Before

No service matches “brakes”

Try a vendor, a category, or what was done.

After

No service matches “brakes”

Try a vendor, a category, or what was done.

Locations · list, searchedConsoleapp/console/locations/locations-list.tsx

Before

No locations match “Pearland”

Try a different name, city or street.

After

No locations match “Pearland”

Try a different name, city or street.

Locations · list, filteredConsoleapp/console/locations/locations-list.tsx

Before

No locations match these filters

No location is retired.

After

No locations match these filters

No location is retired.

Catalog · searchedConsoleapp/console/catalog/catalog-list.tsx

Before

No packages match “weekend”

Try a different name, or what the package includes.

After

No packages match “weekend”

Try a different name, or what the package includes.

Catalog · filteredConsoleapp/console/catalog/catalog-list.tsx

Before

No packages match these filters

Nothing matches with these filters on.

After

No packages match these filters

Nothing matches with these filters on.

Certificates · pools, searchedConsoleapp/console/certificates/certificates-page.tsx

Before

No pools match “Bayou”

Try a franchise, a provider number or a location.

After

No pools match “Bayou”

Try a franchise, a provider number or a location.

Certificates · list, filteredConsoleapp/console/certificates/certificates-page.tsx

Before

No certificates match these filters

No revoked teen certificates.

After

No certificates match these filters

No revoked teen certificates.

Components · searchedDesign systemapp/(app)/components/catalog-index.tsx

Before

No components match “carousel”

Try another word, or clear a filter.

After

No components match “carousel”

Try another word, or clear a filter.

Not found

A link that leads nowhere: the ghost of what was looked for.

Any Console address that leads nowhereConsoleapp/console/not-found.tsx

Before

Page not found

That address doesn’t match anything here. You’re still signed in.

After

Page not found

That address doesn’t match anything here. You’re still signed in.

Any address outside the ConsoleStudent portalapp/not-found.tsx

Before

Page not found

That address doesn’t match anything here.

After

Page not found

That address doesn’t match anything here.

A person’s linkConsoleapp/console/people/[id]/person-profile.tsx

Before

Person not found

No record matches this link at the locations you can see.

After

Person not found

No record matches this link at the locations you can see.

A student who moved locationsConsoleapp/console/people/[id]/person-profile.tsx

Before

Student moved

They are now at Sugar Land, outside the location you’re viewing.

After

Student moved

They are now at Sugar Land, outside the location you’re viewing.

A car’s linkConsoleapp/console/fleet/[id]/vehicle-record.tsx

Before

Car not found

No car matches this link at the locations you can see.

After

Car not found

No car matches this link at the locations you can see.

A location’s linkConsoleapp/console/locations/[id]/location-record.tsx

Before

Location not found

No location matches this link among the ones you can see.

After

Location not found

No location matches this link among the ones you can see.

A franchise’s linkConsoleapp/console/locations/franchises/[id]/franchise-record.tsx

Before

Franchise not found

No franchise matches this link among the ones you can see.

After

Franchise not found

No franchise matches this link among the ones you can see.

A package’s linkConsoleapp/console/catalog/package-drawer.tsx

Before

Package not found

No package matches this link.

After

Package not found

No package matches this link.

An item’s linkConsoleapp/console/catalog/item-drawer.tsx

Before

Item not found

No item matches this link.

After

Item not found

No item matches this link.

A certificate’s linkConsoleapp/console/certificates/certificates-drawer.tsx

Before

No certificate 0041872 here

It may belong to a location you cannot see, or the number has not been issued.

After

No certificate 0041872 here

It may belong to a location you cannot see, or the number has not been issued.

A pool’s linkConsoleapp/console/certificates/certificates-drawer.tsx

Before

No pool here

It may belong to a franchise you cannot see.

After

No pool here

It may belong to a franchise you cannot see.

No access

There, but not for this reader.

An area above the reader’s tierConsoleapp/console/no-access.tsx

Before

Financials is Corporate Admin or Franchise Owner only

You’re signed in as Operator.

After

Financials is Corporate Admin or Franchise Owner only

You’re signed in as Operator.

Error

It did not load.

An area that failed to renderConsoleapp/console/error.tsx

Before

This area didn’t load

Nothing you were doing has been lost.

After

This area didn’t load

Nothing you were doing has been lost.