7 articles
Slide design and specs
Sizes, safe zones, fonts, contrast and layout rules for slides that stay readable on a phone, with checked platform specs.
Start hereTikTok slideshow design: the rules that decide readability on a phoneA slideshow is readable on a phone when every slide shares one canvas, the text is large and high-contrast, key words stay clear of the interface, one element leads each slide and the set looks consistent. The eight rules below each have a target you can measure. We found no TikTok design spec for photo posts, so most numbers are labeled defaults.Lists
Guides
- Font size on slides: pixels at 1080 wide and what they are on a phoneA size table per text role in pixels at 1080 wide, converted to estimated phone points, with the formula, canvas scaling and a real-phone test.
- Text contrast on slides: WCAG ratios, the math and 5 fixes for photosWCAG's 4.5:1 and 3:1 are a benchmark for slides, not a TikTok rule. Work the formula by hand, check the worst patch, and fix text over photos five ways.
- Text over images on slides: scrim, blur panel, outline or placement?Compare a scrim, a blur panel, an outline and smarter placement on one example image: the contrast each reaches, how each fails, and which to try first.
- TikTok safe zone for photo posts: official facts and a cautious layoutTikTok has safe-zone templates for ads, but we found no pixels for photo posts. Compare the official and community numbers and use a cautious layout.
- TikTok slideshow size: the official answer and a safe defaultTikTok publishes no pixel size for photo posts, only a same-ratio tip. See which numbers are official, why 1080x1920 is the common default and how to test it.