Typography & Global Design Tokens
Standardized typography hierarchy, centralized three-layer design tokens, and verified UI components for the Stylacal marketing platform and application suite.
Heading & Body Hierarchy (Index Stack 2)
Space Grotesk is strictly reserved for high-impact Display headers (≥32px, H1, Hero titles). All UI section headings (H2–H6), form labels, and body text use IBM Plex Sans for maximum legibility. All timestamps, prices, badges, and metadata use IBM Plex Mono with tabular numerals.
Tomorrow, 09:30 EDT
Upcoming Bookings & Client Appointments
Executive Consultation with Mara Chen
Payment Authorization & Rescheduling Policies
Stylacal provides strict tenant and business profile isolation within a unified workspace. Each business profile maintains its own custom booking subdomains, dedicated Stripe Connect accounts, custom SMTP senders, and isolated customer CRM records. Shared staff availability is synchronized across profiles without leaking confidential client notes or identities.
Core Palette Tokens (WCAG 2.2 AA Verified)
Restrained industrial timetable palette. Dark ink (#242627) on silver canvas (#F1F2F2) provides 13.55:1 contrast. Sulfur accent (#C7B65E) is reserved for deliberate focus and selection. Status colors convey meaning through text first.
Interactive Controls & Touch Targets (≥44px / 48px)
All buttons feature 48px standard height, 2px border-radius, explicit hover and active states, and 3px solid ink focus-visible outlines.
Status Chips (Text-First, 11px Mono)
Form Controls & Validation States
Fixed-Width Numbers for Scheduling & Money
All timestamps, prices, and tables enforce tabular numeral metrics (`font-variant-numeric: tabular-nums`) so numbers line up perfectly across vertical columns.
| Time (EDT) | Client & Service | Staff Member | Appointment Status | Financial Obligation |
|---|---|---|---|---|
| Sarah Jenkins Brand Identity Milestone | Mara Chen | Confirmed | $250.00 (Paid) | |
| David Kroll Technical Architecture Review | Isaac Cole | Awaiting Approval | $400.00 (Due) | |
| Elena Rostova Quarterly Retainer Planning | Leila Brooks | Payment Pending | $180.00 (Due) |
Empty, Loading, Error, and Success States
No Appointments Found
There are no client bookings scheduled for the selected date range. Choose another date or invite clients via your public booking link.