Acne Studios
Minimalistinė galerijos erdvė, pilna ryškių nuotraukų – ant marmuro išdėliotas mados žurnalas
„Acne Studios“ labiau primena skaitmeninį mados žurnalą nei tradicinę parduotuvę: balta drobė, viso puslapio redakcinė fotografija ir beveik jokių sąsajos elementų. Visas puslapis atrodo kaip kruopščiai sukurtas meno dizainas – produktų vaizdai išdėstyti tankiu, nuo krašto iki krašto tinkleliu, o vienintelė tipografinė skyryba yra mažytės, gerai išdėstytos didžiosios raidės. Firminė elektrinio kobalto spalva (#0018a8) naudojama saikingai nuorodose ir interaktyviuose elementuose, niekada nebūna užpildyta kaip mygtukas, leidžiantis nuotraukoms atkreipti dėmesį. Komponentai yra sąmoningai nesvarūs: nėra šešėlių, nėra kartoninių paviršių, nėra apvalių talpyklų, nėra dekoratyvinių rėmelių. Erdvė tarp elementų atlieka struktūrinę funkciją, kurią kitur atlieka aukštis.
Viso pločio puslapio išdėstymas be maksimalaus pločio apribojimų. Puslapis laikosi griežto redakcinio ritmo: (1) fiksuota viršutinė navigacija su teksto nuorodomis ir krepšelio skaitikliu, (2) 50/50 padalinta antraštė su perdengiamu logotipu, (3) 4 stulpelių produktų tinklelis be tarpų tarp jų, (4) 5 stulpelių redakcinių blokų eilutė be tarpų tarp jų. Visos sekcijos išdėstytos vertikaliai su vienodais tarpais. Tinklelis visada tiesus – jokių asimetrinių ar mozaikinių kompozicijų. Navigacija minimalistinė, tik viršutinė juosta, nėra šoninės juostos ar mega meniu. Išdėstymas skaitomas iš kairės į dešinę, iš viršaus į apačią, kaip spausdinto mados žurnalo puslapis.
Fotografija yra visas produktas. Mados redakcinėje fotografijoje dominuoja viso kadro vaizdai: avangardinio stiliaus modeliai neutraliame studijiniame fone (pilkas, dryžuotas audinys, prislopintas interjeras). Produktai fotografuojami grynai baltame fone, be jokio gyvenimo būdo konteksto. Antriniai vaizdai apima prekės ženklo pakuotes (rožinės „Acne Studios“ dėžutės), parduotuvių vitrinas ir architektūrines nuotraukas. Jokių iliustracijų, jokių piktogramų, išskyrus paprastus linijinius simbolius, jokių gradientų, jokių 3D vizualizacijų. Vaizdai visada yra stačiakampiai su aštriais kampais – be maskavimo, be užapvalintų kampų, be persidengimų. Vaizdų vaidmuo yra ne sukurti dekoratyvią atmosferą, o pateikti pagrindinį turinį; jie užima maždaug 90 % matomo pikselių ploto.
Paletė
Prekės ženklas
- Electric Cobalt
#0018a8— Violetinė spalva naudojama kaip antrinis akcentas dekoratyvinėms detalėms ir žemiems dažniams pabrėžti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimui veikti.
Neutralus
- Ink Black
#000000— Pagrindinis tekstas, logotipas, piktogramų kontūrai, naršymo etiketės ir poraštės tekstas. Siekiant absoliutaus įskaitomumo, baltame fone naudojamas 21:1 kontrasto santykis. - Graphite
#6b6b6b— Neutralių spalvų palaikymas antrinei vartotojo sąsajai, skirtukams ir prislopintoms etiketėms. - Paper White
#ffffff— Puslapio drobė, produkto kortelės fonas ir naršymo juostos paviršius. Pagrindinis pagrindas, leidžiantis redakcinei fotografijai „kvėpuoti“. - Bone
#f2f2f2— Subtilus šešėlių tonavimas ir smulkūs kraštai sukuria dramatiškus perdengimus. Sistema naudojama saikingai, todėl pirmenybė teikiama tuščiai erdvei, o ne tonuotiems paviršiams.
Tipografija
nuo 120 iki 120 pikselių · 1 žingsnis
- Helvetica Monospaced Pro — pakeitimas: Inter · kontūrai 400 · „Helvetica Monospaced Pro“ šriftas – rastas išgautuose duomenyse, bet dirbtinis intelektas jo neaprašė.
- Acne Studios (custom wordmark) — pakeitimas: GT Walsheim or Manrope at matching optical size and weight · kontūrai 400-500 · Didelio formato prekės ženklo logotipas uždėtas ant pagrindinės nuotraukos. Šriftas turi geometrinę struktūrą su humanistinėmis galūnėmis; joks sisteminis šriftas negali jo atkurti, tačiau jo charakteris yra artimiausias geometriniam be serifo šriftui su plačia anga.
- Helvetica Neue / system sans — pakeitimas: Helvetica or Inter · kontūrai 400 · Visas funkcinis tekstas vartotojo sąsajoje: naršymo nuorodos, skyrių antraštės, produktų aprašymai ir poraštės. Jis visada rodomas didžiosiomis raidėmis su plačiais tarpais tarp raidžių – šis tipografinis dizainas yra labiausiai atpažįstamas nefotografinis elementas svetainėje.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 10px |
| Mygtuko spindulys | 0px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 60px |
Dirbtinis intelektas sukurs jūsų svetainę Acne Studios stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Agence Foudre — Žurnalo viršelis yra švelniai rožinės spalvos, primenančios lūpų dažus.
- INVERSA — Topografinis lauko terminalas vidurnaktį. Tamsus komandų skydelis, kuriame ant Žemės palydovinių vaizdų uždėtas didžiulis redakcinis šriftas ir vienas neoninės žalios spalvos žymeklių sluoksnis, kiekvienas žymėjimas vienspalvis, tarsi skaitytų misijos koordinates.
- GTE — Prekybos terminalas už galerijos apšvietimo
- Diabla — Viduržemio jūros regiono kiemas vidurdienį – saulės išblukintos rausvos sienos, viena ryškiai raudona drobinė markizė ir dangumi besidriekiančios redakcinės antraštės su servetėlėmis.
- Le Puzz — „Sunny Sunday Circular“ yra bulvarinis laikraštis, pilnas paslapčių.
- Subset — Redakcijos parduotuvėlė, pagaminta iš neapdoroto lino
- Cursor — Jauki pergamentų dirbtuvė, apšviesta rusenančių žarijų
- MindMarket — Jauki pasakų knyga ant kreminio popieriaus – draugiška redakcinė drobė, kurioje saulės nutviekstame, minkštame, lyg lipdukas, paviršiuje susijungia didelės „Inter“ antraštės ir iškirpti popieriniai personažai.
- Lamborghini — Juoda kėbulo spalva salone, prožektorių šviesoje – vienas geltonas automobilis
- Amplemarket — Saulės nutvieksta darbovietė, nusėta konfeti
- Getharvest — Stalas auksinę valandą – šilta kreminė drobė, ant drobės kabančios baltos atvirukės ir viena ryškiai oranžinė liepsna
- Drive Capital — Retro kelionės automobiliu plakatas ant šilto popieriaus