Charts | Touchline
Farthing
Charts section#152 of 165MobileAbout this design
Charts section for Mobile: budget-setting step in a personal finance setup flow.
Style: light mode, pale sage-grey canvas, a white card, forest-green primary with clay accents.
Layout: app bar and lede paragraph above a total figure, then a swipeable card carousel with peeking neighbours.
Components: per-category card with a four-month bar chart, draggable dotted budget line, biggest-transactions list, Next budget button.
Vibe: instructional, calm, practical — personal budgeting.