---
title: Mobile UI design
description: Exploring mobile app UI/UX design patterns, typography, and interaction details.
source: ManticsCore
kind: intent_session
url: https://manticscore.com/clip/s-2af16e2aacf3c961
---

# Mobile UI design

Exploring mobile app UI/UX design patterns, typography, and interaction details.

# Mobile UI design
2 sources, one thread

Exploring mobile app UI/UX design patterns, typography, and interaction details.

# Designing the Perfect iOS Mobile App
A breakdown of the typography system that makes an interface feel tight, intentional, and polished.

**Typography System**

- Inter Tight runs throughout the interface
- 26px greeting text
- 22px titles
- 18-19px section headings
- 14-16px body copy
- 12-13px labels
- Headings use -0.7px to -0.9px letter spacing for a tighter, more intentional feel on large text

The design relies on a consistent type scale built around Inter Tight, pairing larger greeting and title sizes with progressively smaller headings, body copy, and labels. Tighter letter spacing on headings helps large text feel deliberate rather than loose.

Designing a Powerful Editing Experience with Simple Interactions.

#UIDesign #UXDesign #UIUX #ProductDesign #MobileUI #AppDesign #VideoEditing #InteractionDesign #Figma #DesignInspiration #UserExperience #DigitalDesign

## Related reading
- [Figma: The collaborative canvas for design, code, and AI](https://www.figma.com) — figma.com

Full interactive version: https://manticscore.com/clip/s-2af16e2aacf3c961