MAKR
Una vitrina de museu per a articles de pell fets a mà. Una sala tranquil·la i totalment blanca on les etiquetes amb tinta negra càlida suren sota grans fotografies d'articles de pell a la mà o contra paisatges, l'únic contrast de color una franja apagada de sàlvia.
MAKR és una galeria editorial en línia dedicada a articles de pell fets a mà, construïda sobre una paleta gairebé completament acromàtica on la fotografia és l'element dominant. Un únic to de pancarta gairebé gris (amb un subtil toc de sàlvia) accentua la franja publicitària superior, mentre que tota la resta (superfícies, text, divisors, enllaços) es representa amb tinta negra profunda i càlida sobre un fons blanc. La tipografia és neogrotesca Sohne en la seva forma més restringida: fonts petites, interlineat generós i interlineat positiu per a les majúscules dels peus de foto semblen text en una paret de galeria, no com una interfície web. El disseny està dominat per imatges, és asimètric i minimalista, com un museu: els objectes es fotografien a la mà, en paisatges, amb llum natural, amb petits peus de foto semblants a enllaços a sota. Els components són pràcticament invisibles (enllaços de text subratllats, camps d'entrada ocults, sense ombres, sense botons arrodonits), cosa que permet que la pell i la fotografia tinguin un paper central en la configuració de la marca.
Un disseny de vora a vora sense límit d'amplada màxima de contingut: les imatges omplen tota la finestra gràfica. L'anunci de bàner superior ocupa tota l'amplada, seguit d'una navegació de capçalera d'amplada completa. L'àrea de contingut principal utilitza una quadrícula d'imatges de diverses columnes (2-3 columnes a l'escriptori) amb zero o mínims marges, cosa que permet a les fotografies crear la seva pròpia estructura visual. El text i els enllaços es posicionen en espais blancs sota les imatges, sense superposar-se mai. Les seccions editorials alternen entre quadrícules de productes i fotografies d'amplada completa d'estil de vida. El ritme vertical és generós (80-1,5 marges entre seccions), creant la sensació de passejar per una galeria. El modal de subscripció al butlletí és un panell fix a la part inferior esquerra; un panell de subscripció que es pot tancar es situa a la part inferior de la finestra gràfica. La impressió general és la d'un catàleg de museu o una extensió editorial, en lloc d'un disseny típic de comerç electrònic.
La fotografia és el contingut i el llenguatge centrals de la marca. Coexisteixen dos registres: (1) grans fotografies en blanc i negre del producte a la mà, quadrades o retallades en una relació de 3:4, amb alt contrast, l'objecte omple el marc sense context d'estil de vida; (2) fotos d'estil de vida a tot color amb llum natural càlida, paisatges en tons terrosos, models en moviment amb bosses, fetes des d'angles baixos amb poca profunditat de camp. L'alternança d'imatges en escala de grisos i a tot color crea un únic ritme visual a la pàgina. Sense il·lustracions, sense renders en 3D, sense gràfics abstractes. Les imatges ocupen tota la pàgina o abasten tota l'amplada de la pàgina, en cel·les de quadrícula amb radi zero i sense vores. Les icones són absents o mínimes: una simple creu per tancar, i res més.
Paleta
Neutral
- Obsidian Ink
#1c1717— El text principal, tots els enllaços de text, el text del cos, els encapçalaments, els contorns de les icones i les línies de vora subtils de tota la interfície d'usuari. Aquest és el color primari: una relació de 17,7:1 sobre un fons blanc, utilitzat en més de 5.000 casos. El seu to càlid molt subtil (no negre pur) dóna a tota la interfície la sensació d'un catàleg imprès en lloc d'una pantalla. - Paper
#ffffff— Vores primes, divisors, contorns de camps d'entrada i vores de targetes en superfícies clares. Eviteu utilitzar aquest color com a color principal per als botons de crida a l'acció. - Bone
#f0f0f0— Una superfície secundària per alternar seccions, crear fons subtils de panells i vores/divisors interns. Crea un to gris càlid subtil entre el blanc del paper i el verd clar de l'anunci. - Eucalyptus Mist
#a9aea9— El fons de l'anunci de bàner a la part superior de la pàgina, transicions de colors apagats entre seccions i un marc terciari. Per si sol, sembla gairebé gris, però quan s'utilitza a tota l'amplada, pren un to subtil de salvia, l'únic accent de color en l'esquema monocromàtic.
Tipografia
d'11 a 32 px · 5 passos
- Sohne Web — reemplaçament: Inter · esquemes 400 · S'utilitza tot l'estil de la interfície (el text principal, la navegació, els enllaços, els encapçalaments, els botons, els camps d'entrada, les icones i els peus de foto). La font Sohne de pes 400 (no s'han trobat variants en negreta) dóna a MAKR la seva expressivitat tranquil·la però segura: la informació es transmet mitjançant la mida i l'espaiat entre lletres, no mitjançant el contrast de pes. Alternatives: Inter, Söhne o Untitled Sans.
- CircularXXMonoWeb — reemplaçament: JetBrains Mono · esquemes 400 · Només s'utilitza per a instruccions tècniques ocasionals o especificacions de producte: un xiuxiueig monoespaiat que trenca el ritme neogrotesc. Utilitzeu-ho amb moderació: codi de producte, especificacions de materials, res més. Substituïu-ho per: JetBrains Mono o IBM Plex Mono.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 5-8px |
| Radi del botó | 0px |
| Radi de la targeta | 0px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 80-120px |
La IA crearà el vostre lloc web a l'estil MAKR i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- FARFETCH España — Una galeria de moda a l'estil "cub blanc". Imagineu-vos un espai comercial d'alta gamma on les parets, els terres i els accessoris estan blanquejats, i només la roba i les persones que la porten creen cada to, textura i expressió visual.
- Franco Maria Ricci Editore — Catàleg de la Galeria Art Déco: línies daurades polides sobre pergamí blanc nítid
- Laura Monin — Mur de la galeria editorial, marbre blanc, segell de tinta
- OhDada — Mur de la galeria editorial
- Cursor — Un acollidor taller de pergamí, il·luminat per brases fumejants
- Structured — Galeria renaixentista sobre paper semblant a la plastilina
- MindMarket — Un llibre de conte de fades acollidor sobre paper crema: un llenç editorial agradable on grans titulars d'Inter i personatges de paper retallats conviuen sobre una superfície suau com un adhesiu banyada pel sol.
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- Apple (España) — La galeria del museu, a la llum suau del dia, és un espai blanc únic, captivador i sense pes, amb cada exposició il·luminada per un focus contra una paret lleugerament tintada.
- Lamborghini — Color negre de la carrosseria a la sala d'exposició, sota els focus: un cotxe groc
- Amplemarket — Un lloc de treball assolellat i ple de confeti
- Getharvest — Un escriptori a l'hora daurada: un llenç de color crema càlid, postals blanques penjades al llenç i una única flama taronja brillant