Full horizontal logo
Design System Showcase
Reusable tokens, components, and page foundations
This page documents the visual system for My Theater Poster, including placeholder logos, interactive controls, accessibility states, and the core card and form patterns used across the site.
Logo System
Temporary SVG placeholders sized for later brand replacement
Compact badge
Icon mark
Buttons & Links
Substantial controls with clear low-light focus states
Inline link example: see the recommended plan treatment.
Decorative Elements
Restrained Art Deco accents used sparingly
Divider
Ticket label
Opening NightThree-star motif
Cards
Poster Card, feature, pricing, testimonial, and device patterns
Selected
Poster Card
Feature card
Dark raised surfaces, warm borders, and readable body copy.
Pricing card
$19
- Poster scheduling
- Priority display controls
“The poster grid feels curated.”
Reusable testimonial cards stay calm and readable on dark backgrounds.
Pending
Device card
Status and device metadata never rely on color alone.
Status badges
Form Fields
Readable inputs, validation states, and grouped controls
Connection warning
The hallway display lost sync 4 minutes ago. Controls remain available.
Navigation & States
Tabs, filters, pagination, empty states, and loading treatments
Product account tabs can segment devices, orders, and support settings.
Account tabs can group profile, billing, and theater settings in restrained control panels.
No posters found
Try clearing filters or adding a new collection to your theater library.
Loading state
The loader remains subtle and stable for dark-room viewing.