MAKR
Unha vitrina de museo para artigos de coiro feitos a man. Unha sala tranquila e totalmente branca onde as etiquetas en tinta negra cálida flotan baixo grandes fotografías de artigos de coiro sostidos na man ou contra paisaxes, o único contraste de cor unha raia tenue de salvia.
MAKR é unha galería editorial en liña dedicada a artigos de coiro artesanais, construída sobre unha paleta case totalmente acromática onde a fotografía é o elemento dominante. Un único ton de pancarta case gris (cun sutil toque de salvia) acentúa a franxa publicitaria superior, mentres que todo o demais (superficies, texto, divisores, ligazóns) está representado en tinta negra profunda e cálida sobre un fondo branco. A tipografía é neogrotesca de Sohne no seu momento máis contido: as fontes pequenas, o espazo entre liñas xeneroso e o espazo entre letras positivo para as maiúsculas nas lendas parecen texto nunha parede de galería, non unha interface web. A maquetación está dominada pola imaxe, é asimétrica e minimalista, como un museo: os obxectos son fotografados na man, en paisaxes, con luz natural, con pequenas lendas similares a ligazóns debaixo deles. Os compoñentes son practicamente invisibles (ligazóns de texto subliñadas, campos de entrada ocultos, sen sombras, sen botóns redondeados), o que permite que a pel e a fotografía desempeñen un papel central na configuración da marca.
Un deseño de bordo a bordo sen límite de ancho máximo de contido: as imaxes ocupan toda a ventá gráfica. O anuncio de banner superior ocupa todo o ancho, seguido dunha navegación de cabeceira de ancho completo. A área de contido principal usa unha grella de imaxes de varias columnas (2–3 columnas no escritorio) con cero ou mínimos espazos intermedios, o que permite que as fotografías creen a súa propia estrutura visual. O texto e as ligazóns colócanse en espazos brancos debaixo das imaxes, sen superpoñerse nunca. As seccións editoriais alternan entre grellas de produtos e fotografías de estilo de vida de ancho completo. O ritmo vertical é xeneroso (80–1,5 espazos intermedios entre seccións), creando a sensación de pasear por unha galería. O modal de subscrición ao boletín informativo é un panel fixo na parte inferior esquerda; un panel de subscrición que se pode pechar está situado na parte inferior da ventá gráfica. A impresión xeral é a dun catálogo de museo ou unha extensión editorial, en lugar dun deseño típico de comercio electrónico.
A fotografía é o contido e a linguaxe principais da marca. Coexisten dous rexistros: (1) grandes tomas en branco e negro do produto na man, cadradas ou recortadas nunha proporción de 3:4, con alto contraste, o obxecto enche o cadro sen contexto de estilo de vida; (2) fotos de estilo de vida a toda cor con luz natural cálida, paisaxes en tons terrosos, modelos en movemento con maletas, tomadas desde ángulos baixos cunha pouca profundidade de campo. A alternancia de imaxes en escala de grises e a toda cor crea un único ritmo visual na páxina. Sen ilustracións, sen renderizacións en 3D, sen gráficos abstractos. As imaxes ocupan toda a páxina ou abarcan todo o ancho da páxina, en celas de cuadrícula con radio cero e sen bordos. As iconas están ausentes ou son mínimas: unha simple cruz para pechar e nada máis.
Paleta
Neutro
- Obsidian Ink
#1c1717— O texto principal, todas as ligazóns de texto, o corpo do texto, os títulos, os contornos das iconas e as liñas de bordo sutís en toda a interface de usuario. Esta é a cor primaria: unha proporción de 17,7:1 sobre un fondo branco, utilizada en máis de 5000 casos. O seu ton cálido moi sutil (non negro puro) dálle a toda a interface a sensación dun catálogo impreso en lugar dunha pantalla. - Paper
#ffffff— Bordes finos, divisores, contornos de campos de entrada e bordos de tarxetas en superficies claras. Evita usar esta cor como cor principal para os botóns de chamada á acción. - Bone
#f0f0f0— Unha superficie secundaria para alternar seccións, crear fondos de paneis sutís e bordos/divisores internos. Crea un ton gris cálido e sutil entre o branco do papel e o verde claro do anuncio. - Eucalyptus Mist
#a9aea9— O fondo do anuncio de banner na parte superior da páxina, transicións de cores apagadas entre seccións e un marco terciario. Por si só, parece case gris, pero cando se usa en todo o ancho, adquire un sutil ton salvia, o único acento de cor no esquema monocromático.
Tipografía
de 11 a 32 px · 5 pasos
- Sohne Web — substitución: Inter · contornos 400 · Emprégase todo o estilo da interface (o texto principal, a navegación, as ligazóns, os títulos, os botóns, os campos de entrada, as iconas e as lendas das imaxes). A fonte Sohne de peso 400 (non se atoparon variantes en negra) dálle a MAKR a súa expresividade tranquila pero segura: a información transmítese mediante o tamaño e o espazado entre letras, non mediante o contraste de peso. Alternativas: Inter, Söhne ou Untitled Sans.
- CircularXXMonoWeb — substitución: JetBrains Mono · contornos 400 · Úsase só para instrucións técnicas ocasionais ou especificacións de produtos: un susurro monoespaciado que rompe o ritmo neogrotesco. Úsase con moderación: código do produto, especificacións de materiais, nada máis. Substitúese por: JetBrains Mono ou IBM Plex Mono.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 5-8px |
| Radio do botón | 0px |
| Radio da tarxeta | 0px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 80-120px |
A IA creará o teu sitio web ao estilo de MAKR e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- FARFETCH España — Unha galería de moda ao estilo "cubo branco". Imaxina un espazo comercial de alta gama onde as paredes, os pisos e os accesorios están branqueados, e só a roupa e as persoas que a levan crean cada matiz, textura e expresión visual.
- Franco Maria Ricci Editore — Catálogo da Galería Art Déco: liñas douradas puídas sobre pergamiño branco nítido
- Laura Monin — Muro da galería editorial, mármore branco, selo de tinta
- OhDada — Muro da galería editorial
- Cursor — Un acolledor taller de pergamiño, iluminado por brasas fumegantes
- Structured — Galería renacentista en papel tipo plastilina
- MindMarket — Un acolledor libro de conto de fadas sobre papel crema: un lenzo editorial amigable onde grandes titulares de Inter e personaxes de papel recortados conviven nunha superficie suave como unha pegatina bañada polo sol.
- Airbnb — Unha tranquila parede de galería branca cun único marcador de libros vermello coral
- Apple (España) — A galería do museo, á suave luz do día, é un espazo branco único, cativador e ingrávido, con cada exposición iluminada por un foco contra unha parede lixeiramente tintada.
- Lamborghini — Cor negra da carrozaría na sala de exposicións, baixo os focos: un coche amarelo
- Amplemarket — Un lugar de traballo bañado polo sol cheo de confeti
- Getharvest — Un escritorio na hora dourada: un lenzo cor crema cálido, postais brancas colgadas no lenzo e unha única chama laranxa brillante.