Airbnb
Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
O Airbnb opera em um estilo "tela branca", onde a fotografia reina suprema: quase todas as telas são uma moldura monocromática discreta, permitindo que imagens em tela cheia das propriedades transmitam a impressão geral, com um único e intenso toque de vermelho coral (Rausch) como a única pista de cor que denota ação. A tipografia é uma sans-serif geométrica (Airbnb Cereal VF) — em sua maioria, em tamanhos pequenos e imponentes — para o corpo do texto, a interface e os títulos das seções (22-22) — com espaçamento entre linhas negativo estreito e espaçamento entre linhas generoso, tornando os cartões com texto denso legíveis. A interface é plana, sem moldura e arredondada: raios de 12-3 nos cartões e controles, botões redondos em formato de pílula e sombras suaves e sobrepostas apenas para elementos proeminentes, como a barra de pesquisa. Todo o resto — cartões, itens da lista, links — depende de espaço em branco e linhas finas em vez de detalhes cromados.
Um layout de largura total sem limite máximo fixo — o conteúdo se estende de ponta a ponta dentro da área visível, com aproximadamente 40px de espaçamento horizontal em cada lado na versão desktop. O elemento principal é uma barra de pesquisa flutuante, centralizada em um fundo branco neutro, sem imagem ou título — a barra de pesquisa É o elemento principal. Abaixo da pesquisa, a página transita para seções empilhadas verticalmente e com rolagem horizontal (quatro linhas são visíveis: Imóveis em Destaque, Ótimos Hotéis, Outra Cidade, Disponível no Próximo Mês), cada uma com aproximadamente 320px de altura, separadas por espaçamento vertical de 48px. Cada seção utiliza uma grade de 7 cards com transbordamento horizontal e navegação por setas. O rodapé é uma grade de 3 colunas com links sobre um fundo #f7f7f7, seguido por uma barra inferior com informações de direitos autorais, opções de idioma/moeda e ícones de mídias sociais. A navegação é uma barra superior fixa com navegação por abas centralizada e controles alinhados à direita.
A fotografia domina o sistema visual, com imagens em tela cheia de anúncios imobiliários servindo como o principal tipo de conteúdo. Todas as fotos são retratos internos e externos de casas e hotéis reais, com cores quentes e bem iluminadas, processados com correção de cor natural (sem filtros pesados ou duotons). As imagens são recortadas com precisão, em proporção 1:1, para os cartões de anúncios, preenchendo a borda do cartão sem sangria. Os ícones em toda a interface têm contorno monocromático (espessura da linha ~16–16), usados com parcimônia para categorias de navegação e controles da interface do usuário. O logotipo é o único elemento gráfico multicolorido (Rausch). Sem ilustrações, sem renderizações 3D, sem gráficos abstratos — a linguagem visual é pura fotografia e iconografia monocromática minimalista sobre uma tela branca suave.
Paleta
Marca
- Rausch
#ff385c— O vermelho é usado como um detalhe decorativo em ícones, placas e pequenos elementos gráficos. Não deve ser usado como cor principal em chamadas para ação. - Rausch 600
#e00b41— Uma versão prensada e escura da tinta Rausch para superfícies usadas como detalhes da marca em superfícies interativas/de sobreposição.
Neutro
- Hof
#222222— O corpo do texto, o texto principal, os títulos, os contornos dos ícones e o fundo invertido são de uma cor neutra próxima ao preto, que serve de base para todo o sistema acromático. - Foggy
#6a6a6a— Texto secundário, legendas silenciadas, texto auxiliar, preenchimento de ícones desativado e metadados discretos abaixo dos títulos dos cartões. - Grey 500
#c1c1c1— Texto desativado, texto de exemplo em campos de entrada e contornos de ícones atenuados onde for necessário minimizar o status. - Bebe
#ebebeb— Bordas finas, campos de entrada sublinhados, separadores entre linhas de lista e linhas divisórias sutis. - Deco
#dddddd— Imagens de fundo para cartões em contêineres inativos, espaços reservados e estados de cartão desativados. - Faint
#f7f7f7— A imagem de fundo da tela, a superfície do rodapé e o estado de foco dos elementos interativos apresentam um tom suave e cremoso que diferencia esta página dos cartões totalmente brancos.
Tipografia
de 11 a 28px · 5 etapas
- Airbnb Cereal VF — substituição: Circular · esboços 400, 500, 600, 700 · Uma fonte geométrica sem serifa personalizada, criada para o Airbnb. O texto corrido está posicionado em 14px/400, os rótulos da interface em 16px/500, os títulos de seção em 20px/600 e 22px/500 com espaçamento entre letras reduzido de -0,02em, e os títulos de página em 28px/700. O espaçamento negativo entre letras diminui com o aumento do tamanho, uma característica das fontes geométricas sem serifa em telas maiores. Habilita o recurso de glifo alternativo "salt".
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 12px |
| Raio do botão | 9999px |
| Raio do cartão | 12px |
| Sombras | sombras suaves |
| Entre seções | 48px |
| Largura da página | 1440px |
A IA criará seu site no estilo Airbnb 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
- Apple (España) — vitrine branca para galeria
- 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.
- Oakâme — Uma oficina provençal banhada de sol, esculpida em pedra quente.
- Nike — Uma galeria monocromática de conquistas esportivas – paredes brancas, o produto como obra de arte, o cromo dissolvido no fundo.
- Arc — galeria industrial branca sobre água à meia-noite
- Rivian — Um monólito elétrico na parede de concreto da galeria. A Rivian apresenta cada veículo como uma escultura contra um vasto espaço branco, com uma tipografia tão grande que se torna um elemento arquitetônico, e um único amarelo quente que quebra a atmosfera monocromática, como a luz do sol em uma superfície fosca.
- Analogue — Vitrine preta para galeria – os produtos flutuam no vazio.
- ddna — vitrine de museu aquecida sobre linho não tratado
- Zellerfeld — Uma oficina de escultor em mármore branco — as superfícies monolíticas do pedestal, uma única faísca de cobalto, um sussurro de letras minúsculas do chão ao teto.
- UY Studio — A galeria de pedra do mosteiro é um espaço tranquilo com paredes de concreto, onde frascos de perfume repousam sobre pedestais brancos, iluminados por uma lâmpada de 400 watts e quatro lâmpadas de luz cinza quente.
- Basic.Space — galeria curatorial em mármore branco
- COS — uma galeria moderna com paredes brancas