Apple (España)
A cathedral of white space with barely audible headlines. A vast, bright hall where enormous 700-density fonts hang in the air, held together only by pastel colors and a single blue thread.
Apple's product page language is a study in typographic generosity: huge SF Pro Display headlines hovering against an off-white background, surrounded by vast white space that makes every word feel deliberate. The palette is near-monochromatic—text in #1d1d1f, canvas alternating between #ffffff and #f5f5f7—with a single blue accent (#0071e3) reserved exclusively for interactive moments. Color is present in the product images themselves (pastel tones), never as decorative UI elements. Components are frameless: rounded cards with a 28px radius, pill-shaped buttons almost touching the edges of the page, with no visible containers or drop shadows. Rhythm is created by alternating white and gray stripes, not dividers or borders.
Sections occupy the full width of the page, stretching edge to edge with generous padding (approximately 40-100 sides). The maximum content width is effectively centered within each strip. The main element is a centered stack: an eyebrow-shaped label, an enlarged headline, a single call-to-action button, a price row, and then a product image filling the bottom of the viewport. Sections follow a repeating pattern: a left-aligned headline within the strip, followed by either a two-column layout with product descriptions (text on the left/image on the right or alternating), a three-column grid of cards, or a centered visual showcase. Content rhythm is entirely controlled by alternating white and three-color backgrounds with vertical gaps of 100-100 cm—no dividers, no cards carrying elements. Global navigation is a single, fixed bar. Product specification sections use full-width bands with generous padding, where text is centered in narrow columns (~560px) against a wider visual area.
Apple's visual language is primarily product photography: close-ups of hardware against a pure white or color background, without lifestyle context or staged scenes. The main image shows hands holding a pastel green MacBook Neo—the human element is secondary, demonstrating scale and texture rather than emotion. In the product variant sections, two devices are presented side by side against a background of matching trim colors (pink, green, silver, sky blue), each card a flat color field with the product at the center. Detail shots use extreme close-ups (the laptop hinge, the camera module) against a neutral background. There are no illustrations, no abstract graphics, no decorative images—the product itself is the visual element. Iconography is everywhere—monochrome line icons in the SF Symbols style, 1.5–2px thick, taken from the Apple system icon set. The photography is always done in a high-key manner: uniform, shadow-free lighting that reduces the product to a graphic form rather than a three-dimensional object.
Palette
Brand
- Electric Blue
#0071e3— Filled action buttons are the only color accent in the UI, used sparingly for calls to action. - Link Blue
#0066cc— Inline text links, links with arrows and chevrons. - Citrus Gradient
#3b3b23— An alternative finish that has become the product's signature feature is a dark base that fades into yellow-green highlights.
Neutral
- Primary Ink
#1d1d1f— Headlines, body text, and button labels are the dominant foreground tone across all surfaces; the background of the main product image smoothly transitions from a solid #1d1d1f at the top to a chromatic blue. - Mid Gray
#707070— Secondary text, inactive navigation state, muted UI labels - Deep Gray
#474747— Navigation text and iconography are in medium font. - Hairline
#d6d6d6— Thin boundaries between sections and UI elements. - Canvas
#f5f5f7— Alternating section backgrounds - a gray stripe that separates the white areas. - Paper
#ffffff— Card surface, main page background, button text on a dark background.
Typography
from 12 to 96px · 10 steps
- SF Pro Display — replacement: Inter · outlines 600, 700 · Hero headings and subheadings for display — 700 weight at 80–96px with negative letter spacing of -1.44px creates Apple's signature "massive headline floating in white." Substitutes: Inter, system-ui
- SF Pro Display — replacement: Inter · outlines 600 · Section headings, card titles, subheadings - a 600 font with slightly positive letter spacing feels warm and friendly at medium sizes, unlike the short headings above.
- SF Pro Text — replacement: Inter · outlines 400, 500, 600 · For body text, navigation, supporting paragraphs, and small captions, a font with an index of 400 at 17px is the primary font. Negative letter spacing allows for a more concise main text on information-heavy pages.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 8-10px |
| Button radius | 980px |
| Card radius | 28px |
| Shadows | no - borders instead of shadows |
| Between sections | 100-120px |
| Page width | 1200px |
AI will build your website in Apple (España) style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- AYOCIN — A solar totem of wellness. Create screens reminiscent of a warm interior photograph: monumental typeface, softly blurred architectural shadows, and a single illuminated object set in a calm, creamy space.
- AXEL ARIGATO — Axel Arigato is a candid urban photo album. The pages are composed as a sequence of white editorial fields and carefully cropped, socially relevant fashion photographs, interspersed with compact black captions.
- Bose — A soundstage on the coast. A wind-blown advertising image fills the frame, while crisp black-and-white campaign controls are arranged around it like precision details.
- AVNIER — AVNYE is a nighttime filming location. White production signs and crisp grid lines cut through the black images of the control room.
- Bauhaus Clock — Bauhaus-inspired clocks – turquoise mechanical luminescence. Frame calm, light surfaces with a dark, cinematic clock image and use turquoise as a rare luminous detail.
- Airbnb — A quiet white gallery wall with a single coral red bookmark
- Peak Design — Gallery wall, partially illuminated
- Ramp — The editorial finance department, black and white pages with a single neon marker. The publication's practically monochrome surface, where a single bright lime-green stroke transforms every interaction into a monetary signal.
- 099 SUPPLY — A gallery wall filled with black and white objects
- Orderful — Industrial Logistics Control Deck - A printed logistics dispatcher checklist, done in black ink and surgical red, each page discreet enough to allow one operator to shout out something important.
- Apple (España) — white gallery display case
- teenage engineering — Industrial catalog in studio lighting - the product is the only significant object on the page, and everything else is discussed around it