Acne Studios
Minimālistiska galerijas telpa, kas piepildīta ar košām fotogrāfijām — modes žurnāls, kas izklāts uz marmora
Acne Studios vairāk līdzinās digitālam modes žurnālam, nevis tradicionālam veikalam: balts audekls, pilnas lapas redakcionāla fotogrāfija un gandrīz pilnīga saskarnes elementu neesamība. Visa lapa atgādina rūpīgi izstrādātu mākslas dizainu — produktu attēli ir izvietoti ciešā, no malas līdz malai veidotā režģī, un vienīgā tipogrāfiskā pieturzīme ir sīki, labi izvietoti lielie burti. Raksturīgā elektriskā kobalta krāsa (#0018a8) saitēs un interaktīvajos elementos tiek izmantota taupīgi, nekad kā aizpildīta poga, ļaujot fotoattēliem piesaistīt uzmanību. Komponenti ir apzināti bezsvara: nav ēnu, nav kartona virsmu, nav noapaļotu konteineru, nav dekoratīvu rāmju. Telpa starp elementiem pilda strukturālu funkciju, ko citur veic augstums.
Pilna platuma lapas izkārtojums bez maksimālā platuma ierobežojumiem. Lapa ievēro stingru redakcionālu ritmu: (1) fiksēta augšējā navigācija ar teksta saitēm un groza skaitītāju, (2) 50/50 sadalīta galvene ar pārklājošu logotipu, (3) 4 kolonnu produktu režģis bez atstarpēm starp tiem, (4) 5 kolonnu redakcionālo bloku rinda bez atstarpēm starp tiem. Visas sadaļas ir izvietotas vertikāli ar vienādām atstarpēm. Režģis vienmēr ir taisns — nav asimetrisku vai mozaīkas kompozīciju. Navigācija ir minimālistiska, tikai ar augšējo joslu, bez sānu joslas vai mega izvēlnes. Izkārtojums lasāms no kreisās uz labo pusi, no augšas uz leju, līdzīgi kā drukāta modes žurnāla atvērums.
Fotogrāfija ir viss produkts. Modes redakcionālajā fotogrāfijā dominē pilna kadra attēli: modeļi avangarda stilā uz neitrāla studijas fona (pelēks, svītrains audums, klusināts interjers). Produkti tiek fotografēti uz tīri balta fona bez jebkāda dzīvesveida konteksta. Sekundārie attēli ietver zīmolu iepakojumu (rozā Acne Studios kastes), veikalu skatlogus un arhitektūras kadrus. Nav ilustrāciju, nav ikonu, izņemot vienkāršus lineārus glifus, nav gradientu, nav 3D renderējumu. Attēli vienmēr ir taisnstūrveida ar asiem stūriem — nav maskēšanas, nav noapaļotu stūru, nav pārklājumu. Attēlu uzdevums nav radīt dekoratīvu atmosfēru, bet gan nodrošināt galveno saturu; tie aizņem aptuveni 90% no redzamā pikseļu laukuma.
Palete
Zīmols
- Electric Cobalt
#0018a8— Violeta krāsa tiek izmantota kā sekundārs akcents dekoratīvām detaļām un zemo frekvenču uzsvēršanai. To nevajadzētu izmantot kā galveno krāsu aicinājumam uz darbību.
Neitrāls
- Ink Black
#000000— Galvenais teksts, logotips, ikonu kontūras, navigācijas etiķetes un kājenes teksts. Lai nodrošinātu absolūtu salasāmību, uz balta fona tiek izmantota kontrasta attiecība 21:1. - Graphite
#6b6b6b— Neitrālu krāsu atbalsts sekundārajam lietotāja interfeisam, atdalītājiem un klusinātām etiķetēm. - Paper White
#ffffff— Lapas audekls, produkta kartes fons un navigācijas joslas virsma. Galvenais pamats, kas ļauj redakcionālajai fotogrāfijai "elpot". - Bone
#f2f2f2— Smalks ēnu tonējums un smalkas malas rada dramatiskus pārklājumus. Izmantojot to taupīgi, sistēma dod priekšroku tukšai vietai, nevis tonētām virsmām.
Tipogrāfija
no 120 līdz 120 pikseļiem · 1 solis
- Helvetica Monospaced Pro — nomaiņa: Inter · kontūras 400 · Helvetica Monospaced Pro fonts — atrodams iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.
- Acne Studios (custom wordmark) — nomaiņa: GT Walsheim or Manrope at matching optical size and weight · kontūras 400-500 · Lielformāta zīmola logotips ir uzlikts uz galvenā fotoattēla. Burtveidolam ir ģeometriska struktūra ar humānisma galotnēm; neviens sistēmas fonts to nevar atveidot, taču tā raksturs ir vistuvākais ģeometriskam sans-serif fontam ar plašu atvērumu.
- Helvetica Neue / system sans — nomaiņa: Helvetica or Inter · kontūras 400 · Viss funkcionālais teksts lietotāja saskarnē: navigācijas saites, sadaļu virsraksti, produktu apraksti un kājenes. Tas vienmēr tiek attēlots ar lielajiem burtiem ar platu burtu atstarpi — šis tipogrāfiskais dizains ir vispazīstamākais nefotogrāfiskais elements tīmekļa vietnē.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 10px |
| Pogas rādiuss | 0px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 60px |
Mākslīgais intelekts izveidos jūsu vietni Acne Studios stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Agence Foudre — Žurnāla vāka lapa ir maigi rozā krāsā, kas atgādina lūpu krāsu.
- INVERSA — Topogrāfisks lauka terminālis pusnaktī. Tumšs komandpanelis, kur uz Zemes satelītattēliem ir uzklāts milzīgs redakcionāls fonts un viens neona zaļu marķieru slānis, katrs uzraksts ir vienkrāsains, it kā nolasītu misijas koordinātas.
- GTE — Tirdzniecības terminālis aiz galerijas apgaismojuma
- Diabla — Vidusjūras pagalms pusdienlaikā – saulē izbalējušas rozā sienas, viena spilgti sarkana audekla markīze un debesīs stiepjas rediģēti redakcijas virsraksti.
- Le Puzz — "Sunny Sunday Circular" ir tabloīds, kas pilns ar noslēpumiem.
- Subset — Redakcijas veikals, kas izgatavots no neapstrādāta lina
- Cursor — Mājīga pergamenta darbnīca, ko apgaismo kvēlojošas ogles
- MindMarket — Mājīga pasaku grāmata uz krēmkrāsas papīra — draudzīgs redakcionāls audekls, kur uz saulē pielietas, uzlīmēm līdzīgas mīkstas virsmas sadzīvo lieli Inter virsraksti un izgriezti papīra tēli.
- Lamborghini — Melna virsbūves krāsa salonā, prožektoru gaismā - viena dzeltena automašīna
- Amplemarket — Saules apspīdēta darba vieta, kas nokaisīta ar konfeti
- Getharvest — Rakstāmgalds zeltainā stundā – silts krēmkrāsas audekls, uz audekla karājas baltas pastkartes un viena spilgti oranža liesma
- Drive Capital — Retro ceļojuma plakāts uz silta papīra