Pill legibility + motion: adaptive rim, REC pulse, travelling waveform#75
Merged
Conversation
…h site images Make the recording pill read on any backdrop and feel live: - Add a 12% white hairline rim to the capsule so it keeps its silhouette on dark/black backgrounds where the drop shadow (which only carries light backdrops) is invisible. - Pulse the REC dot 1.0 -> 0.4 over ~1.2s via a continuous-clock TimelineView, so the magenta dot carries the live-capture affordance in lieu of the conventional red. Holds steady under Reduce Motion. - Replace the waveform's out-of-sync idle shimmer with a directional wave that sweeps left->right, so "listening" reads as alive rather than frozen. Also refresh the README/site hero images and drop the unused window shots. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Design improvements to the recording pill so it reads well on both light and dark backgrounds, plus motion that makes it feel live. Also refreshes the README/site hero images.
Pill changes (
OverlayView.swift)strokeBorderon the capsule edge. A single opaque fill can only separate from one end of the brightness range; the drop shadow carries light backdrops but is invisible on black. The hairline rim draws the silhouette on dark content while riding the shadow (near-invisible) on light content.strokeBorderinsets by half the line width, so it stays inside the frame.TimelineViewpattern asTranscribingLabel/WaveformBars. Magenta (brand--hot) stands in for the conventional red record dot, so the pulse carries the live-capture affordance. Holds steady under Reduce Motion.Site/docs
site/hero images and updated image dimensions.blurt-window*.pngshots.Verification
scripts/dev-build.sh).🤖 Generated with Claude Code