Tally — Fintech Landing Page, Phone UI Built in Pure CSS
Saif ali
A landing page for a personal-finance app, with three phone mockups built entirely in CSS — no exported screens, no image assets.
Why build the mockups in markup
Balance cards, budget rings and shared pots all render as real HTML and CSS. Two things follow from that:
Any number, label or colour can change without opening a design tool
The mockups stay perfectly sharp at every screen density, because there is no bitmap to scale
Phone mockups rendered in CSS
The rest of the page
Built with Next.js and React:
App-store CTA blocks
A security and regulation section
Two-tier pricing
Self-initiated concept build — design, copy and front-end all mine.
Like this project
Posted Sep 3, 2026
A personal-finance app landing page with three phone mockups built entirely in CSS — no exported screens, no image assets, sharp at every density.
