MAKR
Uma vitrine de museu para artigos de couro artesanais. Uma sala tranquila, toda branca, onde etiquetas em tinta preta quente flutuam sob grandes fotografias de artigos de couro sendo segurados na mão ou tendo como pano de fundo paisagens, com o único contraste de cor sendo uma discreta faixa verde-sálvia.
MAKR é uma galeria editorial online dedicada a artigos de couro artesanais, construída sobre uma paleta quase inteiramente acromática onde a fotografia é o elemento dominante. Um único tom de banner, quase cinza (com um sutil toque de verde-sálvia), acentua a faixa de anúncios superior, enquanto todo o resto — superfícies, texto, divisores, links — é renderizado em tinta preta profunda e quente sobre um fundo branco. A tipografia é o neo-grotesco de Sohne em sua forma mais contida: fontes pequenas, espaçamento generoso entre linhas e espaçamento positivo entre letras maiúsculas nas legendas dão a sensação de texto em uma parede de galeria, e não de uma interface web. O layout é dominado por imagens, assimétrico e minimalista, como um museu: os objetos são fotografados em mãos, em paisagens, sob luz natural, com pequenas legendas em formato de link abaixo deles. Os componentes são praticamente invisíveis — links de texto sublinhados, campos de entrada ocultos, sem sombras, sem botões arredondados — permitindo que a textura e a fotografia desempenhem um papel central na construção da marca.
Um layout de ponta a ponta, sem limite máximo de largura para o conteúdo — as imagens preenchem toda a área visível. O banner superior ocupa toda a largura, seguido pela navegação do cabeçalho, também em largura total. A área de conteúdo principal utiliza uma grade de imagens com várias colunas (2 a 3 colunas em desktops) com espaçamento zero ou mínimo, permitindo que as fotografias criem sua própria estrutura visual. Texto e links são posicionados em espaços em branco abaixo das imagens, sem nunca se sobreporem. As seções editoriais alternam entre grades de produtos e fotografias em estilo lifestyle em largura total. O ritmo vertical é generoso (espaçamento de 80 a 1,5 entre as seções), criando a sensação de passear por uma galeria. O modal de inscrição na newsletter é um painel fixo no canto inferior esquerdo; um painel de inscrição que pode ser fechado está posicionado na parte inferior da área visível. A impressão geral é a de um catálogo de museu ou de uma página editorial, em vez de um layout típico de e-commerce.
A fotografia é o conteúdo e a linguagem central da marca. Dois registros coexistem: (1) grandes fotos em preto e branco do produto em mãos, quadradas ou recortadas em proporção 3:4, com alto contraste, o objeto preenche o quadro sem contexto de estilo de vida; (2) fotos coloridas de estilo de vida em luz natural quente, paisagens em tons terrosos, modelos em movimento com bolsas, fotografadas de ângulos baixos com pouca profundidade de campo. A alternância entre imagens em tons de cinza e coloridas cria um ritmo visual único na página. Sem ilustrações, sem renderizações 3D, sem gráficos abstratos. As imagens ocupam a página inteira ou toda a largura da página, em células de grade com raio zero e sem bordas. Os ícones são ausentes ou mínimos — um simples "x" para fechar, e nada mais.
Paleta
Neutro
- Obsidian Ink
#1c1717— O texto principal, todos os links de texto, o corpo do texto, os títulos, os contornos dos ícones e as linhas de borda sutis em toda a interface do usuário. Esta é a cor primária — uma proporção de 17,7:1 sobre um fundo branco, usada em mais de 5.000 instâncias. Seu tom quente muito sutil (não preto puro) confere a toda a interface a aparência de um catálogo impresso em vez de uma tela. - Paper
#ffffff— Bordas finas, divisores, contornos de campos de entrada e bordas de cartões em superfícies claras. Evite usar essa cor como cor primária para botões de chamada à ação. - Bone
#f0f0f0— Uma superfície secundária para seções alternadas, criando fundos sutis para os painéis e bordas/divisórias internas. Ela cria um tom sutil de cinza quente entre o branco do papel e o verde claro do anúncio. - Eucalyptus Mist
#a9aea9— O banner publicitário de fundo no topo da página, as transições de cores suaves entre as seções e uma moldura terciária. Sozinho, ele parece quase cinza, mas quando usado em toda a largura, adquire um sutil tom verde-sálvia — o único destaque de cor no esquema monocromático.
Tipografia
de 11 a 32px · 5 etapas
- Sohne Web — substituição: Inter · esboços 400 · Todo o estilo da interface — texto principal, navegação, links, títulos, botões, campos de entrada, ícones e legendas de imagens — é utilizado. A fonte Sohne, com 400 variações (nenhuma variante em negrito foi encontrada), confere à MAKR uma expressividade discreta, porém confiante: a informação é transmitida pelo tamanho e espaçamento entre letras, e não pelo contraste de peso. Alternativas: Inter, Söhne ou Untitled Sans.
- CircularXXMonoWeb — substituição: JetBrains Mono · esboços 400 · Utilizado apenas para instruções técnicas ocasionais ou especificações de produtos — um sussurro monoespaçado que quebra o ritmo neo-grotesco. Use com moderação: código do produto, especificações de materiais, nada mais. Substitua por: JetBrains Mono ou IBM Plex Mono.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 5-8px |
| Raio do botão | 0px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 80-120px |
A IA criará seu site no estilo MAKR 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
- FARFETCH España — Uma galeria de moda no estilo "cubo branco". Imagine um espaço comercial sofisticado onde as paredes, o chão e os acessórios são de um branco imaculado, e somente as roupas e as pessoas que as vestem criam cada matiz, textura e expressão visual.
- Franco Maria Ricci Editore — Catálogo da Galeria Art Déco - Linhas douradas polidas sobre pergaminho branco impecável
- Laura Monin — Parede da galeria editorial, mármore branco, carimbo de tinta
- OhDada — Galeria editorial
- Cursor — Uma oficina de pergaminho aconchegante, iluminada por brasas fumegantes.
- Structured — Galeria renascentista em papel semelhante à plasticina
- MindMarket — Um livro de contos de fadas aconchegante em papel creme - uma tela editorial amigável onde grandes manchetes da Inter e personagens de papel recortado coexistem em uma superfície ensolarada e macia como adesivos.
- Airbnb — Uma discreta parede branca de galeria com um único marcador de livros vermelho-coral.
- Apple (España) — A galeria do museu, sob uma suave luz natural, é um espaço único, cativante e etéreo, todo branco, com cada peça da exposição iluminada por um foco de luz contra uma parede levemente colorida.
- Lamborghini — Carroceria preta no showroom, sob os holofotes - um carro amarelo.
- Amplemarket — Um local de trabalho banhado de sol e coberto de confetes.
- Getharvest — Uma escrivaninha na hora dourada – uma tela em tons creme quentes, cartões-postais brancos pendurados na tela e uma única chama laranja brilhante.