<?xml version="1.0" encoding="utf-8"?>

Data presentation styles

In lists and tables, different data types require specific presentation styles to stay readable and meaningful. Text, numbers, dates, images, and status indicators each need consistent formatting that helps users quickly understand the information they're seeing.

Design requirements for data styles:

  • Text content: Left-aligned with consistent line height and optional truncation
  • Numerical data: Right-aligned with matching decimal places and proper grouping
  • Dates and times: Adapts to user's region — showing as 12/31/23 in the US, 31/12/23 in Europe, or 2023年12月31日 in Japan
  • Status values: Shows states like "active/inactive" or "in progress/completed" with consistent system colors and SF Symbols
  • Mixed content: Maintains clear hierarchy when combining different data types
  • Empty states: Shows meaningful placeholders when data is absent
Improve your UX & Product skills with interactive courses that actually work