Creative Giants
Didelio formato redakcinis plakatas ant kreminio popieriaus
„Creative Giants“ atrodo kaip per didelis meno albumo atsidarymas, pateiktas kodu: šilta, kreminė drobė, plonos paraštės ir toks didelis šriftas, kad labiau primena plakatą nei antraštę. Visa sistema veikia neigiamoje erdvėje ir vienu, lengvu dydžiu (300) – antraštės, esant 64–84 pikseliams, vos girdimos, o ne išsiskiria paryškintu šriftu, o raidžių tarpai smarkiai mažėja (-0,04 em) didėjant šrifto dydžiui, todėl žodžiai atrodo iškalti, o ne nulupti. Spalvų schema paskirstyta mažais, sodriais teptuko potėpiais: ryškiai violetinė, tamsiai turkio, šviesiai mėlyna, karštai rožinė, mėtinė ir tamsiai mėlyna atrodo kaip kortelių paviršiai arba akcentai, o ne kaip fono užpildai. Interaktyvūs elementai yra juodos formos kreminiame fone su visiškai užapvalintais (1440 pikselių) spinduliais, o chromuoti elementai beveik nematomi – vienas apvalus logotipas ir mygtukas „Meniu“ plūduriuoja baltoje erdvėje. Vizualinė koncepcija yra gamybos studijos kontaktinis lapas: viena didžiulė antraštė, viena viso pločio nuotrauka, viena rami metateksto eilutė. Kiekvienas kitas puslapis turėtų atitikti tą patį lakonišką stilių.
Viso puslapio išdėstymas: nėra maksimalaus pločio konteinerio; turinys užima visą puslapio plotį su vienodomis paraštėmis kairėje ir dešinėje (16–32 pikselių mobiliuosiuose įrenginiuose, 32 pikselių ir daugiau darbalaukyje). Pagrindinė antraštė yra viena didelė antraštė („KŪRYBOS MILŽINIAI“, 84 pikseliai), užimanti maždaug 40 % rodinio srities, po kurios iškart seka nuotrauka su metažyme apatiniame kairiajame kampe ir antraštės perdanga. Skyriaus ritmas yra monolitinis: kiekvienas naujas skyrius prasideda nedideliu kiekiu didžiosiomis raidėmis parašyto teksto ir paaiškinimo, atskirto 48–64 pikselių baltos erdvės – nėra besikeičiančių tamsių / šviesių juostų, išskyrus vieną apverstą „Navy Ink“ akcento kortelę. Turinys yra lygiuotas kairėje; nėra centruotų blokų, išskyrus pagrindinę antraštę. Naujienų / atvejų analizės skyriuje naudojama trijų stulpelių kortelių tinklelis su plaukiojančiu rodyklės bloku dešinėje. Navigacija vykdoma per vieną viršutinę antraštę – be šoninės juostos ar jokių pritvirtintų elementų už pačios antraštės. Bendras išdėstymas erdvus ir atitinka redakcijos stilių: kiekviena sekcija kvėpuoja, o balta erdvė yra pagrindinis struktūrinis elementas.
Dizaine dominuoja redakcinė fotografija: vaizdai užima visą puslapio plotį, su ryškiais kampais, be persidengimų ar apvalių kaukių. Stilius labiau linksta prie dokumentinio ir atmosferinio stiliaus – raukšlėtos rankos, viešos instaliacijos ir atsitiktiniai žmonių kadrai – niekada nenaudojant inscenizuotos produktų fotografijos. Vaizdai visada pateikiami dideliu masteliu (viso pločio peržiūros sritis arba užpildantys visą kortelę), todėl dizaino vienetas yra nuotrauka, o ne vartotojo sąsaja. Nėra jokių iliustracijų, 3D modelių ar produktų maketų. Ikonografija minimali: vienas mažas apskritas logotipas, kontūriniai ševronai karuselės valdikliuose ir lengvos vartotojo sąsajos piktogramos su 1 pikselio kontūru. Vaizdo tankį lemia pats vaizdas, o tekstas tarnauja kaip diskretiškas anotacijos sluoksnis po arba virš nuotraukos.
Paletė
Prekės ženklas
- Magenta Bloom
#8a0467— Rožinė spalva naudojama kaip antrinis akcentas dekoratyvinėms detalėms ir rečiau naudojamoms paieškos užklausoms paryškinti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimui veikti. - Forest Teal
#03624c— Sodri prekės ženklo akcento spalva kortelių rėmeliams ir dekoratyviniams elementams; dera su „Magenta Bloom“ spalva, kad būtų gautas dviejų atspalvių efektas.
Neutralus
- Bone White
#fffef7— Puslapio drobė, kartoniniai paviršiai ir tekstas ant tamsių akcentų yra šilto, kreminio atspalvio, kuris pakeičia gryną #ffffff ir suteikia visai sistemai popierinį, spausdintą pojūtį. - Ink Black
#000000— Tamsi spalva papildo neutralų tekstą ir piktogramas bei sukuria stiprų kontrastą. Venkite jos naudoti kaip pagrindinės spalvos raginimams veikti. - Graphite
#666666— Antrinis tekstas, antraštės, metaduomenys ir pagalbinis tekstas nustumiami į foną, kad pagrindinis tekstas galėtų dominuoti. - Ash
#aaaaaa— Įvesties lauko rėmeliai, neaktyvios nuorodos spalva, tretinio lygio skirtukai – švelni struktūrinė pilka spalva, kuri dingsta, kai nereikia. - Charcoal Scale
#4d4c4a— Sąrašo kraštinėms pasirinktas vidutiniškai neutralus atspalvis, o tamsaus gradiento kelyje – šiltai pilka, o ne melsvai pilka, – subtiliai padidintas kontrastas. - Powder Blue
#a5c8eb— Švelnus spalvų akcentas – atvirukų fonas, neryškus fonas, prislopinti iliustracijų užpildai – atvėsina šiltą foną nesukurdamas konkurencijos.
Tipografija
nuo 12 iki 84 pikselių · 7 žingsniai
- Switzer — pakeitimas: Inter (300 · kontūrai 300, 400 · Vieno šrifto sistema: 300 šrifto storis visiems rodymo elementams ir antraštėms (12–84 pikseliai), 400 šrifto storis pagrindiniam tekstui, metaduomenims ir vartotojo sąsajos valdikliams. Pageidaujamas variantas yra naudoti 300 šriftą esant 64–84 pikselių dydžiams – daugumoje sistemų naudojamas 700–800 paryškintas šriftas; šviesaus atspalvio „Switzer“ šriftas išlaiko plonas linijas, sukurdamas ant kreminės drobės retušuoto šrifto įspūdį. Didėjant dydžiui (-0,04 em esant 84 pikseliams, -0,018 em esant 14 pikselių), vidinės erdvės išlieka atviros, nesukuriant retinimo pojūčio.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 1440px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 64px |
Dirbtinis intelektas sukurs jūsų svetainę Creative Giants 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
- ElevenLabs — Šiltų kreminių atspalvių fotoreportažas su subtiliomis antraštėmis. Bauhaus stiliaus užrašų knygelė – kiaušinio lukšto spalvos popierius, juodas rašalas ir vienas violetinis bei oranžinis akcentas gaminiui eksponuoti.
- monopo saigon — Skystas, vaivorykštinis švytėjimas už redakcijos tylos – monochrominė redakcijos galerija, plūduriuojanti išsilydžiusioje šviesoje
- Awesomic — Redakcijos cinko tinklelis su oranžiniais skyrybos ženklais, primenančiais konfeti
- Monad — redakcinis techninis žurnalas ant šilto pergamento
- Dub — „Link“ matinio ryžinio popieriaus valdymo skydelis
- Seline Analytics — Ramus analitinis stalas ant šilto popieriaus
- Notion — Šiltas popierinis užrašų knygutės formos laikraštis vidurdienio saulėje
- Hyer Aviation — Prieblanda kabinoje virš pergamento. Blyškus aušros dangus susitinka su fiuzeliažo dydžio serifo logotipu, o vienas šiltas molio akcentas nutraukia monochromatinį santūrumą.
- Anthropic — Mokslinis lauko žurnalas ant šilto pergamento – ramūs dramblio kaulo paviršiai, serifuotos redakcinės antraštės ir vienas molinis akcentas, atsirandantis tik tada, kai reikia imtis veiksmų.
- Calendly — Tamsiai mėlynas rašalas ant šalto marmuro
- Augen Pro — „Apple“ baltoje prezentacijoje monochrominėje erdvėje vienintelis akcentas – klinikinė, nesvari, elektrinė mėlyna spalva.
- OFF+BRAND. — Vaivorykštinė sfera ant šilto pergamento