Panel

A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.

Switch the stage to graphite: the same plate becomes soft-touch black.

• A panel is presentation. If it names a region, use a real heading inside it, or give the element role="region" and an aria-label.
• The head label is printed text; when it titles the panel, make it a heading element with the tui-label class.
• Screws and grain are background images: nothing to announce.