Card
Content on a top hairline, never a panel.
Darkroom
35mm film scans, converted, cleaned and reviewed in a pipeline of my own.
darkroom.shannadige.com ↗ Mentoring
Pushing designers past aesthetics toward product strategy and systems.
OngoingStates
-
Rest
nothing set
Content on its hairline.
-
Hot
hover or :focus-visible
The hairline develops from the pointer and the title turns --state.
Anatomy
| Edge | one hairline on top, half a module above the title; no panel, no frame |
|---|---|
| Title | the clean cut at 18/24 |
| Text | 16/24 in --muted-foreground, then a label row |
| Hover | a linked card develops its top hairline in --state from the pointer and turns its title --state |
| With a picture | it is a work plate |
Decisions
-
Frames off
A border on all four sides of a card, or a plate panel behind it, turns the item into an object. The hero speaks tissue, and boxed sections under it spoke cards.
-
Hover along a rule
Hover is a connection made along a rule that is already there, not a border changing colour.