MAKR
Isang eksibit sa museo para sa mga gawang-kamay na panindang katad. Isang tahimik, puro puting silid kung saan ang mga etiketa na may mainit na itim na tinta ay lumulutang sa ilalim ng malalaking litrato ng mga panindang katad na hawak o laban sa mga tanawin, ang tanging kulay na nagpapakita ng kaibahan ng isang mahinang guhit ng sage.
Ang MAKR ay isang online editorial gallery na nakatuon sa mga gawang-kamay na produktong gawa sa katad, na binuo sa halos ganap na achromatic palette kung saan ang potograpiya ang nangingibabaw na elemento. Isang halos kulay abong banner tone (na may kaunting sage) ang nagbibigay-diin sa itaas na bahagi ng ad strip, habang ang lahat ng iba pa—mga ibabaw, teksto, mga divider, mga link—ay inilalabas gamit ang malalim at mainit na itim na tinta sa isang puting background. Ang tipograpiya ay Sohne neo-grotesque sa pinaka-mahigpit na pagpipigil: maliliit na font, maluwag na line spacing, at positibong spacing ng mga letra para sa mga malalaking letra sa mga caption ay parang teksto sa isang gallery wall, hindi tulad ng isang web interface. Ang layout ay pinangungunahan ng imahe, asymmetrical, at minimalist, tulad ng isang museo: ang mga bagay ay kinukunan ng litrato nang hawak, sa mga tanawin, sa natural na liwanag, na may maliliit na parang link na mga caption sa ilalim ng mga ito. Ang mga bahagi ay halos hindi nakikita—mga nakasalungguhit na text link, mga nakatagong input field, walang mga anino, walang mga bilugan na butones—na nagpapahintulot sa balat at potograpiya na gumanap ng isang mahalagang papel sa paghubog ng brand.
Isang layout mula gilid hanggang gilid na walang limitasyon sa maximum na lapad ng nilalaman—pumupuno ang mga imahe sa buong viewport. Ang nangungunang banner ad ay sumasakop sa buong lapad, na sinusundan ng full-width header navigation. Ang pangunahing lugar ng nilalaman ay gumagamit ng multi-column image grid (2-3 column sa desktop) na may zero o minimal na gutter, na nagbibigay-daan sa mga litrato na lumikha ng sarili nilang visual na istraktura. Ang teksto at mga link ay nakaposisyon sa mga puting espasyo sa ibaba ng mga imahe, hindi kailanman magkakapatong. Ang mga seksyon ng editoryal ay nagpapalitan sa pagitan ng mga grid ng produkto at mga full-width, lifestyle style na litrato. Ang patayong ritmo ay malawak (80-1.5 gutter sa pagitan ng mga seksyon), na lumilikha ng pakiramdam ng paglalakad sa isang gallery. Ang modal ng subscription sa newsletter ay isang nakapirming, ibabang kaliwang panel; isang nakasarang subscription panel ay nakaposisyon sa pinakailalim ng viewport. Ang pangkalahatang impresyon ay isa sa isang katalogo ng museo o editoryal na spread, sa halip na isang tipikal na layout ng e-commerce.
Ang potograpiya ang pangunahing nilalaman at wika ng tatak. Dalawang rehistro ang magkakasamang umiiral: (1) malalaking itim-at-puting kuha ng produktong hawak, parisukat o naka-crop sa 3:4 na ratio, na may mataas na contrast, pinupuno ng bagay ang frame nang walang konteksto ng pamumuhay; (2) mga full-color na larawan ng pamumuhay sa mainit na natural na liwanag, mga tanawin sa mga kulay na parang lupa, mga modelong gumagalaw na may mga bag, kinunan mula sa mababang anggulo na may mababaw na depth of field. Ang pagpapalit-palit ng grayscale at full-color na mga imahe ay lumilikha ng iisang visual na ritmo sa pahina. Walang mga ilustrasyon, walang 3D render, walang abstract graphics. Ang mga imahe ay sumasakop sa buong pahina o sumasaklaw sa buong lapad ng pahina, sa mga grid cell na may zero radius at walang mga border. Walang mga icon o minimal—isang simpleng krus na isasara, at wala nang iba pa.
Paleta
Neutral
- Obsidian Ink
#1c1717— Ang pangunahing teksto, lahat ng link ng teksto, katawan ng teksto, mga heading, mga balangkas ng icon, at mga banayad na linya ng border sa buong user interface. Ito ang pangunahing kulay—isang 17.7:1 ratio sa isang puting background, na ginamit sa mahigit 5,000 pagkakataon. Ang napakabanayad at mainit na tono nito (hindi purong itim) ay nagbibigay sa buong interface ng pakiramdam ng isang naka-print na katalogo sa halip na isang screen. - Paper
#ffffff— Manipis na mga border, divider, outline ng input field, at mga gilid ng card sa mga mapuputing ibabaw. Iwasang gamitin ang kulay na ito bilang pangunahing kulay para sa mga button na call-to-action. - Bone
#f0f0f0— Isang pangalawang ibabaw para sa pagpapalit-palit ng mga seksyon, na lumilikha ng mga banayad na background ng panel, at mga panloob na border/divider. Lumilikha ito ng banayad na mainit na kulay abo sa pagitan ng puti ng papel at ng mapusyaw na berde ng ad. - Eucalyptus Mist
#a9aea9— Ang background ng banner ad sa itaas ng pahina, mga naka-mute na transisyon ng kulay sa pagitan ng mga seksyon, at isang tertiary frame. Sa sarili nitong anyo, halos kulay abo ito, ngunit kapag ginamit sa buong lapad, nagkakaroon ito ng banayad na kulay na sage—ang tanging accent ng kulay sa monochrome scheme.
Tipograpiya
mula 11 hanggang 32px · 5 hakbang
- Sohne Web — kapalit: Inter · mga balangkas 400 · Ang buong istilo ng interface—ang pangunahing teksto, nabigasyon, mga link, mga heading, mga buton, mga input field, mga icon, at mga caption ng larawan—ang ginagamit. Ang 400-weight na Sohne font (walang nakitang naka-bold na variant) ay nagbibigay sa MAKR ng tahimik ngunit may kumpiyansang pagpapahayag: ang impormasyon ay ipinapadala sa pamamagitan ng laki at pagitan ng mga letra, hindi sa pamamagitan ng contrast ng bigat. Mga Alternatibo: Inter, Söhne, o Untitled Sans.
- CircularXXMonoWeb — kapalit: JetBrains Mono · mga balangkas 400 · Ginagamit lamang para sa paminsan-minsang mga teknikal na tagubilin o mga detalye ng produkto—isang monospaced na bulong na sumisira sa neo-grotesque na ritmo. Gamitin nang matipid: product code, mga detalye ng materyal, wala nang iba. Palitan ng: JetBrains Mono o IBM Plex Mono.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 5-8px |
| Radius ng buton | 0px |
| Radius ng card | 0px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 80-120px |
Gagawa ang AI ng website mo sa estilong MAKR at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- FARFETCH España — Isang fashion gallery na may istilong "white cube". Isipin ang isang mamahaling retail space kung saan ang mga dingding, sahig, at mga kagamitan ay pinaputi ng puti, at tanging ang mga damit at mga taong nagsusuot ng mga ito ang lumilikha ng bawat kulay, tekstura, at biswal na ekspresyon.
- Franco Maria Ricci Editore — Katalogo ng Art Deco Gallery - Pinakintab na mga linyang ginto sa malinis at puting pergamino
- Laura Monin — Pader ng gallery ng editoryal, puting marmol, selyo ng tinta
- OhDada — Pader ng gallery ng editoryal
- Cursor — Isang maginhawang pagawaan ng pergamino, na naliliwanagan ng mga nagbabagang uling
- Structured — Galeriya ng Renaissance sa papel na parang plasticine
- MindMarket — Isang maaliwalas na aklat ng mga kuwentong engkanto na nasa kremang papel - isang palakaibigang editoryal na canvas kung saan ang malalaking headline ng Inter at mga ginupit na karakter sa papel ay magkakasamang namamalagi sa isang ibabaw na nasisinagan ng araw at malambot na parang sticker.
- Airbnb — Isang tahimik na puting gallery wall na may isang coral red bookmark
- Apple (España) — Ang galeriya ng museo, sa banayad na liwanag ng araw, ay isang nag-iisa, nakakabighani, at magaan na puting espasyo, kung saan ang bawat eksibit ay naliliwanagan ng isang spotlight na nakasandal sa isang dingding na may bahagyang kulay.
- Lamborghini — Itim na kulay ng katawan sa showroom, sa ilalim ng mga spotlight - isang dilaw na kotse
- Amplemarket — Isang lugar ng trabaho na nasisinagan ng araw at puno ng confetti
- Getharvest — Isang mesa sa ginintuang oras – isang mainit na kremang canvas, mga puting postcard na nakasabit sa canvas, at isang nag-iisang matingkad na kulay kahel na apoy