Workspace / Fictional demo

Workspace directory

Explore every operational page, report and secondary interface example.

Your whole studio, within reach.

Daily tools live in the sidebar. Open the complete operational library below, including reports, settings and the secondary UI kit.

Back to the studio desk

Studio dashboards

Studio deskRun the reference day’s appointments, guest arrivals and open chair time.dashboard Consultation performanceReview consultation stages, proposed service value and the next follow-up.dashboard Studio scorecardBalance client care, service demand and the studio’s operating commitments.dashboard Studio discoveryCompare referral, website and walk-in enquiries with clear follow-up priorities.dashboard Client careReview return visits, client preferences and care-plan follow-ups.dashboard Studio takingsReconcile service invoices, open balances and demonstration payments.dashboard Stylist capacityReview service minutes, chair allocation and the next available time.dashboard Studio activityFollow appointment, client and studio handoffs from the local audit trail.activity

Registers & profiles

Client bookFind a client, review care preferences and prepare their next studio visit.table Service slotsReview each stylist’s one-guest service slot, start time and assigned chair.table AppointmentsManage confirmed studio visits using the shared client and service-slot catalog.table Guest arrival logKeep dated arrival history separate from guests currently in the studio.table Package balancesReview purchased, used and remaining prepaid visit credits.table Consultation registerTrack service goals, estimated value, stylist ownership and consultation stage.table Event & workplace partnersKeep event partners, studio allowances and canonical contact details together.table Client communicationsReview preferred channels and contact details before drafting a message.table New client enquiriesQualify service interests and assign a useful consultation follow-up.table Chairs & studio spacesReview styling chairs, consultation space and maintenance readiness.table Care-plan catalogCompare prepaid packages, their included visits and illustrative prices.table Client care plansManage a client’s chosen package, status and review date.table Payment ledgerReconcile fictional service and care-package payment entries.table Studio invoicesReview paid, sent, overdue and draft service invoices.table Service estimatesPrepare and track client service-package estimates.table Stylists & teamReview stylist roles, availability and assigned visits.table Audit logInspect the local demonstration trail of operational changes.table Equipment registerTrack inspection dates, room allocations and service requests.table Appointment waitlistReview waiting clients and offer newly available service times.table Avery MorganAvery’s shared client profile, care preferences, visits and communication details.member-profile Signature cut · 09:00Review the service slot, assigned stylist, client and appointment state.service-detail Noah ReedReview Noah’s cutting services, assigned appointments and studio availability.trainer-profile Taylor’s colour refreshCoordinate Taylor’s colour goals, consultation follow-up and service estimate.detail Alder Works partnershipReview partner allowance, named contact and studio relationship.detail Avery’s communication profileReview Avery’s canonical email and preferred communication channel.detail Enquiry qualificationUse transparent priorities to organize requested service follow-ups.scoring Service menuCompare salon service durations, prices, deposits and categories.table Retail & colour stockReview product quantities, reorder points, suppliers and stock status.table

Intake & planning

Add clientCreate a client profile with their care interests, stylist and communication preferences.form Add studio partnerCreate an event or workplace partner and name their primary studio contact.form Seasonal service campaignDraft a service invitation with an audience, preference tags and review notes.form Tool & stock requestRequest studio tools, colour stock or maintenance with an illustrative allowance.form Guest feedbackRecord service feedback and a requested follow-up locally.form Client intake checksValidate a name, contact address and care preference with clear field feedback.form Book appointmentChoose a client and available service slot, review the details and save locally.booking-form Activate care planReview a prepaid salon package and its included visit allowance.membership-form Plan consultationBuild a validated consultation brief, estimate and follow-up in three steps.wizard Upload studio documentsStage local service references and files; no remote upload occurs.upload Colour consultation briefPrepare a consultation draft with goals, current colour, timing and studio-review notes.form

Studio tools

Consultation boardMove the same consultations as the register between shared stages.kanban Appointment calendarCoordinate service slots, stylist appointments and studio events.calendar Guest arrivalsFind a client, review their details and record or reverse a local arrival.check-in Appointment deskAssign a client to an available one-guest service slot and manage cancellations.roster Stylist assignmentsReview chair coverage and assign a stylist to each published service slot.assignments Studio checklistAssign opening, sanitation, restocking and guest-care tasks.tasks Studio initiativesCoordinate the colour-bar refresh, winter service menu and new-client welcome.projects Colour-bar refreshTrack inspection, tools, quotes and readiness before reopening the colour bar.project Client inboxTriage fictional care-plan, service and appointment conversations.inbox Care-plan pause requestReview Avery’s request and draft a reply to the same canonical client.email Compose client messagePrepare a local draft for review; no email is sent.compose Stylist handoffsOrganize concise hair goals, finish preferences and practical studio handoffs.notes Studio documentsOrganize service guides, care policies and team resources.files Studio approvalsReview care-plan pauses, refund requests and tool servicing.approvals Invoice MV-1048Review a historical salon invoice using the canonical client and studio identities.invoice Build service estimateChoose a client and stylist, adjust line items and reconcile a service estimate.quote Import client dataPreview CSV columns and validate rows before a local import.import Export centerExport selected studio registers to portable CSV or JSON.export Saved studio viewsReopen filtered client, appointment, consultation and invoice views.presets Studio copilotDraft service communications with the actual Smart Routing service and authorized configuration.ai Check client emailInspect the real Email Validator response without implying consent or guaranteed delivery.ai Connected servicesUnderstand the two direct API services and their account-owned configuration.integrations Consultation notesReview the same clients’ hair goals, texture and preferred finish before their visit.consultation-notes

Reports & charts

Service revenueExplore illustrative service income by month and service category.analytics Client return rateReview repeat visits and rebooking opportunities by client cohort.analytics Enquiry sourcesCompare referral, website, walk-in and event sources.analytics Consultation lead timeReview how enquiries progress to an agreed service plan.analytics Revenue by serviceCompare cutting, colour, finishing and consultation income.analytics Chair-time plannerModel weekly service capacity with explicit slots, guest counts and booking assumptions.forecast First-visit cohortsCompare first-visit cohorts and their subsequent return visits.cohort Enquiry-to-visit funnelReview the path from first enquiry to a confirmed studio visit.funnel Studio goalsTrack rebooking, guest care and service readiness goals.goals Report studioChoose dimensions, measures and a chart for a local studio report.report-builder Visit trendsCompare daily client arrivals across a complete week.chart Services by categoryCompare service visits across cutting, colour, finishing and consultation.chart Active membershipsReview the cumulative active client trend.chart Plan distributionCompare the three membership plan shares.chart Bookings and attendanceCompare booked and attended sessions together.chart Session utilizationCompare available capacity with attended session places.chart Service qualityCompare client service dimensions with a clear common scale.chart Arrival heatmapFind the busiest studio arrival windows by day and time.chart

UI-kit components

Actions and buttonsCompare primary, secondary, danger, loading and icon actions.components TypographyReview the bundled Manrope and Source Sans 3 hierarchy and readable labels.components Semantic colorsInspect studio brand surfaces and accessible operational states.components Cards and stylistsCompare photo, metric and service card composition.components Table patternsInspect dense, responsive and selected client rows.components Form controlsReview labelled inputs, validation and help text.components Selection controlsTry membership plan options, toggles and checkboxes.components Dialogs and drawersOpen related-surface dialogs, drawers and confirmation flows.components Feedback and alertsTry success, attention and error notifications.components Tabs and navigationSwitch between client profile tabs and navigation patterns.components Progress and capacityInspect capacity bars, consultation steps and upload progress.components Disclosure patternsExplore membership and service policy questions.components Empty and error statesReview helpful next steps when there are no matching studio records.components

Workspace & support

Studio permissionsPreview stylist, reception and manager access as a local demonstration.permissions Studio settingsEdit the fictional studio profile, hours and preferences on this device.settings My profileUpdate the local demonstration staff profile and preferences.settings Notification preferencesChoose reminder, capacity and billing notification preferences.settings Care-package billingCompare current one-time salon package prices and visit allowances before local activation.settings API usage guideUnderstand Smart Routing and Email Validator allowances and shared quotas.settings Security settingsReview demonstration access controls and production security guidance.settings Staff sign inDemonstrate a local-only staff sign-in flow.auth Create staff demoCreate a local demonstration profile without a backend account.auth Access assistanceDemonstrate a password help request without sending an email.auth Workspace lockedDemonstrate the local workspace unlock screen.auth Page not foundRecover from a missing page with useful studio navigation.error Something went wrongRetry a demonstration error state or return to the studio overview.error Studio system updateReview a demonstration maintenance state and read local support guidance.error Search workspaceSearch studio pages and fictional client, service and billing records.search Help centerFind guidance for daily salon operations and the local demo.help Appointments & package guideUnderstand one-guest appointments, visit credits and reversible local changes.article Release notesReview the template’s original release and included workflows.changelog Privacy noticeUnderstand local demo data, browser storage and direct API requests.legal Template termsRead the MIT template terms and the distinction between demo and real services.legal Workspace directoryExplore every operational page, report and secondary interface example.directory

UI-kit layouts

Compact studio deskA denser client-service workspace with visible essential actions.layout Wide scheduling workspaceAn expanded view for service scheduling and roster review.layout Focused client taskA focused care-package review with the client’s current salon details.layout Split appointment workspaceOne guest beside their service details, stylist and chair.layout Horizontal navigationAn alternative studio workspace navigation pattern.layout

Fictional studio · Appointments, payments and messages are local demonstrations. Changes stay on this device.