MAKR
Una vitrina de museo para artículos de cuero hechos a mano. Una sala tranquila, completamente blanca, donde las etiquetas impresas en tinta negra cálida flotan bajo grandes fotografías de artículos de cuero sostenidos en la mano o con paisajes de fondo; el único contraste de color es una tenue franja de color verde salvia.
MAKR es una galería editorial en línea dedicada a artículos de cuero hechos a mano, construida sobre una paleta casi completamente acromática donde la fotografía es el elemento dominante. Un único tono de banner, casi gris (con un sutil toque de verde salvia), acentúa la franja publicitaria superior, mientras que todo lo demás —superficies, texto, separadores, enlaces— está representado en tinta negra profunda y cálida sobre un fondo blanco. La tipografía es neogrotesca de Söhne en su forma más sobria: fuentes pequeñas, interlineado generoso y espaciado positivo entre letras para las mayúsculas en los subtítulos, lo que evoca el texto en la pared de una galería, no una interfaz web. El diseño está dominado por la imagen, es asimétrico y minimalista, como un museo: los objetos se fotografían en mano, en paisajes, con luz natural, con pequeños subtítulos a modo de enlaces debajo. Los componentes son prácticamente invisibles —enlaces de texto subrayados, campos de entrada ocultos, sin sombras, sin botones redondeados—, lo que permite que la piel y la fotografía desempeñen un papel central en la configuración de la marca.
Diseño de borde a borde sin límite de ancho máximo para el contenido: las imágenes llenan toda la ventana gráfica. El banner superior ocupa todo el ancho, seguido de la navegación del encabezado, también de ancho completo. El área de contenido principal utiliza una cuadrícula de imágenes de varias columnas (2-3 columnas en escritorio) con márgenes mínimos o nulos, lo que permite que las fotografías creen su propia estructura visual. El texto y los enlaces se ubican en espacios en blanco debajo de las imágenes, sin superponerse. Las secciones editoriales alternan entre cuadrículas de productos y fotografías de estilo de vida de ancho completo. El ritmo vertical es generoso (80-1,5 márgenes entre secciones), creando la sensación de pasear por una galería. El modal de suscripción al boletín es un panel fijo en la esquina inferior izquierda; un panel de suscripción que se puede cerrar se ubica en la parte inferior de la ventana gráfica. La impresión general es la de un catálogo de museo o una página editorial, en lugar de un diseño típico de comercio electrónico.
La fotografía es el contenido y lenguaje central de la marca. Coexisten dos registros: (1) tomas grandes en blanco y negro del producto en mano, cuadradas o recortadas en una proporción 3:4, con alto contraste, el objeto llena el encuadre sin contexto de estilo de vida; (2) fotos de estilo de vida a todo color con luz natural cálida, paisajes en tonos tierra, modelos en movimiento con bolsos, tomadas desde ángulos bajos con poca profundidad de campo. La alternancia de imágenes en escala de grises y a todo color crea un ritmo visual único en la página. Sin ilustraciones, sin renders 3D, sin gráficos abstractos. Las imágenes ocupan toda la página o abarcan todo el ancho de la página, en celdas de cuadrícula con radio cero y sin bordes. Los iconos son inexistentes o mínimos: una simple cruz para cerrar, y nada más.
Paleta
Neutral
- Obsidian Ink
#1c1717— El texto principal, todos los enlaces, el cuerpo del texto, los encabezados, los contornos de los iconos y los sutiles bordes se encuentran en toda la interfaz de usuario. Este es el color principal: una proporción de 17,7:1 sobre fondo blanco, utilizado en más de 5000 ocasiones. Su tono cálido y sutil (no negro puro) le da a toda la interfaz la apariencia de un catálogo impreso en lugar de una pantalla. - Paper
#ffffff— Bordes finos, separadores, contornos de campos de entrada y cantos de tarjetas sobre superficies claras. Evite usar este color como color principal para los botones de llamada a la acción. - Bone
#f0f0f0— Una superficie secundaria para secciones alternas, que crea fondos de panel sutiles y bordes/divisores internos. Genera un sutil tono gris cálido entre el blanco del papel y el verde claro del anuncio. - Eucalyptus Mist
#a9aea9— El banner publicitario en la parte superior de la página, las transiciones de color suaves entre secciones y un marco terciario. Por sí solo, parece casi gris, pero al extenderse a lo largo de todo el ancho, adquiere un sutil tono verde salvia, el único acento de color en la paleta monocromática.
Tipografía
de 11 a 32 píxeles · 5 pasos
- Sohne Web — reemplazo: Inter · esquemas 400 · Se utiliza el mismo estilo de interfaz: texto principal, navegación, enlaces, encabezados, botones, campos de entrada, iconos y pies de foto. La fuente Söhne de 400 puntos (no se encontraron variantes en negrita) le confiere a MAKR una expresividad sutil pero segura: la información se transmite mediante el tamaño y el espaciado entre letras, no mediante el contraste de grosor. Alternativas: Inter, Söhne o Untitled Sans.
- CircularXXMonoWeb — reemplazo: JetBrains Mono · esquemas 400 · Úselo solo para instrucciones técnicas ocasionales o especificaciones de producto: un susurro monoespaciado que rompe el ritmo neogrotesco. Úselo con moderación: código de producto, especificaciones de materiales, nada más. Reemplácelo con: JetBrains Mono o IBM Plex Mono.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 5-8px |
| Radio del botón | 0px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 80-120px |
La IA construirá tu sitio web al estilo de MAKR y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- FARFETCH España — Una galería de moda al estilo del "cubo blanco". Imagina un espacio comercial de alta gama donde las paredes, los suelos y los accesorios son de un blanco impoluto, y solo la ropa y las personas que la visten crean cada matiz, textura y expresión visual.
- Franco Maria Ricci Editore — Catálogo de la galería Art Deco: Líneas doradas pulidas sobre pergamino blanco nítido.
- Laura Monin — Pared de galería editorial, mármol blanco, sello de tinta
- OhDada — Muro de galería editorial
- Cursor — Un acogedor taller de pergamino, iluminado por brasas humeantes.
- Structured — Galería renacentista en papel con textura similar a la plastilina.
- MindMarket — Un acogedor libro de cuentos de hadas en papel color crema: un lienzo editorial amigable donde grandes titulares y personajes de papel recortados coexisten en una superficie suave como una pegatina, bañada por el sol.
- Airbnb — Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
- Apple (España) — La galería del museo, bañada por una suave luz natural, es un único espacio blanco, cautivador y etéreo, donde cada pieza está iluminada por un foco contra una pared ligeramente tintada.
- Lamborghini — Carrocería negra en la sala de exposición, bajo los focos: un coche amarillo.
- Amplemarket — Un lugar de trabajo bañado por el sol y cubierto de confeti.
- Getharvest — Un escritorio a la hora dorada: un lienzo de color crema cálido, postales blancas colgadas en el lienzo y una sola llama de color naranja brillante.