Apple — Design System Inspiration
Glass, weight, and gravity: SF Pro hierarchy plus product-first cinematic stages.
Design System Inspiration of Apple
1. Visual Theme & Atmosphere
2. Color Palette & Roles
Primary
Interactive
Text
Surface & Dark Variants
Button States
# Design System Inspiration of Apple ## 1. Visual Theme & Atmosphere Apple's website is a masterclass in controlled drama — vast expanses of pure black and near-white serve as cinematic backdrops for products that are photographed as if they were sculptures in a gallery. The design philosophy is reductive to its core: every pixel exists in service of the product, and the interface itself retreats until it becomes invisible. This is not minimalism as aesthetic preference; it is minimalism as reverence for the object. The typography anchors everything. San Francisco (SF Pro Display for large sizes, SF Pro Text for body) is Apple's proprietary typeface, engineered with optical sizing that automatically adjusts letterforms depending on point size. At display sizes (56px), weight 600 with a tight line-height of 1.07 and subtle negative letter-spacing (-0.28px) creates headlines that feel machined rather than typeset — precise, confident, and unapologetically direct. At body sizes (17px),…
By @meliwat - License: MIT
Raw markdown