# Nameplate Wall

A customers section made as the tenant directory in a lobby: cast aluminium or graphite plates, each as long as its name, with the name in engraved capitals and a small “Since 2021” line, fixed to a board behind a sheet of glass that one slow band of light crosses.

Block · With a Pass · https://tactileui.dev/blocks/nameplate-wall

> The code and styling for this block come with the Pass. Sign in if you have one. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

Engraved text shadow, Flex basis by name length, Glass light sweep, One shot sweep no loop, Lamp key pressed state, Ordered by year, Reduced motion glint, Finish following

## Usage notes

The place on a page where a product says who already runs on it, without borrowing anyone's logo. Each customer is a plate with its suite number, its name set in engraved type and the year it joined; the row lengths follow the names, so the wall looks cut by a fitter rather than laid out by a grid. The glass is the hover state: a mouse entering it, a tap, or the Lamp key sends one band of light across, and the Lamp key gives keyboard and touch the same thing. Everything is text, in the order the teams joined.

## Options

| Option | Type | Description |
| - | - | - |
| label | text | Label |
| title | text | Headline |
| lead | text | Lead |
| clients | text | Separated by “\|”, four to sixteen. Write Name=year for the “Since” line; without a year the plate has no line. They are set in the order they joined. Names as text: no logos. |
| finish | enum | Auto follows the page’s data-finish, then the visitor’s system. |

## Methods

- lit
- update
- destroy

## States

1. **At rest**: Twelve plates on a recessed board in a machined frame, a suite number, an engraved name and a Since line on each, a faint glare on the glass. Nothing runs.
2. **Light crossing**: A mouse entering the frame, a touch or pen on the board, or the Lamp key. A second request while it crosses does nothing.
3. **Lamp on**: The Lamp key is aria-pressed, sits down and lights amber; the glass takes a soft light from above until it is switched off. Switching it on runs one sweep.
4. **Keyboard**: The Lamp key is the one Tab stop; Enter or Space toggles it.
5. **Tablet**: The rows re-flow at a slightly smaller plate basis.
6. **Phone**: 
7. **Reduced motion**: The band does not cross: it glints in place for the same length of time, and the lamp changes without a transition.
8. **Finishes**: Aluminium and graphite by data-finish; the letters are dark in aluminium and bright in anodised graphite.

## How it works

Original composition; Lode is invented, and so is every customer on the wall (Hartwell Freight, Nordvik Grid and the rest are made-up names, and the years are made up too): they stand for the shape of a real customer list, not for any real company, and there are no logos.