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
- 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ë
- Dub — Paneli i kontrollit të letrës orizi mat të Link
- Seline Analytics — Një tabelë analitike e qetë në letër të ngrohtë
- Notion — Një fletore e ngrohtë letre në diellin e mesditës
- Hyer Aviation — Muzg në kabinën e pilotit mbi pergamenë. Qielli i zbehtë i agimit takohet me logon serif me madhësinë e trupit të avionit, dhe një theks i vetëm i ngrohtë prej balte thyen përmbajtjen monokrome.
- Anthropic — Një revistë shkencore mbi pergamenën e ngrohtë - sipërfaqe të qeta ngjyrë fildishi, tituj editorialë të serifuar dhe një theks i vetëm argjile që shfaqet vetëm kur nevojitet veprim.
- Calendly — Bojë blu e errët mbi mermer të ftohtë
- Augen Pro — Prezantimi i bardhë i Apple paraqet një blu elektrike klinike, pa peshë, si theksin e vetëm në një hapësirë njëngjyrëshe.
- OFF+BRAND. — Sferë ylberore në pergamenë të ngrohtë