SayUI

iOS Human Interface

iOS system language: floating glass lists, large titles, semantic system colors.

What it feels like

Like a current iPhone — island, colorful wallpaper, search and lists as glass floating over content, not gray cards on #F2F2F7.

Why it works

Liquid Glass separates chrome from content; system colors and icon tiles need zero learning.

How to tell AI

iOS 26: colorful wallpaper shows through, floating Liquid Glass grouped lists and search capsule (blur + highlight edge), Dynamic Island, large title, colored SF-style tiles, ON switches #34C759, hairline separators inset past icons—not solid 2019 gray settings cards.

Signals

  • · Floating glass layers over wallpaper
  • · Dynamic Island + large title + glass search capsule
  • · Large continuous corner radii, colored SF-style tiles
  • · System green ON switches #34C759

Don't confuse with

Generic glass is decoration; iOS HIG is system components (island, switch green, inset lists).

Style brief

Paste into your coding agent

Visual style: iOS Human Interface.

iOS system language: floating glass lists, large titles, semantic system colors.

Defining signals:
- Floating glass layers over wallpaper
- Dynamic Island + large title + glass search capsule
- Large continuous corner radii, colored SF-style tiles
- System green ON switches #34C759

Do not confuse with: material, glassmorphism, minimalism.
Generic glass is decoration; iOS HIG is system components (island, switch green, inset lists).

Implementation brief:
Use iOS HIG as in Framework7 iOS theme + iOS 26 glass: wallpaper under floating inset lists (border-radius ~24px), list font ~17px, item min-height ~44–52px, after-text rgba(0,0,0,0.45), hairline separators inset past icons, full-pill searchbar, toggle ~51×28 with system green #34C759 when ON, SF-style colored icon tiles, Dynamic Island optional. Not flat 2019 gray settings cards.

Keep scope to visual language and components styling; do not redesign product information architecture unless asked.

Related patterns