# Grille and cloth

Perforated metal and speaker cloth, for the place where a real device would breathe or sound.

Kit part · With the Kit · https://tactileui.dev/parts/grille

> The code and styling for this part come with the Tactile UI Kit, which is in the Founder Pass. Sign in if you have it. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

The cloth is two repeating linear gradients, weft and warp, over a fixed dark grey: it does not follow the finish, because speaker cloth does not change colour with the plate around it. No images.

## Variants

- Grille
- Cloth
- Strip under a status list

## States

- Grille
- Cloth
- Strip

## Usage notes

Look at the holes up close: each has a dark core and a lit lower lip.

## Accessibility

- Never put text on it: the holes fight every letter.

## Related parts

- [Panel](https://tactileui.dev/parts/panel): A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.
- [Lamp](https://tactileui.dev/parts/lamp): The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing, blue is linked, white is standing by. Always next to words.
- [Readout](https://tactileui.dev/parts/readout): A printed label over a value: key figures, with the unit small and the change in words.