bread

A spending tracker for M-Pesa users

bread is a spending tracker for M-Pesa users, now in beta. We created the brand and designed the mobile app and the website in Nairobi.

Year2026RoleBrand, App Design & Web Design

Read the full story

bread is an Expo React Native app that works offline and keeps its records on the phone. In the current beta you add expenses with a keypad, sort them into categories such as Groceries, Transport, Bills, School, Eating out and Chama, and see how much you have sent to each person. You can edit or delete an entry, with a confirmation step and an option to undo, switch between light and dark themes and hide amounts. The beta uses sample transactions.

Branding

We drew the bread mark as a loaf seen from the side, with slices that also read as the bars of a chart. Headlines and large amounts are set in Big Shoulders Display capitals, with Inter for everything else, and a brand guidelines site documents the logo, colours and type.

The bread mark drawn on a 96-unit grid, beside two app icons: white on jam red, and butter yellow on black.

Type specimens: Big Shoulders Display capitals with the amount KSh 24,860, and Inter with a grocery transaction row.

Mobile app design

We designed screens for adding an expense, browsing your spending history and seeing how much you have sent to each person. The home screen leads with the amount left to spend this month, and every screen has a light and a dark theme.

The home screen in the light theme: Hi Sean, KSh 24,860 left to spend, a spending bar by category and today's transactions.

The add expense sheet in the light theme, with KSh 450 entered, Groceries selected, a note field and a number keypad.

The home screen in the dark theme: Hi Sean, KSh 24,860 left to spend, a spending bar by category and today's transactions.

The add expense sheet in the dark theme, with KSh 450 entered, Groceries selected, a note field and a number keypad.

The people screen, with Mum shown as the person sent the most this month and a list of people with photos and totals.

Achieng's page, with KSh 18,400 sent in 2026, a bar chart by month, recent payments and a button to add an expense.

Website

We designed the bread website. It includes the brand guidelines, page titles and descriptions, and a link preview image for sharing.

Three How it works cards with phone screens: keep track of what you spend, remember what you sent money for, find a payment.

The bread website on a phone in the light theme, with the headline, early access buttons and the app's home screen.

Have something like this in mind?