iOS Design Spec — ChatGPT
Quiet white canvas, message-bubble layout, streaming text motion, SF Pro ramp for chat agent UIs.
Design System Inspiration of ChatGPT (iOS)
1. Visual Theme & Atmosphere
2. Color Palette & Roles
Primary (Monochromatic)
Send Button
User Message Bubble
Assistant
Canvas & Surfaces (Light)
# Design System Inspiration of ChatGPT (iOS) ## 1. Visual Theme & Atmosphere ChatGPT's iOS app is a master class in deliberate minimalism. The canvas is pure white (`#FFFFFF`) in light mode or near-black (`#212121`) in dark — there is almost no chrome, no color, no decoration. The design choice maps directly onto the product: ChatGPT is a conversation with a model, and the UI recedes so the *text itself* is the interface. Open a new chat and the screen is almost empty — a centered compose field at the bottom, a subtle "ChatGPT" model-selector chip at the top-left, and a "New chat" icon top-right. Type a message and everything scrolls upward as the conversation builds, with your messages on the right in soft-gray bubbles and the model's responses inline without a bubble — just plain text flowing down the page like a document. The 2024 redesign (led in part by the Sam Altman-era direction) pushed even further toward true-black/true-white extremes, stripping out the legacy ChatGPT Green…
By @meliwat - License: MIT
Raw markdown