Off Main: find it before it's everywhere.
I was responsible for...
- Everything: concept, brand, interface design, working code, testing with first users and release
- Designing and building the native SwiftUI app end to end with Claude Code
- Curating the places in the app
An iPhone app for Stockholm's independent cafés, bars and bakeries, found through where your friends eat and drink. It borrows from record-store culture: racks to flip through, a shelf of your own, heavy rotation and a weekly Top 10. I designed and built it end to end with Claude Code, and it is live on the App Store.
What’s a Rich Text element?
Sunheading
Another subheading
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
- This is an example bullet point text,
- Here
- And here
- Also this line as well.
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
And here is a really important quote that I'll want to highlight.
• • •
Project objectives...
Help people find independent places to eat and drink through the taste of friends they trust, starting in Stockholm.
• • •
I was responsible for...
- Everything: concept, brand, interface design, working code, testing with first users and release
- Designing and building the native SwiftUI app end to end with Claude Code
- Curating the places in the app
• • •
Project Details...
Download Off Main on the App Store
A record store for places
Most apps for finding somewhere to eat are lists and star ratings. Off Main treats places like records. Every place has an illustrated storefront as its sleeve, and you flip through them in racks such as Cosy, Outdoor seating and Fika. The places you save go on your shelf, the ones you return to sit in heavy rotation, and a chart of the week's Top 10 comes out every Friday.
Every place gets its own colour
Each place page takes its colour from the storefront illustration, so Bunzy is red, Savant is pink and Café Pascal is green. The page title, buttons and tab bar all follow, which makes moving between places feel like pulling a different record out of the crate.
Stickers instead of star ratings
Places earn foil stickers on their sleeve: Gold and Platinum, Curator's pick, Newly opened, a spot in the week's Top 10, and limited opening hours. They read at a glance and keep the screen free of numbers.
A map and a shelf to share
The map shows curated places or only your own shelf, each marked with the place's own logo. From your shelf you can share it with friends or find where to go next together.
Designed and built with Claude Code
I designed Off Main in Figma and built the native iPhone app myself with Claude Code and Xcode, from first sketch to App Store release.
• • •
Applications Used
Applications Used
Figma for design
Claude Code and Xcode for building the app