MAKR
Een museumvitrine voor handgemaakte lederwaren. Een stille, volledig witte ruimte waar etiketten in warme zwarte inkt zweven onder grote foto's van lederwaren die in de hand worden gehouden of tegen een landschapsachtergrond, met als enige kleurcontrast een gedempte streep saliegroen.
MAKR is een online redactionele galerij gewijd aan handgemaakte lederwaren, gebouwd op een bijna volledig monochroom kleurenpalet waarin fotografie het dominante element is. Een enkele, bijna grijze bannerkleur (met een subtiele hint van saliegroen) accentueert de bovenste advertentiebalk, terwijl al het andere – oppervlakken, tekst, scheidingslijnen, links – is weergegeven in diep, warm zwart op een witte achtergrond. De typografie is Sohne neo-grotesk in zijn meest ingetogen vorm: kleine lettertypen, ruime regelafstand en positieve letterafstand voor hoofdletters in de bijschriften voelen aan als tekst aan een galeriemuur, niet als een webinterface. De lay-out is beeldgedomineerd, asymmetrisch en minimalistisch, als een museum: objecten worden gefotografeerd in de hand, in landschappen, in natuurlijk licht, met kleine linkachtige bijschriften eronder. De componenten zijn vrijwel onzichtbaar – onderstreepte tekstlinks, verborgen invoervelden, geen schaduwen, geen afgeronde knoppen – waardoor het leer en de fotografie een centrale rol spelen in de vormgeving van het merk.
Een lay-out van rand tot rand zonder maximale breedtebeperking voor de inhoud – afbeeldingen vullen het hele scherm. De banner bovenaan beslaat de volledige breedte, gevolgd door een navigatiebalk over de volledige breedte. Het hoofdgedeelte van de inhoud maakt gebruik van een raster met meerdere kolommen (2-3 kolommen op desktop) met minimale of geen tussenruimte, waardoor de foto's hun eigen visuele structuur kunnen creëren. Tekst en links staan in de witte ruimte onder de afbeeldingen en overlappen elkaar nooit. Redactionele secties wisselen af tussen productoverzichten en foto's in lifestylestijl over de volledige breedte. Het verticale ritme is ruim (80-1,5 tussenruimte tussen secties), wat het gevoel geeft door een galerie te wandelen. Het aanmeldingsvenster voor de nieuwsbrief is een vast paneel linksonder; een afsluitbaar aanmeldingspaneel bevindt zich helemaal onderaan het scherm. De algehele indruk is die van een museumcatalogus of een redactionele spread, in plaats van een typische e-commerce lay-out.
Fotografie vormt de kern van de inhoud en de taal van het merk. Twee registers bestaan naast elkaar: (1) grote zwart-witfoto's van het product in de hand, vierkant of bijgesneden in een 3:4-verhouding, met een hoog contrast, waarbij het object het kader vult zonder lifestyle-context; (2) full-color lifestylefoto's in warm natuurlijk licht, landschappen in aardse tinten, modellen in beweging met tassen, gefotografeerd vanuit een laag perspectief met een geringe scherptediepte. De afwisseling van grijstinten en full-color afbeeldingen creëert een consistent visueel ritme op de pagina. Geen illustraties, geen 3D-renders, geen abstracte afbeeldingen. Afbeeldingen vullen de hele pagina of beslaan de volledige breedte van de pagina, in rastercellen met een straal van nul en zonder randen. Pictogrammen ontbreken of zijn minimaal – een eenvoudig kruisje om te sluiten, en verder niets.
Palet
Neutrale
- Obsidian Ink
#1c1717— De hoofdtekst, alle tekstlinks, de hoofdtekst, koppen, pictogramcontouren en subtiele randlijnen in de hele gebruikersinterface. Dit is de primaire kleur: een verhouding van 17,7:1 op een witte achtergrond, die in meer dan 5000 gevallen wordt gebruikt. De zeer subtiele warme tint (geen puur zwart) geeft de hele interface de uitstraling van een gedrukte catalogus in plaats van een scherm. - Paper
#ffffff— Dunne randen, scheidingslijnen, omlijningen van invoervelden en kaartranden op lichte oppervlakken. Vermijd het gebruik van deze kleur als hoofdkleur voor call-to-action-knoppen. - Bone
#f0f0f0— Een secundair oppervlak voor afwisselende secties, waarmee subtiele achtergronden voor panelen en interne randen/scheidingslijnen worden gecreëerd. Het zorgt voor een subtiele warme grijstint tussen het wit van het papier en het lichtgroen van de advertentie. - Eucalyptus Mist
#a9aea9— De banneradvertentie bovenaan de pagina, de subtiele kleurovergangen tussen de verschillende secties en een derde kader. Op zichzelf lijkt het bijna grijs, maar wanneer het over de volledige breedte wordt gebruikt, krijgt het een subtiele saliegroene tint – het enige kleuraccent in het monochrome kleurenschema.
Typografie
van 11 tot 32px · 5 stappen
- Sohne Web — vervanging: Inter · overzichten 400 · De volledige interface-stijl – de hoofdtekst, navigatie, links, koppen, knoppen, invoervelden, pictogrammen en afbeeldingsbijschriften – wordt gebruikt. Het lettertype Sohne (gewicht 400, er zijn geen vetgedrukte varianten gevonden) geeft MAKR zijn ingetogen maar zelfverzekerde expressiviteit: informatie wordt overgebracht door middel van grootte en letterafstand, niet door contrast in gewicht. Alternatieven: Inter, Söhne of Untitled Sans.
- CircularXXMonoWeb — vervanging: JetBrains Mono · overzichten 400 · Uitsluitend te gebruiken voor incidentele technische instructies of productspecificaties – een fluistering in monospace die het neogroteske ritme doorbreekt. Spaarzaam gebruiken: productcode, materiaalspecificaties, niets meer. Vervangen door: JetBrains Mono of IBM Plex Mono.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 5-8px |
| Knopradius | 0px |
| Kaartradius | 0px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 80-120px |
AI bouwt je website in de stijl MAKR en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- FARFETCH España — Een modegalerij in de stijl van de 'white cube'. Stel je een luxe winkelruimte voor waar de muren, vloeren en armaturen spierwit zijn, en alleen de kleding en de mensen die ze dragen zorgen voor alle tinten, texturen en visuele expressie.
- Franco Maria Ricci Editore — Art Deco Galerijcatalogus - Glanzende gouden lijnen op helder wit perkament
- Laura Monin — Redactionele galerijwand, wit marmer, inktstempel
- OhDada — Redactionele galerijwand
- Cursor — Een knusse perkamentwerkplaats, verlicht door smeulende kolen.
- Structured — Renaissance-galerij op plasticine-achtig papier
- MindMarket — Een knus sprookjesboek op crèmekleurig papier - een vriendelijk redactioneel canvas waarop grote Inter-koppen en uitgeknipte papieren figuren naast elkaar bestaan op een zonovergoten, stickerzachte ondergrond.
- Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
- Apple (España) — De museumgalerie, badend in zacht daglicht, is één grote, fascinerende, gewichtloze witte ruimte, waarbij elk object wordt verlicht door een spotlicht tegen een licht getinte muur.
- Lamborghini — Zwarte carrosserie in de showroom, onder de schijnwerpers - één gele auto
- Amplemarket — Een zonovergoten werkplek bezaaid met confetti.
- Getharvest — Een bureau tijdens het gouden uur – een warm crèmekleurig canvas, witte ansichtkaarten die aan het canvas hangen, en een enkele heldere oranje vlam.