# Impression Hero

A studio’s hero on a full-bleed board of brass pins. The brand word rises out of it under a raking lamp, and the visitor’s hand lifts the pins between the nav and the headline.

Block · With a Pass · https://tactileui.dev/blocks/impression-hero

> 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

Pressed brand word, Full bleed object hero, Scrim framing, Container query recomposition, Arrival choreography, Palette from pin finish

## Usage notes

Open a studio, maker or brand site with its name as an object rather than a logo: the word is physically there, lit and shadowed, and the first thing a visitor does is run a hand across it, while the headline, the pitch and the way in stay quiet, legible and out of its way.

## Options

| Option | Type | Description |
| - | - | - |
| brand | text | The wordmark in the nav. |
| word | text | Stands out of the pins. Short and wide reads best. |
| eyebrow | text | Eyebrow |
| headline | text | Headline |
| accent | text | The last words, in the lamp’s colour. |
| lede | text | One line of copy |
| cta | text | Button |
| href | text | Button link |
| nav | text | Comma-separated, up to five. |
| contact | text | Nav button |
| meta | text | Corner note |
| finish | enum | Brass on warm black, steel on cool black, blackened steel with a signal accent. |
| light | number | 0 is from above, clockwise. |
| pitch | number | The largest pitch; small screens go finer. |
| depth | number | Relief depth |
| keep | boolean | What the hand presses stays, like the real toy. |

## Methods

- update
- board
- root
- destroy

## States

1. **Arriving**: The word rises in a left-to-right wave within a second of the section appearing.
2. **At rest**: The word stands proud in the pins; the board is asleep and costs nothing.
3. **Hand over the board**: 
4. **Hover and focus**: Links go from muted to ink.
5. **Palette**: Brass on warm black, steel on cool black, or blackened steel with a signal accent: one table, applied as custom properties.
6. **Tablet**: 
7. **Phone**: 
8. **Reduced motion**: The word is standing on the first paint and the pins ignore the pointer; the copy has no entrance. Every word is present.
9. **Off screen**: The board's loop pauses; the block runs nothing of its own.

## How it works

Original composition; Tallow, its studio and its copy are invented. The only imagery is the Pin Screen drawing the word in canvas.