Commit 54e1b6a
authored
Section numerals: match the poster-closer headline treatment (#42)
01 / 02 / 03 section kickers were plain pink italic (`--accent-ink`).
Replaced with the same poster treatment used on
`.poster-closer__headline` ("Ship your AGENTS.md like it's code."):
- fill: `--poster-pink` (#ff79de)
- stepped dark drop-shadow: 8 offsets × 1px along the SE diagonal,
colour `--poster-ink` (#0a0f1a)
- outline: `-webkit-text-stroke: 2px var(--poster-ink)`
- `paint-order: stroke fill` so the pink sits on top, stroke only
shows as an outline around the letterform
Net effect: the numerals read as chunky 3D display type identical to
the hero wordmark + closer headline, pulling the three kickers into
the same poster language instead of floating as flat accent text.
Legibility/contrast argument: the dark stroke + dark stacked shadow
provide the visible edge, so the pink fill vs light background is
decorative, not load-bearing. axe measures foreground colour against
background; the previous treatment used `--accent-ink` (#c30a7a, the
contrast-safe pink) for this reason. Posterising with stroke + shadow
is the established pattern on this page, so consistency wins.1 parent d758cfc commit 54e1b6a
1 file changed
Lines changed: 16 additions & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
840 | 840 | | |
841 | 841 | | |
842 | 842 | | |
843 | | - | |
| 843 | + | |
844 | 844 | | |
845 | 845 | | |
| 846 | + | |
| 847 | + | |
| 848 | + | |
| 849 | + | |
| 850 | + | |
| 851 | + | |
| 852 | + | |
| 853 | + | |
| 854 | + | |
| 855 | + | |
| 856 | + | |
| 857 | + | |
| 858 | + | |
| 859 | + | |
| 860 | + | |
846 | 861 | | |
847 | 862 | | |
848 | 863 | | |
| |||
0 commit comments