Creative Giants
Poster editorial me format të madh në letër krem
Creative Giants duket si një libër arti i madh, i paraqitur në kod: një kanavacë e ngrohtë dhe kremoze, kufij të hollë dhe shkronja aq të mëdha sa ndihet më shumë si një poster sesa si një titull. I gjithë sistemi funksionon në hapësirë negative dhe një madhësi të vetme, të lehtë (300) - titujt mezi dëgjohen në 64–84px, në vend që të dallohen me shkronja të trasha, dhe hapësira midis shkronjave zvogëlohet ndjeshëm (-0.04em) ndërsa madhësia e shkronjave rritet, kështu që fjalët duken të gdhendura në vend që të hiqen. Skema e ngjyrave shpërndahet në goditje të vogla dhe të ngopura me furça: vjollcë e gjallë, bruz i thellë, blu e çelët, rozë e ndezur, mente dhe blu e errët shfaqen si sipërfaqe ose thekse kartoni, në vend të mbushjeve të sfondit. Elementet interaktive janë forma të zeza në një sfond krem me rreze të rrumbullakosura plotësisht (1440px), ndërsa elementët e kromit janë pothuajse të padukshëm - një logo e vetme e rrumbullakët dhe butoni "Menu" notojnë në hapësirën e bardhë. Koncepti vizual është një fletë kontakti e një studioje prodhimi: një titull i madh, një foto me gjerësi të plotë, një rresht i qetë metateksti. Çdo faqe tjetër duhet të ndjekë të njëjtin stil lakonik.
Paraqitja e faqes me mbushje të plotë: Nuk ka kontejner me gjerësi maksimale; përmbajtja zë të gjithë gjerësinë e faqes me kufij të barabartë në të majtë dhe të djathtë (16–32px në celular, 32px+ në desktop). Titulli kryesor është një titull i vetëm i madh ("GJIGANDËT KRIJUES" në 84px) që zë afërsisht 40% të dritares së shikimit, i ndjekur menjëherë nga një foto me mbushje të plotë me një meta tag në këndin e poshtëm të majtë dhe një mbivendosje titulli. Ritmi i seksionit është monolit: çdo seksion i ri fillon me një sasi të vogël shkrimi me shkronja të mëdha dhe një shpjegim, të ndarë nga 48–64px hapësirë të bardhë - nuk ka breza alternativë të errët/të çelët përveç një karte theksi me bojë të errët të përmbysur. Përmbajtja është e rreshtuar majtas; nuk ka blloqe të përqendruara përveç titullit kryesor. Seksioni i lajmeve/studimeve të rasteve përdor një rrjetë kartash me tre kolona me një bllok shigjetash lundrues në të djathtë. Navigimi kryhet përmes një koke të vetme të sipërme - pa një shirit anësor ose ndonjë element të ankoruar përtej vetë kokës. Paraqitja e përgjithshme është e bollshme dhe në përputhje me stilin editorial: çdo seksion merr frymë, dhe hapësira e bardhë është elementi kryesor strukturor.
Fotografia editoriale dominon dizajnin: imazhet zënë të gjithë gjerësinë e faqes, me kënde të mprehta dhe pa mbivendosje ose maska të rrumbullakosura. Stili anon nga dokumentari dhe atmosferik - duar të rrudhosura, instalime publike dhe pamje të rastësishme të njerëzve - pa përdorur kurrë fotografi të inskenuara të produkteve. Imazhet paraqiten gjithmonë në shkallë të madhe (porta e shikimit me gjerësi të plotë ose duke mbushur të gjithë kartën), kështu që njësia e dizajnit është fotografia, jo ndërfaqja e përdoruesit. Nuk ka ilustrime, modele 3D ose makete produktesh. Ikonografia është minimale: një logo e vetme e vogël rrethore, vija konturuese në kontrollet e karuselit dhe ikona të lehta të ndërfaqes së përdoruesit me një kontur 1px. Dendësia e imazhit përcaktohet nga vetë imazhi dhe teksti shërben si një shtresë diskrete shënimesh poshtë ose sipër fotografisë.
Paletë
Markë
- Magenta Bloom
#8a0467— Ngjyra rozë përdoret si një theks dytësor për detajet dekorative dhe për të nxjerrë në pah pyetjet e kërkimit që përdoren më rrallë. Nuk duhet të përdoret si ngjyra kryesore për një thirrje për veprim. - Forest Teal
#03624c— Një ngjyrë e pasur theksi marke për kornizat e kartave dhe prekjet dekorative; kombinohet me Magenta Bloom për një përfundim dyngjyrësh.
Neutral
- Bone White
#fffef7— Kanavaca e faqes, sipërfaqet e kartonit dhe teksti në thekse të errëta janë një nuancë e ngrohtë dhe kremoze që zëvendëson #ffffff-in e pastër dhe i jep të gjithë sistemit një ndjesi letre dhe të shtypur. - Ink Black
#000000— Ngjyra e errët plotëson tekstin dhe ikonat neutrale dhe krijon kontrast të fortë. Shmangni përdorimin e saj si ngjyrë kryesore për thirrjet për veprim. - Graphite
#666666— Teksti dytësor i trupit, mbishkrimet, meta të dhënat dhe teksti mbështetës shtyhen në sfond për të lejuar që teksti kryesor të dominojë. - Ash
#aaaaaa— Kufijtë e fushave të hyrjes, ngjyra e lidhjes joaktive, ndarësit terciarë - një ngjyrë gri e butë strukturore që zhduket kur nuk është e nevojshme. - Charcoal Scale
#4d4c4a— Një ngjyrë neutrale mesatare për kufijtë e listës, me një rritje të lehtë të kontrastit në shtegun e gradientit të errët - gri e ngrohtë në vend të gri-blu. - Powder Blue
#a5c8eb— Një theks i butë ngjyrash - sfonde kartolinash, sfonde të turbullta, mbushje të zbehta ilustrimesh - e qetëson një sfond të ngrohtë pa krijuar konkurrencë.
Tipografi
nga 12 në 84px · 7 hapa
- Switzer — zëvendësim: Inter (300 · skica 300, 400 · Një sistem me një font të vetëm: peshë 300 për të gjithë elementët e ekranit dhe titujt (12–84px), peshë 400 për tekstin e trupit, meta të dhënat dhe kontrollet e ndërfaqes së përdoruesit. Opsioni i preferuar është të përdoret pesha 300 në madhësitë 64–84px - shumica e sistemeve përdorin një font të trashë 700–800 këtu; fonti Switzer me nuanca të çelëta ruan vija të holla, duke krijuar përshtypjen e shkronjave të printuara me furçë ajri në një kanavacë krem. Hapësira më e ngushtë midis shkronjave ndërsa rritet madhësia (-0.04em në 84px, -0.018em në 14px) i mban hapësirat e brendshme të hapura, pa krijuar një ndjesi të rrallë.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 8px |
| Rrezja e butonit | 1440px |
| Rrezja e kartës | 0px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 64px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Creative Giants dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Studio — Një mur galerie në lëvizje. Çdo ekran përfaqëson një sipërfaqe ekspozite të qetë, gri, ku materialet tipografike dhe veprat krijuese që mbivendosen konkurrojnë për vëmendje.
- Mollie — Një banak kashmiri, një libër llogarie i errët. Lini hapësirë të bollshme të bardhë për dizajn editorial rreth tekstit të zi, pastaj përforconi pikat që lidhen me produktin me krem të ngrohtë, kafe kafe ekspres dhe foto prekëse të metodave aktuale të pagesës.
- Bajgart Office — Muri i galerisë editoriale. Përdorni një hapësirë të madhe të bardhë ku fontet delikate serif dhe fragmentet e portofolit mbajnë më shumë peshë vizuale sesa elementët e ndërfaqes të kromuar.
- Bejamas — Pizhama—ngjyrë gëlqereje acidike përmes xhamit të zi. Krijoni faqe editoriale të qeta, gri të çelëta, të ndërprera nga panele të zeza magjepsëse, ku vija të gjelbra të turbullta drite kryqëzohen në sipërfaqe.
- Kagi — Një dhomë leximi e veçantë. Krijoni një hapësirë të bardhë të hapur rreth tekstit të theksuar me grafit, duke përdorur thekse delikate vjollce dhe sipërfaqe të ngrohta pastel për të thyer qetësinë.
- Milanote — Milanote është një studio krijuese e dedikuar. Krijoni faqe në stilin e galerive editoriale duke përdorur tabela vizuale lundruese: mure me kornizë të errët, hapësirë të bardhë shfaqjeje dhe pamje të ekranit që duken si objekte të vërteta me një thellësi të butë.
- Co2 — Një atlas klimatik në dritën e dimrit. Krijoni faqe si një peizazh dokumenti ajror, ku titujt serif, të dhënat e koduara sipas kategorive dhe imazhet e akullta nxjerrin në pah kufijtë e gjerë të bardhë.
- GitButler — Ngjyrë bruz në fund të tekstit. Një kombinim titujsh serif me kontrast të lartë me rrjeta teknike delikate, sipërfaqe grafiti të ngrohta dhe një theks diskret bruz.
- ElevenLabs — Një ese me foto në tone të ngrohta krem me tituj delikatë. Një fletore në stilin Bauhaus - letër me ngjyrë lëvozhge veze, bojë e zezë dhe një theks i vetëm vjollcë dhe portokalli për shfaqjen e produktit.
- monopo saigon — Një shkëlqim i lëngshëm, iridescent pas heshtjes editoriale - një galeri editoriale monokrome që noton mbi dritën e shkrirë.
- Awesomic — Rrjetë zinku editoriale me shenja pikësimi portokalli që të kujtojnë konfeti
- Monad — revistë teknike editoriale mbi pergamenë të ngrohtë