Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za preduzeća. Visokokvalitetni. Pristupačni.Pišite na Telegram
Creative Giants — pregled stranice u ovom stilu

Creative Giants

Urednički poster velikog formata na krem papiru

Creative Giants izgleda kao predimenzionirani artbook, renderiran u kodu: toplo, kremasto platno, tanke margine i tekst toliko velik da više podsjeća na poster nego na naslov. Cijeli sistem funkcionira na negativnom prostoru i jednoj, laganoj veličini (300) - naslovi su jedva čujni na 64-84px, umjesto da se ističu podebljano, a razmak između slova se naglo smanjuje (-0,04em) kako se veličina teksta povećava, tako da riječi izgledaju isklesano, a ne oljušteno. Shema boja je raspoređena u malim, zasićenim potezima kistom: živahna ljubičasta, tamnotirkizna, svijetloplava, vruće ružičasta, mint i mornarsko plava pojavljuju se kao površine ili akcenti kartica, a ne kao pozadinska ispunjavanja. Interaktivni elementi su crni oblici na krem pozadini s potpuno zaobljenim radijusima (1440px), dok su hromirani elementi gotovo nevidljivi - jedan okrugli logo i dugme "Meni" plutaju u bijelom prostoru. Vizualni koncept je kontaktni list produkcijskog studija: jedan ogroman naslov, jedna fotografija pune širine, jedan tihi red metateksta. Svaka druga stranica treba slijediti isti lakonski stil.

Raspored stranice s punim popunjavanjem: Ne postoji kontejner maksimalne širine; sadržaj zauzima cijelu širinu stranice s jednakim marginama s lijeve i desne strane (16–32px na mobilnim uređajima, 32px+ na desktop računarima). Glavni naslov je jedan, veliki naslov („KREATIVNI DIVOVI“ na 84px) koji zauzima približno 40% prikaza, odmah nakon čega slijedi fotografija s punim popunjavanjem s meta oznakom u donjem lijevom uglu i naslovnim slojem. Ritam odjeljka je monolitan: svaki novi odjeljak počinje s malom količinom teksta napisanog velikim slovima i objašnjenjem, odvojenim s 48–64px bijelog prostora - nema naizmjeničnih tamnih/svijetlih traka osim jedne invertirane kartice s akcentom u mornarsko modroj boji. Sadržaj je poravnat lijevo; nema centriranih blokova osim glavnog naslova. Odjeljak vijesti/studije slučaja koristi mrežu kartica s tri stupca s plutajućim blokom strelice s desne strane. Navigacija se vrši kroz jedno gornje zaglavlje - bez bočne trake ili bilo kakvih usidrenih elemenata izvan samog zaglavlja. Cjelokupni raspored je prostran i u skladu s uredničkim stilom: svaki dio diše, a bijeli prostor je primarni strukturni element.

Urednička fotografija dominira dizajnom: slike zauzimaju cijelu širinu stranice, s oštrim uglovima i bez preklapanja ili zaobljenih maski. Stil se naginje dokumentarnom i atmosferskom stilu - naborane ruke, javne instalacije i ležerni snimci ljudi - bez ikakvog korištenja režirane fotografije proizvoda. Slike su uvijek prikazane u velikoj mjeri (preko cijele širine stranice ili popunjavanjem cijele kartice), tako da je jedinica dizajna fotografija, a ne korisnički interfejs. Nema ilustracija, 3D modela ili maketa proizvoda. Ikonografija je minimalna: jedan mali kružni logo, obrisni ševroni na kontrolama vrtuljka i lagane UI ikone s obrisom od 1px. Gustoća slike određena je samom slikom, a tekst služi kao diskretan sloj napomene ispod ili iznad fotografije.

Paleta

Brend

  • Magenta Bloom #8a0467 — Roza se koristi kao sekundarni akcenat za dekorativne detalje i za isticanje rjeđe korištenih upita za pretraživanje. Ne bi se trebala koristiti kao primarna boja za poziv na akciju.
  • Forest Teal #03624c — Bogata akcentna boja brenda za okvire kartica i dekorativne detalje; u kombinaciji s Magenta Bloom postiže se dvobojni izgled.

Neutralno

  • Bone White #fffef7 — Platno stranice, kartonske površine i tekst na tamnim akcentima su tople, kremaste nijanse koja zamjenjuje čisti #ffffff i daje cijelom sistemu papirni, štampani osjećaj.
  • Ink Black #000000 — Tamna boja nadopunjuje neutralni tekst i ikone i stvara snažan kontrast. Izbjegavajte je koristiti kao primarnu boju za pozive na akciju.
  • Graphite #666666 — Sekundarni tekst, natpisi, metapodaci i prateći tekst potisnuti su u pozadinu kako bi se omogućilo da glavni tekst dominira.
  • Ash #aaaaaa — Okviri polja za unos, boja neaktivnih linkova, tercijarni separatori - meka strukturna siva boja koja nestaje kada nije potrebna.
  • Charcoal Scale #4d4c4a — Srednje neutralna boja za rubove liste, sa suptilnim pojačanjem kontrasta na tamnoj gradijentnoj putanji - toplo siva umjesto plavo-sive.
  • Powder Blue #a5c8eb — Meki akcent boje - pozadine razglednica, zamućene pozadine, prigušene ilustrativne ispune - hladi toplu pozadinu bez stvaranja konkurencije.

Tipografija

od 12 do 84px · 7 koraka

  • Switzer — zamjena: Inter (300 · obrisi 300, 400 · Sistem s jednim fontom: debljina 300 za sve elemente prikaza i naslove (12–84px), debljina 400 za tekst, metapodatke i UI kontrole. Poželjna opcija je korištenje debljine 300 pri veličinama od 64–84px – većina sistema ovdje koristi podebljani font od 700–800; svijetli Switzer font održava tanke linije, stvarajući utisak airbrush-a na krem platnu. Uži razmak između slova kako se veličina povećava (-0,04em na 84px, -0,018em na 14px) održava unutrašnje prostore otvorenim, bez stvaranja rijetkog osjećaja.

Intervali i forma

SvrhaZnačenje
Gustoćaprosjek
Osnovni korak8px
Radijus dugmeta1440px
Radijus kartice0px
Sjenene - okviri umjesto sjena
Između sekcija64px

Vještačka inteligencija će izgraditi vašu web stranicu u Creative Giants stilu i popuniti je

  • Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
  • Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.

Slični stilovi

  • ElevenLabs — Foto esej u toplim krem tonovima sa suptilnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narandžasti akcenat za izlaganje proizvoda.
  • monopo saigon — Tečni, prelijevajući se sjaj iza uredničke tišine - monohromatska urednička galerija koja lebdi na rastopljenom svjetlu
  • Awesomic — Urednička cinkova mreža s narandžastim interpunkcijskim znakovima koji podsjećaju na konfete
  • Monad — urednički tehnički časopis na toplom pergamentu
  • Dub — Linkova kontrolna ploča od mat rižinog papira
  • Seline Analytics — Tihi analitički sto na toplom papiru
  • Notion — Topla papirna sveska na podnevnom suncu
  • Hyer Aviation — Sumrak u kokpitu nad pergamentom. Blijedi zoranski look susreće se sa serifnim logoom veličine trupa, a jedan topli glineni akcenat prekida monohromatsku suzdržanost.
  • Anthropic — Naučni časopis s terena o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni akcenat koji se pojavljuje samo kada je potrebna akcija.
  • Calendly — Tamnoplava tinta na hladnom mramoru
  • Augen Pro — Appleova bijela prezentacija sadrži kliničku, bestežinu, električno plavu boju kao jedini akcenat u monohromatskom prostoru.
  • OFF+BRAND. — Prelijevajuća sfera na toplom pergamentu