Polish v2 — QA screenshots¶
before/ is main at 00271e2. after/ is the v2 visual pass on the same
harnesses, same simulator, same status bar, in both colour schemes.
Captured on the iPhone simulator B6897011-ABFD-4422-A553-32BC3F298C30,
status bar overridden to 9:41.
Palette¶
| Role | Light | Dark |
|---|---|---|
| Brand accent | #1652F0 |
#3B7BFF |
| Brand button fill | #1652F0 |
#2C6BF5 |
| Canvas | #F5F7FA |
#0A0D14 |
| Surface | #FFFFFF |
#121826 |
| Sunken | #EDF1F7 |
#1B2334 |
| Primary text | #0B1220 |
#F3F6FB |
| Profit (text) | #00874D |
#1FD286 |
| Profit (charts, on ink) | #00B368 |
#1FD286 |
| Loss (text) | #DC2F33 |
#FF5A5F |
| Loss (charts, on ink) | #E5383B |
#FF5A5F |
| Money hero card | #0B1220 |
#151D30 |
Brand blue carries primary buttons, the selected tab, links, selected segments, the "Yes" vote and its tally dots, and my chat bubbles. It never means gain — green does.
White on the brand button fill is 6.00:1 in light and 4.64:1 in dark, so the
dark fill is deeper than the accent used for text and strokes. The P&L pair
splits for the same reason: profit / loss clear AA as text on white
(4.59:1 and 4.67:1), while the vivid pair is reserved for chart strokes,
fills and figures on the deep ink cards, where the dark background carries
the contrast (6.8:1 and better).
Cabal tints are resaturated so their marks carry white initials, and a
brighter onInk variant keeps the mark legible on the ink hero cards. A
cabal is the same colour in its mark, its strip card, its hero and its line
on the cabals chart.
Screens¶
| Screen | Harness arguments |
|---|---|
login |
(none) |
home |
-MonacoHomeSample populated |
group-detail |
-MonacoGroupDetailSample populated |
feed |
-MonacoProposalFeedSample |
cabals |
-MonacoCabalsTabSample |
profile |
-MonacoProfileSample photo |
chat |
-MonacoChatSampleQA |
propose |
-MonacoProposalFeedSample -MonacoProposeSample -MonacoProposeSampleOpen |
gallery-money |
-MonacoDesignGallery -MonacoDesignGalleryTab money |
Not re-captured¶
propose-amount/propose-pick/propose-reviewinbefore/are the later steps of the propose flow. They need the sheet driven by hand, soafter/has the chooser only; those steps inherit the same tokens.- Asset (Stocks) list and detail need a backend, so they have no harness on either side. The detail chart was restyled but is unverified by screenshot.
- The app icon still carries the old green accent circle. The in-app mark
(
MonacoMark) is now brand blue; regenerating the icon means re-runningscripts/design/render-app-icon.swift.