Shop
Egy lebegő kereskedelmi csillagkép fehér márványon
Az online áruház „fehér vászon” modellen működik, ahol a termékek nagy, erősen ívelt képkártyákként jelennek meg bélyegképek rácsa helyett. A teljes felület hihetetlenül gördülékeny: 20-28 képpontos sugarak mindenhol, pirula alakú vezérlők és egy kompakt, 16 képpontos GT Standard test szoros negatív követési funkcióval, amely élessé és merészsé teszi a szöveget. A rendszer egyetlen merész akcentusa egy élénk lila (#5433eb), amely a logóban, a kör alakú keresési találati mezőben és ugyanazon a gombon színezett árnyékként jelenik meg. A paletta többi része meleg semleges: fehér felületek, finom, hűvös szürke vászon, finom szegélyek és közel fekete szöveg. A sűrűség továbbra is kompakt, 12 képpontos ereszcsatornákkal, de a fő- és kategóriacsíkok lélegzőek a 64-80 képpontos nagyvonalú függőleges ritmusnak köszönhetően, így a kereskedelmi élmény inkább böngészésre, mint katalógusra hasonlít.
A maximális szélesség 1200 képpont, középen egy áttetsző #f2f4f5 vászonon, bal oldalon egy állandó, 64 képpont széles oldalsávval, amely csak navigációs ikonokat tartalmaz. A fő elem egy teljes szélességű sáv, amelyben a termékkártyák egy középre igazított lila "üzlet" logó felett helyezkednek el, közvetlenül alatta pedig egy pirula alakú keresősáv található. A kategória pirulák egyetlen középre igazított sorban helyezkednek el a keresősáv alatt. A tartalomrészek (Nők, Férfiak, Szépség, Otthon, Baba és Gyermek) kijelölt sávokként következnek, mindegyik egy 4 oszlopos rácsot tartalmaz termékképekkel, vagy egy 2 oszlopos "fő elem és rács" kompozíciót. A függőleges ritmus nagyvonalú: 64–80 képpont a fő részek között. A lábléc egy sötét csík az oldal alján, oszlop alakú linkcsoportokkal. A vízszintes termékpanelek jobb oldalán található körhinta nyilak a lapozási pontok nélküli görgethető tartalmat jelzik.
A fénykép a domináns vizuális elem: teljes képernyős termékfotók fehér háttér előtt, 1:1 arányban vágva, valamint meleg földtónusú (bézs, terrakotta, zsálya, elefántcsont) életmódképek. A termékképeknek saját színük van – a felhasználói felület akromatikus marad, így a termékárnyalatok vizuális változatosságot biztosítanak. A márkalogók sötét vagy világos főképeken átfedő szövegként jelennek meg, nem pedig különálló ikonokként. A fő kompozícióban a termékkártyák lebegő, enyhén átfedő csillagképként helyezkednek el a szóvédjegy felett. Az ikonok minimalista és monokróm (fekete körvonalakkal), kivéve a kategóriaikonokat, amelyek egyetlen márkaszínt használnak. A termékképeken nincsenek illusztrációk, 3D effektek vagy színátmenetek.
Paletta
Márka
- Shop Violet
#5433eb— A küldés gomb, a pontozott szövegjel és a márkalogó az egyetlen olyan kiegészítő, amely kiemeli a fehér háttér akcióját és egyéniségét. - Violet Wash
#c0b5f3— Egy áttetsző glória a lila küldés gomb mögött, amely színárnyalat változtatása nélkül megőrzi fényét.
Semleges
- Canvas Mist
#f2f4f5— Oldalháttér és további felületkezelés a kiemelkedő kártyák mögött. - Pure White
#ffffff— A kártyák, beviteli mezők, lebegő jelek és pirula alakú gombok fő felülete. - Ink Black
#000000— Fő szöveg, címsorok, ikonok, navigációs szimbólumok és termékkártyák sötét módban. - Faint Border
#ebebeb— Vékony elválasztó vonalak a kártyákon, beviteli mezők körvonalai és pirula alakú gombkeretek. - Muted Gray
#787574— Másodlagos szöveg, navigációs címkék, ikonok körvonalai inaktív állapotban - Cool Stone
#cccccc— Helyőrzők, letiltott állapotok és inaktív ikon hátterek
Tipográfia
11-ről 16 képpontra · 4 lépésben
- GT Standard — csere: Inter · körvonalak 400 · Az elsődleges betűtípus minden méretben – mind a törzsszöveghez, mind a címsorokhoz. A GTStandard-MRegular 16px/-0.031em méretben az elsődleges betűtípus a törzsszöveghez, gombokhoz és címkékhez. A GTStandard-MSemibold 20px/-0.05em méretben számos nagyméretű címsorhoz használatos; a GTStandard-MMedium 11–12px méretben a mikrofeliratokhoz. Minden betűtípusváltozat 400-as optikai súllyal jelenik meg – a betűtípus-hierarchiát finom színátmenetekkel és sűrű negatív betűközökkel érik el, a félkövér kontraszt helyett. Ez egy jellegzetes stílus: a Shop nem a félkövér betűtípusokkal kiabál, hanem a betűközökkel formálja a szöveget.
- Shopify Sans — csere: Inter · körvonalak 400, 700 · Rendszerszintű üzenetekhez, például alkalmazásbetöltési bannerekhez és sütikre vonatkozó hozzájárulási szövegekhez fenntartva.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 12px |
| Gomb sugara | 9999px |
| Kártya sugara | 28px |
| Árnyékok | lágy árnyékok |
| Szakaszok között | 64px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Shop stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Cursor — Egy hangulatos pergamenműhely, parázsló parázzsal megvilágítva
- Slush — felfújható matricák univerzuma pasztellpapíron
- MindMarket — Egy hangulatos mesekönyv krémszínű papíron - egy barátságos szerkesztői vászon, ahol a nagy Inter-címek és a kivágott papírfigurák együtt jelennek meg egy napsütötte, matricaszerű felületen.
- Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
- Superr — Egy meleg iskolai füzet a lágy délutáni fényben. Egy krémszínű lap, egy narancssárga filctoll kupak nélkül, és egy halom laminált névmatrica, amik arra várnak, hogy lehúzzák őket.
- Apple (España) — A múzeumi galéria lágy nappali fényben egyetlen, magával ragadó, súlytalan fehér tér, ahol minden kiállítási tárgyat egy reflektor világít meg egy enyhén színezett fal előtt.
- Lamborghini — Fekete karosszériaszín a bemutatóteremben, a reflektorok alatt - egy sárga autó
- Amplemarket — Egy napfényben fürdő, konfettivel borított munkahely
- Getharvest — Egy íróasztal az aranyórában – meleg krémszínű vászon, fehér képeslapok lógnak a vásznon, és egyetlen élénk narancssárga láng
- Agence Foudre — A magazin címlapja halvány rózsaszín, rúzsra emlékeztet.
- Drive Capital — Retro autós kirándulás poszter meleg papíron
- Apple (España) — fehér galériavitrin