CurtainCritics Design System
v0.3.0 Last modified 2026-06-29
Language
EN
Viewport

Starwind adoption

Decisions to be made

Numbered comparison board: current Curtain Critics design-system pattern on the left, Starwind component themed as close as possible to Curtain Critics on the right.

Adoption rule All installed Starwind core components are part of this DS intake. If a component overlaps an existing Curtain Critics pattern, the goal is to theme/adapt Starwind until it matches our decision. If it has no current counterpart, it stays here as a Starwind-backed DS primitive for future product use.
Feedback pass applied Many rows now have a direction: Starwind functionality with Curtain Critics styling where useful, current DS styling where the house style is already stronger. Rows that were explicitly unclear stay marked as open instead of receiving invented product decisions.
Not adopted for product DS Color Picker and Context Menu are installed with Starwind but removed from the active decision board: current product feedback says we do not need them.
D01

Accordion

Decision: use Starwind behaviour, themed to Curtain Critics.

Current DS

Current DS uses plain action/disclosure styling with ink borders.

Starwind themed
Production and show scope stay separate; Starwind should inherit square rules and mono labels.
D02

Alert

Decision: keep current Curtain Critics alert style.

Current DS
Showing keyword-search results instead.
Ticket upload failed.
Starwind themed
Fallback active

Showing keyword-search results instead.

D03

Button

Decision: keep Curtain Critics buttons. Affiliate tickets use orange fill; external tickets use light/outline.

Current DS
Starwind themed
D04

Alert Dialog

Decision: keep Curtain Critics visual language; Starwind may provide dialog mechanics.

Current DS
Confirming will override agent-ingested data.
Starwind themed

Override imported value?

Approving this will replace agent-ingested schedule data.

D05

Aspect Ratio

Decision: use 16:9 as the stable media default.

Current DS
OperaTosca
Starwind themed
16:9 stage panel
D06

Avatar

Decision: hybrid — coloured circle from CC, Starwind/name treatment can inform layout.

Current DS
Starwind themed
MS
Mira Sandor
D07

Badge

Decision: badges are not pills. Genre badges are full colour with white symbol/text.

Current DS
Critics pick Verified attendance Opera
Starwind themed
Critics pick
Verified
Opera
D08

Breadcrumb

Decision: hybrid — mono CC font, clickable items orange, no underline.

D09

Separator

Hairlines between dense editorial facts.

Current DS
ProductionVienna
Starwind themed
Production detailsCast and credits
D10

Button Group

Decision: use our segmented-control variant. Starwind can support behaviour, but the visual result should be ours.

Current DS
Starwind themed
D11

Card

Decision: hybrid — repeated items only; card ground gets a subtle off-background tint, separate from genre tint.

Starwind themed
Tosca
Wiener Staatsoper - Opera

User score 9.2 and Press score 8.4 remain separate.

D12

Carousel

Decision open: clarify whether this belongs only to finite media galleries, or should stay out of the product DS for now.

Current DS
Starwind themed
D13

Checkbox

Decision: keep Curtain Critics checkbox/consent rows.

Current DS
Starwind themed
D14

Collapsible

Decision open: clarify concrete product use before adopting. Demo only shows a possible detail-panel shape.

Current DS

Publishing never needs the AI checkbox.

Starwind themed
D15

Input

Text fields with 2px borders, warm surfaces, large touch targets.

Current DS
Starwind themed
D16

Select

Custom select and combobox base.

Current DS
Starwind themed
D18

Dropdown

Account menus and compact action menus.

Starwind themed
D20

Dialog

Standard modal flows, not destructive confirmations.

Current DS

Current DS has overlay tokens but no canonical dialog component yet.

Starwind themed
D21

Dropzone

Ticket proof upload and admin import files.

Current DS
Upload ticket proof Image or PDF under 10 MB
Starwind themed
D22

Hover Card

Decision: use Starwind hover behaviour, but the trigger and content should read as Curtain Critics.

Current DS
Anja Harteros

Current DS uses links plus plain metadata.

Starwind themed
D23

Image

Decision open: clarify whether Starwind Image should cover real credited media while CC keeps no-image states.

Current DS
No imageTosca
Starwind themed
Stage placeholder
D24

Textarea

Review authoring and support messages.

Current DS
Starwind themed
D25

Input Group

Search fields, prefixes, and compact actions.

Current DS
opera in Vienna next week
Starwind themed
D26

Input OTP

Verification codes and secure admin actions.

Current DS
Starwind themed
D27

Item

Decision: use our edge-aligned result row. Image anchors the row; type aligns to image top and venue to image bottom.

Current DS
Production
Tosca
Wiener Staatsoper
Starwind themed
Production
Tosca
Wiener Staatsoper
D28

Kbd

Keyboard hints in internal tools only.

Current DS
CmdK
Starwind themed
Cmd K
D29

Label

Form labels and required field clarity.

Current DS
Starwind themed
D30

Native Select

Decision: keep native select fallback, but the downward chevron must use our inset CC arrow style.

Current DS
Starwind themed
D31

Pagination

Decision: Starwind-hybrid with left/right arrows, orange clickable items, and no underline.

Current DS
D32

Popover

Decision: adopt Starwind behaviour for score and filter explanations; Curtain Critics keeps trigger and panel styling.

Current DS

Use for short contextual explanations that should not interrupt the page.

Starwind themed
D33

Progress

Uploads, import jobs, and moderation queues.

Current DS
Import 64%
Starwind themed
Import 64%
D34

Prose

Markdown-like editorial and support content.

Current DS

Plain language

Publishing is free and never requires AI consent.

Starwind themed

Plain language

Publishing is free and never requires AI consent.

Learn more
D35

Radio Group

Decision: use our row baseline. Radio controls align with the label baseline, not below it.

Current DS
Starwind themed
Review scope
D36

Scroll Area

Decision: use our constrained-scroll styling. Starwind may provide mechanics, but the visible treatment is ours.

Current DS

Cast row 1

Cast row 2

Cast row 3

Cast row 4

Starwind themed
D37

Sheet

Mobile drawer and side panels.

Current DS

Current header drawer uses DS chrome logic.

Starwind themed

Filters

Adjust date, genre, and verified-only filters.

D38

Skeleton

Decision: skeletons preserve layout but do not pulse or shimmer on the board demo.

Current DS
Starwind themed
D39

Tooltip

Icon-only buttons and dense admin controls.

Current DS
Starwind themed
D40

Sidebar

Decision: use our sidebar/navigation variant; Starwind may inform structure only.

Starwind themed
Admin
Components
D41

Slider

Rating inputs and filters.

Current DS
8.0
Starwind themed
D42

Spinner

Decision: combine Starwind loading function with the Curtain Critics spinner mark; no generic info icon.

Current DS
Loading schedule data.
Starwind themed
Loading schedule data
D43

Switch

Binary settings and preferences.

Current DS
Starwind themed
D44

Table

Decision: keep the table compact with smaller CC UI typography.

Current DS
SourceStatus
StaffApproved
AgentConflict
Starwind themed
Import review
Source Status
Staff Approved
Agent Conflict
D45

Tabs

Decision: no black plus orange double line; tabs carry only the active orange indicator.

Current DS
Starwind themed
D46

Toggle

Decision: use our pressed action styling for seen/want-to-see states.

Current DS
Starwind themed
D47

Theme Toggle

Deferred by feedback: dark mode/theme switching stays out of active product DS scope for now.

Current DS
Current DS has no public theme switch.
Starwind themed
D48

Toast

Ephemeral feedback for saved actions.

Current DS
Review saved.
Starwind themed
D49

Video

Only for credited production/media assets.

Current DS
00:00
Starwind themed