src/components/sticker-art.tsxSticker Art
The product’s imagery language, in place of gray-box placeholders. Each scene is a fanned deck of the product’s OWN UI fragments rendered as die-cut stickers that deal in on entry. Most share one toolkit (Deck, ArtSticker, ArtBar); this page collects every illustration used across the product so the whole family can be reviewed in one place. Decorative and aria-hidden; the copy carries the meaning.
First-use tutorial captures
The hero imagery for the four first-sign-in walkthrough slides. NOT sticker decks: these are live, static “product captures”: real product surfaces (the reader’s learner card, the Home folder pile, the licensed finale) rendered with the app’s own tokens, framed in a 5:3 viewport and scaled to fit so they stay vector-crisp and identical on the mobile drawer and desktop modal.
Welcome (your learner card)
Your path (the folder pile)
Complete → unlock (the pile reorders)
Finish line (licensed finale)
Journey stage-heroes
Online course
Lessons build progress toward the learner license (the yellow-band reward).
Driving lessons
A booked slot and a certified instructor, logging hours behind the wheel.
Road test
Eligibility clears, then an examiner slot is ready to book.
Licensed
The issued credential, a course certificate, and solo driving.
Stage-heroes with live data
The three progress scenes read the student’s real state on the dashboard (course completion, the soonest booked drive + logged hours, the booked examiner slot). Above, with no data, each shows an illustrative placeholder (an unlabeled bar, a calendar glyph, a generic avatar) so the pre-engagement invitation never states a specific figure as if it were the student’s. Below, the same scenes fed sample live values.
Online course · 38% complete
Real completion percent drives the bar and its figure.
Driving lessons · booked + underway
The soonest drive (Sat 18), 12 of 30 hours logged, and that drive's instructor.
Road test · slot booked
The booked examiner appointment (Mon 20) in place of the calendar glyph.
Journey folder states
Road test booked
The shared BookedDeck: the examiner, the booked date and time, the branch. Live, from the booked slot.
Not passed (retake)
The examiner's feedback, the skills good to go out of all of them (from the real report), and a retake still to date.
Passed (finale)
The licensed finale with a stamping seal.
Referral
Reward card (hub hero)
The referral hub hero: a single bg-brand credit-card-shaped reward card (a mini cousin of the Billing plan card), NOT a deck.
Refer a friend (email dialog)
Your code, the reward (a small cousin of the hub's reward card), and the two steps that earn it.
Post-drive report
Passed
The day of the drive, the skills good to go from its report, and the result cue.
Not passed
Same deck, the not-passed variant.
Booking
Drive booked
The booking-confirmed scene, the same BookedDeck the road-test folder rests on.
Invite & linking
Invite header (student)
The invite by email, the person it is for, and the login it gives them.
Invite header (guardian, no name yet)
Link request
Guardian links a student: pending, the email with its one ask, the roster they join.
Confirmations
Certificate ready
Single card: the framed certificate, the same face as the finale's, with the seal.
ITTD uploaded
The upload received, the Impact Texas certificate, and the road test it clears the way to.
Learner license on file
Single card: the stored learner license.
Paperwork ready (DPS opt-out)
Single card: the printable packet + seal.
Used on
- Console
- /console/console (every page)/console/admin/console/admin/history/console/business-reporting/console/business-reporting/btw-hours/console/business-reporting/enrollment/console/business-reporting/fleet-size/console/business-reporting/payroll/console/catalog/console/catalog/contracts/[id]/console/certificates/console/curriculum/console/financials/console/financials/balances/console/financials/earned/console/financials/refunds/console/financials/sales/console/financials/transactions/console/financials/waived-fees/console/fleet/console/fleet/[id]/console/locations/console/locations/[id]/console/locations/franchises/[id]/console/notifications/console/people/console/people/[id]/console/reporting/console/reporting/certificate-upload/console/reporting/dps-report/console/reporting/student-records/console/reporting/student-records/[id]/console/scheduling/console/scheduling/queue