komoot

Komoot utilizes a sophisticated panoramic layout where devices and illustrative doodles bleed across screen boundaries, creating a sense of continuity that encourages swiping. The choice of a soft cream background (#E9E7D4) instead of standard white or black signals 'nature' and 'earthiness,' aligning perfectly with the hiking/cycling genre. They expertly use 'exploded' UI elements-floating specific badges like 'Offline' or elevation graphs outside the phone frame-to emphasize core value props without cluttering the screen. Designers should emulate their use of specific social proof metrics (7M+, 50M+, 850M+) paired with hand-drawn, playful iconography to make high-tech mapping feel human and approachable.