
Screenshot story
The set introduces the app as a smart, science-backed tracker, moving from core efficiency features like AI logging to deep metabolic insights. It concludes by addressing psychological barriers like scale anxiety and providing physical proof of results to build long-term trust.
iPhone gallery
Select any frame to study its layout, content, and palette.
Explore by detail
Design analysis
MacroFactor’s design strategy leans heavily into a 'pro' aesthetic, utilizing a deep black background and high-contrast typography to create a sense of scientific precision. The use of a wide, heavy sans-serif typeface for headers commands attention, while the dark UI allows the vibrant accent colors (yellows, purples, and oranges) used in data visualizations to pop. A designer can steal the 'problem-solution' copywriting style-specifically targeting 'scale anxiety'-which humanizes an otherwise data-dense app. The layout is remarkably consistent, keeping the device centered and the headline at the top, which creates a rhythmic browsing experience. The mix of high-fidelity food photography and real-world before/after results effectively bridges the gap between digital data and physical reality.
Keep exploring