Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvendo ferramentas de IA para empresas. Alta qualidade. Preço acessível.Enviar mensagem no Telegram
Anthropic — uma prévia de um site neste estilo

Anthropic

Uma revista científica de campo impressa em pergaminho de tom quente — superfícies de marfim sereno, títulos editoriais com serifa e um único detalhe em tom de barro que aparece apenas quando é necessário dar o que falar.

A interface do Anthropic assemelha-se a uma publicação científica cuidadosamente elaborada, impressa em papel pergaminho de tom quente. Tons neutros de marfim e bege substituem a paleta de cinza frio típica de designs inspirados em tecnologia, conferindo a cada superfície uma textura semelhante à do papel, que complementa a tipografia serifada personalizada, utilizada em uma escala sem precedentes tanto para o corpo do texto quanto para os títulos. Um único detalhe em tom de argila aparece apenas em momentos de atividade; todo o resto permanece calmo e austero. Os componentes são planos — bordas finas e raios seletivos nos cantos inferiores substituem as sombras projetadas como linguagem de design, com uma tipografia sem serifa representando os elementos da interface e uma tipografia serifada transmitindo expressividade.

O design é dominado por ilustrações científicas vintage: a página inicial apresenta uma densa colagem botânica/zoológica de borboletas e mariposas, executada no estilo clássico de ilustrações naturalistas que remetem aos guias de campo do século XIX. As ilustrações têm cores quentes que se integram ao fundo pergaminho, em vez de se destacarem. Não há fotografias, capturas de tela de produtos ou gradientes abstratos. A iconografia é minimalista — pequenos chevrons para menus suspensos e indicadores lineares esparsos, sempre na mesma paleta quente e neutra do texto. A densidade visual é baixa: grandes blocos de texto e espaço em branco predominam, e as imagens aparecem apenas no âmbito da página inicial.

Paleta

Marca

  • Clay #d97757 — Os botões de chamada à ação preenchidos (por exemplo, "aceitar consentimento de cookies") são a única cor de destaque no sistema, um tom terracota quente que pertence à família de tons terrosos, em vez do azul típico da interface do usuário.
  • Clay Deep #c6613f — O estado de passar o cursor/pressionar para os botões de chamada à ação do Clay e o token canônico com um diacrítico são uma versão mais profunda do diacrítico básico.

Neutro

  • Slate Dark #141413 — Corpo do texto, títulos, fundo do rodapé, bordas finas - quase preto com um leve tom quente, nunca preto puro.
  • Ivory Medium #f0eee6 — A tela da página e os grandes espaços preenchidos têm um fundo cor de pergaminho que define todo o tom quente.
  • Ivory Light #faf9f5 — Superfícies de papelão, painéis em relevo e botões de encaixe são um pouco mais brilhantes que a tela, criando um efeito de camadas e sem sombras.
  • Cloud Medium #b0aea5 — Textos auxiliares discretos, elementos de navegação inativos, rótulos adicionais — um estilo neutro que se integra ao fundo sem desaparecer.
  • Cloud Dark #87867f — Molduras de botões delineadas, divisórias de contraste médio.
  • Stone #cccbc8 — Bordas e divisórias sutis entre as seções são visíveis, mas nunca muito óbvias.

Tipografia

de 12 a 68px · 6 etapas

  • Anthropic Serif — substituição: Georgia · esboços 400, 600 · Estilo Editorial – usado para o título de 68px, todo o texto corrido de 20px, títulos de cards e parágrafos de apoio. A fonte serifada adiciona personalidade ao texto; sua presença no corpo do texto (incomum em sites técnicos) indica que se trata de uma publicação científica. A espessura da fonte 400 é a padrão, 600 é para dar ênfase.
  • Anthropic Sans — substituição: Inter · esboços 400, 500, 600, 700 · A interface do usuário e a exibição de fontes sem serifa incluem links de navegação, botões, rodapés, ícones e um título em negrito sem serifa com peso de 700 e 61px. A fonte sem serifa de 61px é posicionada ao lado da fonte com serifa de 68px, criando intencionalmente um sistema duplo: a fonte sem serifa expressa declarações, enquanto a fonte com serifa transmite a sensação de um ensaio editorial.
  • Anthropic Mono — substituição: JetBrains Mono · esboços 400 · Usado apenas em código ou fragmentos técnicos - raro.

Intervalos e forma

PropósitoSignificado
Densidadedenso
Passo básico8px
Raio do botão8px (bottom-only on filled variants), 12px (outlined)
Raio do cartão24px
Sombrasnão - bordas em vez de sombras
Entre seções80-120px
Largura da página1280px

A IA criará seu site no estilo Anthropic 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

  • Mollie — Um balcão de cashmere, um livro-razão escuro. Deixe bastante espaço em branco para o design editorial ao redor do texto preto e, em seguida, reforce os pontos relacionados ao produto com tons quentes de creme, marrom expresso e fotos táteis de métodos de pagamento reais.
  • Kagi — Uma sala de leitura separada. Crie um espaço branco aberto em torno de um texto em grafite marcante, usando detalhes sutis em roxo e superfícies em tons pastel quentes para quebrar a tranquilidade.
  • Milanote — Milanote é um estúdio criativo dedicado. Crie páginas no estilo de galeria editorial usando painéis visuais flutuantes: paredes com molduras escuras, espaço de exibição branco e capturas de tela que parecem objetos reais com uma leve profundidade.
  • Co2 — Um atlas climático sob a luz do inverno. Crie páginas como uma paisagem aérea documental, onde títulos com serifa, dados codificados por categorias e imagens gélidas destacam amplas margens brancas.
  • GitButler — Turquesa no final do texto. Uma combinação de títulos serifados de alto contraste com sutis grades técnicas, superfícies em tom grafite quente e um discreto toque de turquesa.
  • ElevenLabs — Um ensaio fotográfico em tons creme quentes com títulos sutis. Um caderno em estilo Bauhaus — papel cor de casca de ovo, tinta preta e um único detalhe em roxo e laranja para exibição do produto.
  • Awesomic — Tela editorial em zinco com marcas de pontuação laranja que lembram confete.
  • Monad — revista técnica editorial sobre pergaminho quente
  • Dub — Painel de controle de papel de arroz fosco do Link
  • Seline Analytics — Uma mesa analítica silenciosa sobre papel quente
  • Notion — Um caderno de papel quente sob o sol do meio-dia
  • Calendly — Tinta azul escura sobre mármore frio

Catálogo de estilos por categoria