Component showcase design

Reader​

A designer or engineer choosing an existing Dream component before building a new one.

Primary job​

Scan the system by component job, inspect representative states, and open a real composition when context determines whether the pattern works.

Composition thesis​

Use an airy catalogue rhythm: strong specimen names, quiet one-line purpose, and a separate neutral preview well. Category navigation should read as one directory rather than a dashboard of competing cards.

External catalogues may inform spacing, preview framing, hierarchy, and scan paths. They do not supply Dreamineering's identity, assets, copy, fonts, tokens, or proof.

Protected authority​

The showcase demonstrates implemented states and known consumers. It does not claim that a component is generally reusable, accessible, or outcome-producing without its contract and rendered evidence.

Observable proof​

• The page hierarchy is legible within five seconds at 320, 768, and 1440px.
• Component name, purpose, and rendered specimen remain visually distinct.
• Search, family filters, and specimen controls remain keyboard reachable with visible focus.
• Long specimens do not create page-level horizontal overflow.
• Removing decoration does not reduce comprehension or component-state proof.