Key Takeaways
- Mobile users are usually distracted; clarity must be absolute.
- Brutalism in UI (bare formatting, high contrast) works natively well on mobile.
- Thumb-friendly targets require 'ugly' large buttons.
- Removing decorative images speeds up scroll velocity and information intake.
Design on a desktop monitor is a canvas. Design on a mobile phone is a hallway. You are trying to move people from Point A to Point B without them bumping into walls.
“Mobile Brutalism” isn’t about looking harsh; it’s about being ruthlessly functional. It’s about respecting the constraints of the medium.
The Fat Finger Problem
Standard Apple design guidelines suggest a minimum touch target size of 44x44 points. But in reality, when someone is walking to the bus or holding a phone with one hand, you want targets way bigger than that.
You want Big, Ugly Buttons. Full-width buttons that span the entire screen are aesthetically “clunky” to some designers. But they are impossible to miss. They are effortless to tap.
Font sizing
Most mobile sites have font sizes that are too small. We’re afraid of the headline taking up the whole screen. Let it take up the whole screen. If your headline is the most important thing, make it massive. Make it impossible to ignore. If that pushes the pretty hero image down? Good. The text is what sells.
The Linear Flow
Mobile Brutalism embraces the stack.
- Headline
- Image
- Text
- Button
No fancy two-column layouts that squash content. No horizontal sliders that hide information. Just a linear feed of conversion.
Why it works
Mobile usage is often “bursty” and distracted. A brutalist approach—bold, high contrast, stripped down—cuts through the distraction. It screams the value proposition.
When you design for mobile, stop trying to make it a “mini desktop site.” Make it a conversion machine.
