Component
Key state
A bilah on the play screen, and the verdict on a strike. Two verdicts only: Great, in a green aura, and Miss, in a red one.
Designed, not built yet
Preview
10
10
10
10
GreatMiss
Specs
- Great
- Fill #79EC90, ring #DEFEE5, inner #4CC294, number #DEFEE5
- Next
- Fill #EBB164, ring #FFE2B6, inner #C2975A
- Miss
- Fill #8F303B, ring #B43D54, inner #BD5267
- Damped
- Fill #59482E, ring #2B211C, inner #7B5F39
- Holes
- Two #2B211C dots where the bilah is pinned
- Verdict
- SF Pro Bold: Great #79EC90, Miss #BD5267, each on an aura of its color
- Wrong key
- No separate state for now
Usage
Do
- Show exactly one key as Next at a time.
- Let the verdict fade; it's feedback, not a badge.
Don't
- Rely on color alone: the verdict says Great or Miss in words.