Apple HIG
You might say
I want that polished Apple website feel: big images, big type, and lots of white space.
Use precise hierarchy, generous space, and polished product imageryApple-style web design combines large, controlled type, focused storytelling, high-quality product visuals, and restrained motion. The useful lesson is the clarity of the presentation, not copying Apple's fonts, hardware shapes, glass effects, or page transitions.
Design Principles
- Give each section one clear message
- Use large type with disciplined line length and spacing
- Let product imagery explain real form and behavior
- Keep controls familiar and visually precise
- Use motion to connect states, not to delay the story
When to use it
- Hardware or premium product launch
- A focused feature story
- A brand with strong original imagery
- A page that can support careful art direction
When NOT to use it
- Copy Apple's assets or interface details
- Use huge headings when the content is weak
- Hide basic information behind scroll effects
- Apply glossy surfaces to an unrelated product
Anatomy
Large rounded corner 16-28px
Frosted glass
Layered soft shadow
Gradient finishing touch
AaLarge fonts with tight kerning
Generous whitespace
Use generous corner radii consistently across cards, buttons, and icons.
Translucent surfaces can borrow color from the background, but text and controls still need sufficient contrast.
A crisp edge and soft shadow create visual elevation; tune them to the component and surrounding surface.
Use gradients sparingly to add emphasis or suggest material depth, while preserving contrast.
Large, tightly set display type can create impact; test tracking and line breaks separately in Chinese and English.
Use generous whitespace to focus attention while keeping the next step and essential context visible.
AI Prompt
Premium product page with generous whitespace, one focused message per screen, frosted-glass navigation, 16–28px continuous corner radius, layered soft shadows, restrained gradient accents, large headlines with tight tracking
Typical use cases
Product launch
Feature story
Hardware page
Premium service
Further reading