Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojárVývoj nástrojov umelej inteligencie pre firmy. Vysokokvalitné. Cenovo dostupné.Napísať do Telegramu
MAKR — ukážka stránky v tomto štýle

MAKR

Múzejná vitrína s ručne vyrobeným koženým tovarom. Tichá, čisto biela miestnosť, kde sa pod veľkými fotografiami koženého tovaru držaného v ruke alebo na pozadí krajiniek vznášajú štítky napísané teplým čiernym atramentom, pričom jediným farebným kontrastom je tlmený pruh šalvie.

MAKR je online editoriálna galéria venovaná ručne vyrábanému koženému tovaru, postavená na takmer výlučne achromatickej palete, kde je dominantným prvkom fotografia. Horný reklamný pás zvýrazňuje jeden, takmer sivý tón bannera (s jemným náznakom šalvie), zatiaľ čo všetko ostatné – povrchy, text, oddeľovače, odkazy – je vykreslené hlbokým, teplým čiernym atramentom na bielom pozadí. Typografia je Sohneho neogroteskná v najzdržanlivejšej podobe: malé písma, veľkorysé riadkovanie a pozitívne rozstupy písmen pre veľké písmená v popisoch pôsobia ako text na stene galérie, nie ako webové rozhranie. Rozloženie je prevažne obrazové, asymetrické a minimalistické, ako múzeum: objekty sú fotografované v ruke, v krajine, v prirodzenom svetle, s malými popismi podobnými odkazom pod nimi. Komponenty sú prakticky neviditeľné – podčiarknuté textové odkazy, skryté vstupné polia, žiadne tiene, žiadne zaoblené tlačidlá – čo umožňuje pokožke a fotografii hrať ústrednú úlohu pri formovaní značky.

Rozloženie od okraja po okraj bez maximálneho obmedzenia šírky obsahu – obrázky vypĺňajú celú výrezovú oblasť. Horný bannerový reklamný panel zaberá celú šírku, za ním nasleduje navigácia v hlavičke s plnou šírkou. Hlavná oblasť obsahu používa viacstĺpcovú mriežku obrázkov (2 – 3 stĺpce na počítači) s nulovými alebo minimálnymi medzerami, čo umožňuje fotografiám vytvoriť si vlastnú vizuálnu štruktúru. Text a odkazy sú umiestnené v bielych priestoroch pod obrázkami a nikdy sa neprekrývajú. Redakčné sekcie sa striedajú s produktovými mriežkami a fotografiami v štýle životného štýlu s plnou šírkou. Vertikálny rytmus je veľkorysý (80 – 1,5 medzery medzi sekciami), čo vytvára pocit prechádzky galériou. Modálne okno prihlásenia na odber noviniek je pevný panel v ľavom dolnom rohu; uzatvárateľný panel prihlásenia na odber je umiestnený v samom dolnom rohu výrezovej oblasti. Celkový dojem je skôr dojmom múzejného katalógu alebo redakčnej rozloženia než typického rozloženia elektronického obchodu.

Fotografia je jadrom obsahu a jazyka značky. Koexistujú dva registre: (1) veľké čiernobiele zábery produktu v ruke, štvorcové alebo orezané v pomere 3:4, s vysokým kontrastom, objekt vypĺňa záber bez kontextu životného štýlu; (2) plnofarebné lifestylové fotografie v teplom prirodzenom svetle, krajinky v zemitých tónoch, modelky v pohybe s taškami, nasnímané z nízkych uhlov s malou hĺbkou ostrosti. Striedanie obrázkov v odtieňoch sivej a plnofarebných obrázkov vytvára na stránke jednotný vizuálny rytmus. Žiadne ilustrácie, žiadne 3D rendery, žiadna abstraktná grafika. Obrázky zaberajú celú stránku alebo sa rozprestierajú po celej šírke stránky, v mriežkových bunkách s nulovým polomerom a bez okrajov. Ikony chýbajú alebo sú minimálne – jednoduchý krížik na zatvorenie a nič viac.

Paleta

Neutrálny

  • Obsidian Ink #1c1717 — Hlavný text, všetky textové odkazy, text tela, nadpisy, obrysy ikon a jemné orámovanie v celom používateľskom rozhraní. Toto je primárna farba – pomer 17,7:1 na bielom pozadí, použitá vo viac ako 5 000 prípadoch. Jej veľmi jemný teplý tón (nie čisto čierna) dodáva celému rozhraniu skôr pocit tlačeného katalógu ako obrazovky.
  • Paper #ffffff — Tenké okraje, oddeľovače, obrysy vstupných polí a okraje kariet na svetlých povrchoch. Nepoužívajte túto farbu ako primárnu farbu pre tlačidlá s výzvou na akciu.
  • Bone #f0f0f0 — Sekundárny povrch na striedanie sekcií, vytváranie jemných pozadí panelov a vnútorných okrajov/oddeľovačov. Vytvára jemný teplý sivý odtieň medzi bielou farbou papiera a svetlozelenou farbou reklamy.
  • Eucalyptus Mist #a9aea9 — Pozadie bannerovej reklamy v hornej časti stránky, tlmené farebné prechody medzi sekciami a terciárny rám. Samotný sa javí takmer sivým, ale keď sa použije na celú šírku, nadobudne jemný šalviový odtieň – jediný farebný akcent v monochromatickej schéme.

Typografia

od 11 do 32px · 5 krokov

  • Sohne Web — náhrada: Inter · obrysy 400 · Používa sa celý štýl rozhrania – hlavný text, navigácia, odkazy, nadpisy, tlačidlá, vstupné polia, ikony a popisky obrázkov. Použité je písmo Sohne s hmotnosťou 400 (nenašli sa žiadne tučné varianty) a dodáva jazyku MAKR jeho tichý, no sebavedomý výrazový charakter: informácie sú prezentované prostredníctvom veľkosti a rozstupov písmen, nie prostredníctvom kontrastu hmotnosti. Alternatívy: Inter, Söhne alebo Untitled Sans.
  • CircularXXMonoWeb — náhrada: JetBrains Mono · obrysy 400 · Používa sa len na príležitostné technické pokyny alebo špecifikácie produktov – šepot s rovnakým rozstupom, ktorý narúša neogroteskný rytmus. Používajte striedmo: kód produktu, špecifikácie materiálu, nič viac. Nahraďte: JetBrains Mono alebo IBM Plex Mono.

Intervaly a forma

ÚčelVýznam
Hustotahustý
Základný krok5-8px
Polomer tlačidla0px
Polomer karty0px
Tienenie - okraje namiesto tieňov
Medzi sekciami80-120px

Umelá inteligencia vytvorí vašu webovú stránku v štýle MAKR a naplní ju

  • Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
  • Preneste obsah zo svojej starej stránky – stačí zadať adresu.
  • Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
  • Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.

Podobné štýly

  • FARFETCH España — Módna galéria v štýle „bielej kocky“. Predstavte si luxusný obchodný priestor, kde sú steny, podlahy a zariadenia vybielené na bielo a iba oblečenie a ľudia, ktorí ho nosia, vytvárajú každý odtieň, textúru a vizuálny výraz.
  • Franco Maria Ricci Editore — Katalóg galérie Art Deco - Leštené zlaté linky na ostrom bielom pergamene
  • Laura Monin — Nástenná galéria redakcie, biely mramor, atramentová pečiatka
  • OhDada — Nástenná galéria redakcie
  • Cursor — Útulná pergamenová dielňa, osvetlená tlejúcim uhlím
  • Structured — Renesančná galéria na papieri podobnom plastelíne
  • MindMarket — Útulná rozprávková kniha na krémovom papieri - príjemné redakčné plátno, kde na slnkom zaliatom, mäkkom povrchu ako nálepka koexistujú veľké titulky Interu a vystrihnuté papierové postavičky.
  • Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
  • Apple (España) — Galéria múzea, zaliata jemným denným svetlom, je jediný, podmanivý, beztiažový biely priestor, pričom každý exponát je osvetlený bodovým svetlom na jemne tónovanej stene.
  • Lamborghini — Čierna farba karosérie v showroome, pod reflektormi - jedno žlté auto
  • Amplemarket — Slnkom zaliate pracovisko posiate konfetami
  • Getharvest — Stôl v zlatej hodinke – teplé krémové plátno, na plátne zavesené biele pohľadnice a jediný jasne oranžový plameň.