Apple (España)
Uma catedral de espaço branco com manchetes quase inaudíveis. Um vasto salão luminoso onde enormes fontes de densidade 700 pairam no ar, unidas apenas por cores pastel e um único fio azul.
A linguagem das páginas de produtos da Apple é um estudo de generosidade tipográfica: enormes títulos em SF Pro Display pairando sobre um fundo quase branco, cercados por um amplo espaço em branco que faz com que cada palavra pareça intencional. A paleta é quase monocromática — texto em #1d1d1f, canvas alternando entre #ffffff e #f5f5f7 — com um único toque de azul (#0071e3) reservado exclusivamente para momentos interativos. A cor está presente nas próprias imagens do produto (tons pastel), nunca como elementos decorativos da interface. Os componentes são sem moldura: cartões arredondados com raio de 28px, botões em formato de pílula quase tocando as bordas da página, sem contêineres visíveis ou sombras projetadas. O ritmo é criado pela alternância de listras brancas e cinzas, não por divisores ou bordas.
As seções ocupam toda a largura da página, estendendo-se de ponta a ponta com um espaçamento generoso (aproximadamente 40 a 100 cm). A largura máxima do conteúdo é efetivamente centralizada em cada faixa. O elemento principal é uma estrutura centralizada: um rótulo em formato de sobrancelha, um título ampliado, um único botão de chamada para ação, uma linha de preço e, em seguida, uma imagem do produto preenchendo a parte inferior da área visível. As seções seguem um padrão repetitivo: um título alinhado à esquerda dentro da faixa, seguido por um layout de duas colunas com descrições de produtos (texto à esquerda/imagem à direita ou alternando), uma grade de três colunas com cartões ou uma vitrine visual centralizada. O ritmo do conteúdo é totalmente controlado pela alternância de fundos brancos e tricolores com espaços verticais de 100 a 100 cm — sem divisores, sem cartões contendo elementos. A navegação global é uma única barra fixa. As seções de especificações do produto usam faixas de largura total com espaçamento generoso, onde o texto é centralizado em colunas estreitas (aproximadamente 560 px) em uma área visual mais ampla.
A linguagem visual da Apple é essencialmente a fotografia de produto: closes do hardware contra um fundo branco puro ou colorido, sem contexto de estilo de vida ou cenas encenadas. A imagem principal mostra mãos segurando um MacBook Neo verde pastel — o elemento humano é secundário, demonstrando escala e textura em vez de emoção. Nas seções de variantes do produto, dois dispositivos são apresentados lado a lado contra um fundo com cores de acabamento correspondentes (rosa, verde, prata, azul celeste), cada cartão com um campo de cor plana e o produto no centro. As fotos de detalhes usam closes extremos (a dobradiça do laptop, o módulo da câmera) contra um fundo neutro. Não há ilustrações, gráficos abstratos ou imagens decorativas — o próprio produto é o elemento visual. A iconografia está por toda parte — ícones de linha monocromáticos no estilo SF Symbols, com 1,5 a 2 pixels de espessura, retirados do conjunto de ícones do sistema Apple. A fotografia é sempre feita em tons claros: iluminação uniforme e sem sombras que reduz o produto a uma forma gráfica em vez de um objeto tridimensional.
Paleta
Marca
- Electric Blue
#0071e3— Os botões de ação preenchidos são o único elemento de cor na interface do usuário, usados com parcimônia para chamadas à ação. - Link Blue
#0066cc— Links de texto embutidos, links com setas e chevrons. - Citrus Gradient
#3b3b23— Um acabamento alternativo que se tornou a característica marcante do produto é uma base escura que se desvanece em tons de verde-amarelado.
Neutro
- Primary Ink
#1d1d1f— Os títulos, o corpo do texto e os rótulos dos botões apresentam a cor de primeiro plano dominante em todas as superfícies; o fundo da imagem principal do produto transita suavemente de um tom sólido #1d1d1f na parte superior para um azul cromático. - Mid Gray
#707070— Texto secundário, estado de navegação inativo, rótulos de interface do usuário silenciados - Deep Gray
#474747— O texto de navegação e os ícones estão em fonte média. - Hairline
#d6d6d6— Limites tênues entre seções e elementos da interface do usuário. - Canvas
#f5f5f7— Fundos de seção alternados - uma faixa cinza que separa as áreas brancas. - Paper
#ffffff— Superfície do cartão, fundo da página principal, texto do botão em fundo escuro.
Tipografia
de 12 a 96px · 10 passos
- SF Pro Display — substituição: Inter · esboços 600, 700 · Títulos e subtítulos principais para exibição — peso 700 em 80–96px com espaçamento negativo entre letras de -1,44px cria o característico "título grande flutuando em branco" da Apple. Substitutos: Inter, system-ui
- SF Pro Display — substituição: Inter · esboços 600 · Títulos de seção, títulos de cartões, subtítulos - uma fonte de 600 pontos com espaçamento entre letras ligeiramente positivo transmite uma sensação acolhedora e amigável em tamanhos médios, ao contrário dos títulos curtos acima.
- SF Pro Text — substituição: Inter · esboços 400, 500, 600 · Para o corpo do texto, navegação, parágrafos de apoio e legendas pequenas, a fonte principal é aquela com índice 400 e tamanho de 17px. O espaçamento negativo entre letras permite um texto principal mais conciso em páginas com muita informação.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 8-10px |
| Raio do botão | 980px |
| Raio do cartão | 28px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 100-120px |
| Largura da página | 1200px |
A IA criará seu site no estilo Apple (España) e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
- Peak Design — Parede da galeria, parcialmente iluminada
- Ramp — O departamento financeiro editorial, páginas em preto e branco com um único marcador neon. A superfície praticamente monocromática da publicação, onde um único traço verde-limão brilhante transforma cada interação em um sinal monetário.
- 099 SUPPLY — Uma parede de galeria repleta de objetos em preto e branco.
- Orderful — Painel de Controle de Logística Industrial - Uma lista de verificação impressa para despachantes logísticos, feita com tinta preta e vermelho cirúrgico, cada página discreta o suficiente para permitir que um operador grite algo importante.
- Apple (España) — vitrine branca para galeria
- teenage engineering — Catálogo industrial de iluminação de estúdio - o produto é o único objeto significativo na página, e tudo o mais é discutido em torno dele.
- Apple (España) — Uma janela de galeria na névoa da manhã
- Lightship — Um diorama cinematográfico da estrada aberta. Paredes de galeria em tons creme quentes adornadas com grandes fotografias de paisagens, dispostas em intervalos curtos, com letras pretas finas quase invisíveis nas molduras, e um único toque de laranja vibrante quebrando a monotonia como uma fogueira em um prado.
- Custo — Uma galeria em tons de cinza-chumbo com uma fonte monolítica. Um showroom em tons suaves de cinza-esverdeado, onde um único objeto escuro e uma fonte de 57px falam por si.
- Silencio — Uma sala branca com objetos flutuantes. Uma galeria de arte feita de papel em tons quentes, onde cada elemento ocupa seu lugar contra um fundo de volume negativo, e o silêncio é uma decisão de design intencional.
- ORYZO AI — Um ensaio fotográfico sobre um quarto escuro. Um objeto solitário pairando na escuridão quente, com uma fonte creme como única decoração.