Sketch designs

Each project's design file rendered in the browser, plus its screen images. Source .sketch files stay in the repository.

Activities.next

183 screens across 4 pages · exported 2026-10-07

Open screen viewer Open design viewer

Fitness redesign · Screens 65

F-D01 · /fitness · Desktop 1440 · Annual · picker closedLight1440×1524 Dark1440×1524
F-D02 · /fitness · Desktop 1440 · Picker open · Year to dateLight1440×988 Dark1440×988
F-D03 · /fitness · Desktop 1440 · Day tooltip + keyboard focusLight1440×988 Dark1440×988
F-D04 · /fitness · Desktop 1440 · Pinned day detailsLight1440×1241 Dark1440×1241
F-D05 · /fitness · Desktop 1440 · Month · October 2026 (current)Light1440×1640 Dark1440×1640
F-D05b · /fitness · Desktop 1440 · Month · September 2026 (past) · DistanceLight1440×1387 Dark1440×1387
F-D06 · /fitness · Desktop 1440 · Custom range editing (draft)Light1440×988 Dark1440×988
F-D07 · /fitness · Desktop 1440 · Invalid range · Apply disabledLight1440×988 Dark1440×988
F-D08 · /fitness · Desktop 1440 · Multiple years · 2024–2026Light1440×1364 Dark1440×1364
F-D09 · /fitness · Desktop 1440 · Empty rangeLight1440×900 Dark1440×900
F-D10 · /fitness · Desktop 1440 · Loading · skeletonLight1440×988 Dark1440×988
F-D11 · /fitness · Desktop 1440 · Error · previous results + RetryLight1440×1100 Dark1440×1100
F-D12 · /fitness · Desktop 1440 · Duration metric · h/m legendLight1440×988 Dark1440×988
F-D13 · /fitness · Desktop 1440 · Pinned empty dayLight1440×1152 Dark1440×1152
F-D14 · /fitness · Desktop 1440 · Day detail failed · RetryLight1440×1168 Dark1440×1168
F-D15 · /fitness · Desktop 1440 · Year chooser openLight1440×988 Dark1440×988
F-D16 · /fitness · Desktop 1440 · Section nav openLight1440×988 Dark1440×988
F-D17 · /fitness · Desktop 1440 · Calendar year chooser openLight1440×988 Dark1440×988
F-D18 · /fitness · Desktop 1440 · Past year 2025 · both year arrows enabledLight1440×958 Dark1440×958
F-D19 · /fitness · Desktop 1440 · Last 12 months · 5 Oct 2025 to 4 Oct 2026Light1440×1177 Dark1440×1177
F-M01 · /fitness · Mobile 390×844 · Annual YTDLight390×1711 Dark390×1711
F-M02 · /fitness · Mobile 390×844 · Month · October 2026 (current)Light390×1775 Dark390×1775
F-M03 · /fitness · Mobile 390×844 · Selected day · sheet collapsed (1 Oct)Light390×844 Dark390×844
F-M04 · /fitness · Mobile 390×844 · Selected day · sheet expanded (26 Sep, long title + missing post)Light390×844 Dark390×844
F-M05 · /fitness · Mobile 390×844 · Range picker · full-width sheetLight390×844 Dark390×844
F-M06 · /fitness · Mobile 390×844 · Range picker · invalid range, Apply disabledLight390×844 Dark390×844
F-M07 · /fitness · Mobile 390×844 · Empty rangeLight390×1147 Dark390×1147
F-M08 · /fitness · Mobile 390×844 · Loading · skeletonLight390×1711 Dark390×1711
F-M09 · /fitness · Mobile 390×844 · Error · previous results + RetryLight390×1921 Dark390×1921
F-M10 · /fitness · Mobile 320×568 · Annual YTD · reflowed headingLight320×1731 Dark320×1731
F-M11 · /fitness · Mobile 320×568 · Month · October 2026 · grid (37.7 px cells)Light320×1889 Dark320×1889
F-M12 · /fitness · Mobile 320×568 · Month · October 2026 · list alternativeLight320×1940 Dark320×1940
F-M13 · /fitness · Mobile 320×568 · Selected day · sheet collapsed (1 Oct)Light320×568 Dark320×568
F-M13b · /fitness · Mobile 320×568 · Selected day · sheet expanded (1 Oct)Light320×568 Dark320×568
F-M14 · /fitness · Mobile 320×568 · Range picker · full-width sheetLight320×568 Dark320×568
F-M15 · /fitness · Mobile 390×844 · Annual · day pinned (24 Sep)Light390×844 Dark390×844
F-M16 · /fitness · Mobile 390×844 · Month · September 2026 · Distance metricLight390×1799 Dark390×1799
F-M17 · /fitness · Mobile 390×844 · Annual · Duration metricLight390×1711 Dark390×1711
F-M18 · /fitness · Mobile 390×844 · Annual · past year 2025Light390×1711 Dark390×1711
F-M19 · /fitness · Mobile 390×844 · Month list · text zoom 200%Light390×1984 Dark390×1984
F-M20 · /fitness · Mobile 390×844 · Range picker · keyboard openLight390×844 Dark390×844
F-M21 · /fitness · Mobile 844×390 landscape · Month · 1 Oct selectedLight844×390 Dark844×390
F-M22 · /fitness · Mobile 320×568 · Empty rangeLight320×1167 Dark320×1167
F-M23 · /fitness · Mobile 320×568 · Loading · skeletonLight320×1731 Dark320×1731
F-M24 · /fitness · Mobile 320×568 · Error · previous results + RetryLight320×1961 Dark320×1961
F-T01 · /fitness · Tablet 1194×834 · Annual YTDLight1194×1492 Dark1194×1492
F-T01 · /fitness · Tablet 834×1194 · Annual YTDLight834×1468 Dark834×1468
F-T02 · /fitness · Tablet 1194×834 · Annual · pinned day details (24 Sep)Light1194×1745 Dark1194×1745
F-T02 · /fitness · Tablet 834×1194 · Annual · pinned day details (24 Sep)Light834×1721 Dark834×1721
F-T03 · /fitness · Tablet 1194×834 · Month · October 2026 (current)Light1194×2144 Dark1194×2144
F-T03 · /fitness · Tablet 834×1194 · Month · October 2026 (current)Light834×2144 Dark834×2144
F-T04 · /fitness · Tablet 1194×834 · Range picker · anchored popoverLight1194×1492 Dark1194×1492
F-T04 · /fitness · Tablet 834×1194 · Range picker · bottom sheetLight834×1194 Dark834×1194
F-T05 · /fitness · Tablet 1194×834 · Empty rangeLight1194×872 Dark1194×872
F-T05 · /fitness · Tablet 834×1194 · Empty rangeLight834×1194 Dark834×1194
F-T06 · /fitness · Tablet 1194×834 · Loading · skeletonLight1194×1492 Dark1194×1492
F-T06 · /fitness · Tablet 834×1194 · Loading · skeletonLight834×1468 Dark834×1468
F-T07 · /fitness · Tablet 1194×834 · Error · previous results + RetryLight1194×1604 Dark1194×1604
F-T07 · /fitness · Tablet 834×1194 · Error · previous results + RetryLight834×1596 Dark834×1596
F-T08 · /fitness · Tablet 1194×834 · Custom range editing · popover (draft, not applied)Light1194×1492 Dark1194×1492
F-T08 · /fitness · Tablet 834×1194 · Custom range editing · bottom sheet (draft, not applied)Light834×1194 Dark834×1194
F-T09 · /fitness · Tablet 1194×834 · Invalid custom range · popover · Apply disabledLight1194×1492 Dark1194×1492
F-T09 · /fitness · Tablet 834×1194 · Invalid custom range · bottom sheet · Apply disabledLight834×1194 Dark834×1194
F-T10 · /fitness · Tablet 768×1024 · Annual · md boundary (inner 664, cell 12.9)Light768×1457 Dark768×1457
F-T11 · /fitness · Tablet 834×1194 · Pinned day · long title + missing post (26 Sep)Light834×1837 Dark834×1837

Fitness redesign · Pages 8

F-P01 · /fitness/gear · Desktop 1440Light1440×900 Dark1440×900
F-P02 · /fitness/gear/[id] · Bike · Desktop 1440Light1440×900 Dark1440×900
F-P03 · /fitness/gear/[id] · Device · Desktop 1440Light1440×900 Dark1440×900
F-P04 · /fitness/files · Desktop 1440Light1440×1213 Dark1440×1213
F-P05 · /fitness/heatmap · Desktop 1440Light1440×900 Dark1440×900
F-P06 · /fitness/privacy · Desktop 1440Light1440×1220 Dark1440×1220
F-P07 · /fitness/connections/strava · Desktop 1440Light1440×1560 Dark1440×1560
F-P08 · /fitness/connections/wahoo · Desktop 1440Light1440×1256 Dark1440×1256

Mobile redesign · Key screens 37

K01 · Profile · other · topLight393×852 Dark393×852
K02 · Profile · scrolling midway (button faded, no bar)Light393×852 Dark393×852
K03 · Profile · scrolling over the feed (button faded)Light393×852 Dark393×852
K04 · Profile · missing cover · not followingLight393×852 Dark393×852
K05 · Profile · long name + long handle (remote)Light393×852 Dark393×852
K06 · Profile · own profile (Edit Profile)Light393×852 Dark393×852
K07 · Profile · keyboard focus on menu buttonLight393×852 Dark393×852
K08 · Profile · drawer open after scrollingLight393×852 Dark393×852
K09 · Profile · loading skeletonLight393×852 Dark393×852
K10 · Profile · logged out · registration open (unchanged from main)Light393×852 Dark393×852
K12 · Profile · dialog above floating buttonLight393×852 Dark393×852
K13 · Timeline · topLight393×852 Dark393×852
K14 · Timeline · scrolled · new-posts pill + Scroll to topLight393×852 Dark393×852
K15 · Timeline · drawer open (customized, counts)Light393×852 Dark393×852
K16 · Timeline · drawer · More expanded (hidden items)Light393×852 Dark393×852
K17 · Timeline · drawer · default order, non-admin, Lists expanded, 12 unreadLight393×852 Dark393×852
K18 · Timeline · loadingLight393×852 Dark393×852
K19 · Activity detail · history BackLight393×852 Dark393×852
K20 · Post detail · direct entry → Back to profileLight393×852 Dark393×852
K21 · Post detail · in-app history BackLight393×852 Dark393×852
K22 · Post detail · logged outLight393×852 Dark393×852
K23 · Settings · GeneralLight393×852 Dark393×852
K24 · Settings · section menu openLight393×852 Dark393×852
K25 · Profile · logged out · registration closed (unchanged from main)Light393×852 Dark393×852
K26 · Timeline · AnnouncementBanner after the barLight393×852 Dark393×852
K27 · Profile · scrolled over the feed, at rest (button 100%)Light393×852 Dark393×852
W01 · Timeline · 360Light360×852 Dark360×852
W02 · Timeline · 430Light430×852 Dark430×852
W03 · Timeline · 767Light767×852 Dark767×852
W04 · Profile · 360Light360×852 Dark360×852
W05 · Profile · 430Light430×852 Dark430×852
W06 · Profile · 767Light767×852 Dark767×852
W07 · Timeline · drawer open · 360 (drawer 312)Light360×852 Dark360×852
W08 · Timeline · drawer open · 767 (drawer 320)Light767×852 Dark767×852
W09 · Settings · General · 360Light360×852 Dark360×852
W10 · Hashtag · long tag truncates · 360Light360×852 Dark360×852
W11 · List detail · long list name wraps · 360Light360×852 Dark360×852