Skill demos
Emil design eng
Emil Kowalski’s polish: component feel, easing and timing, the details you only notice when missing.
What the skill decided
- A quiet, tool-like look: Geist with tight tracking, a warm off-white page, white cards edged with a hairline shadow, one blue accent. Follows the system’s dark mode.
- Only custom curves, never ease-in: a strong ease-out for entering and leaving, an in-out curve for the card flip, a drawer curve for the hero stack.
- Buttons shrink to 0.97 on press in 160ms. The menu opens from its button in 180ms and closes in 120ms; exits are always quicker than entries.
- The hero is a stack of revision cards with Show answer and Next. The old card leaves with a slight blur so two never show at once, and fast clicking stays smooth.
- In the demo a highlighter wipes across each note line, then its card arrives; hovering a card lights up the lines it came from.
- Buttons that go nowhere open a toast with the “made-up product” line. It pauses on hover and when the tab is hidden, and a flick dismisses it.
- Left rough, by its own account: the hero card is half empty until you show the answer, and the FAQ snaps open while only the answer fades in.