
Creative Giants
Poster editorial de format mare pe hârtie crem
Creative Giants arată ca o pagină de artbook supradimensionată, redată în cod: o pânză caldă, cremoasă, margini subțiri și font atât de mare încât seamănă mai mult cu un poster decât cu un titlu. Întregul sistem funcționează pe spațiu negativ și o singură dimensiune ușoară (300) - titlurile sunt abia auzite la 64–84px, în loc să iasă în evidență îngroșat, iar spațierea literelor scade brusc (-0,04em) pe măsură ce dimensiunea fontului crește, astfel încât cuvintele par sculptate, mai degrabă decât decojite. Schema de culori este distribuită în tușe mici, saturate: violet vibrant, turcoaz intens, albastru deschis, roz aprins, mentă și bleumarin apar ca suprafețe sau accente de carton, mai degrabă decât umpluturi de fundal. Elementele interactive sunt forme negre pe un fundal crem cu raze complet rotunjite (1440px), în timp ce elementele cromate sunt aproape invizibile - un singur logo rotund și butonul „Meniu” plutesc în spațiul alb. Conceptul vizual este foaia de contact a unui studio de producție: un titlu imens, o fotografie pe toată lățimea, o linie discretă de metatext. Fiecare a doua pagină ar trebui să urmeze același stil laconic.
Aspect complet al paginii: Nu există un container cu lățime maximă; conținutul ocupă întreaga lățime a paginii cu margini egale în stânga și în dreapta (16–32px pe mobil, 32px+ pe desktop). Titlul principal este un singur titlu mare („GIGANȚI CREATIVI” la 84px) care ocupă aproximativ 40% din spațiul de vizualizare, urmat imediat de o fotografie completă cu o metaetichetă în colțul din stânga jos și un titlu suprapus. Ritmul secțiunilor este monolitic: fiecare secțiune nouă începe cu o cantitate mică de text scris exclusiv cu majuscule și o explicație, separate de 48–64px de spațiu alb - nu există benzi alternante întunecate/luminoase, cu excepția unui card de accent inversat Navy Ink. Conținutul este aliniat la stânga; nu există blocuri centrate, cu excepția titlului principal. Secțiunea de știri/studii de caz folosește o grilă de carduri cu trei coloane și un bloc de săgeată plutitor în dreapta. Navigarea se realizează printr-un singur antet superior - fără o bară laterală sau alte elemente ancorate dincolo de antet. Aspectul general este spațios și în concordanță cu stilul editorial: fiecare secțiune respiră, iar spațiul alb este elementul structural principal.
Fotografia editorială domină designul: imaginile ocupă întreaga lățime a paginii, cu unghiuri ascuțite și fără suprapuneri sau măști rotunjite. Stilul se înclină spre documentar și atmosferic - mâini ridate, instalații publice și fotografii casual cu oameni - fără a utiliza vreodată fotografie de produs pusă în scenă. Imaginile sunt întotdeauna prezentate la scară largă (vizualizare pe toată lățimea sau care ocupă întregul card), astfel încât unitatea de design este fotografia, nu interfața cu utilizatorul. Nu există ilustrații, modele 3D sau machete de produse. Iconografia este minimală: un singur logo circular mic, contururi de chevronuri pe comenzile carusel și pictograme ușoare ale interfeței utilizator cu un contur de 1px. Densitatea imaginii este determinată de imaginea în sine, iar textul servește ca un strat discret de adnotare sub sau deasupra fotografiei.
Paletă
Marca
- Magenta Bloom
#8a0467— Rozul este folosit ca accent secundar pentru detalii decorative și pentru a evidenția căutările mai puțin utilizate. Nu ar trebui folosit ca și culoare principală pentru un îndemn la acțiune. - Forest Teal
#03624c— O culoare bogată de accent pentru rame de cărți de vizită și detalii decorative; se combină cu Magenta Bloom pentru un finisaj în două tonuri.
Neutru
- Bone White
#fffef7— Pânza paginii, suprafețele de carton și textul de pe accente întunecate au o nuanță caldă, cremoasă, care înlocuiește #ffffff pur și conferă întregului sistem o senzație de hârtie, imprimată. - Ink Black
#000000— Culoarea închisă completează textul și pictogramele neutre și creează un contrast puternic. Evitați să o folosiți ca și culoare principală pentru îndemnurile la acțiune. - Graphite
#666666— Textul secundar, subtitlurile, metadatele și textul de susținere sunt împinse în fundal pentru a permite textului principal să domine. - Ash
#aaaaaa— Marginile câmpurilor de introducere, culoarea linkurilor inactive, separatoarele terțiare - o culoare gri structurală delicată care dispare atunci când nu este necesară. - Charcoal Scale
#4d4c4a— O nuanță neutră medie pentru marginile listei, cu o ușoară creștere a contrastului pe calea gradientului întunecat - gri cald, mai degrabă decât gri-albăstrui. - Powder Blue
#a5c8eb— Un accent de culoare delicată - fundaluri de carte poștală, fundaluri neclare, ilustrații estompate - răcorește un fundal cald fără a crea concurență.
Tipografie
de la 12 la 84px · 7 pași
- Switzer — înlocuire: Inter (300 · contururi 300, 400 · Un sistem cu un singur font: grosime 300 pentru toate elementele de afișare și titlurile (12–84px), grosime 400 pentru textul din față, metadate și controalele interfeței utilizator. Opțiunea preferată este utilizarea unei grosimi de 300 la dimensiuni de 64–84px - majoritatea sistemelor folosesc aici un font bold de 700–800; fontul Switzer cu tonuri deschise menține liniile subțiri, creând impresia de text aerografat pe o pânză crem. O spațiere mai strânsă între litere pe măsură ce dimensiunea crește (-0,04em la 84px, -0,018em la 14px) menține spațiile interioare deschise, fără a crea o senzație de raritate.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 8px |
| Raza butonului | 1440px |
| Raza cardului | 0px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 64px |
Inteligența artificială vă va construi site-ul web în stilul Creative Giants și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- ElevenLabs — Un eseu foto în tonuri calde de crem, cu titluri subtile. Un caiet în stil Bauhaus — hârtie de culoarea cojii de ou, cerneală neagră și un singur accent violet și portocaliu pentru prezentarea produsului.
- monopo saigon — O strălucire lichidă, iridescentă, în spatele tăcerii editoriale — o galerie editorială monocromă plutind pe o lumină topită
- Awesomic — Plasă de zinc editorială cu semne de punctuație portocalii care amintesc de confetti
- Monad — revistă tehnică editorială pe pergament cald
- Dub — Panoul de control din hârtie de orez mată al lui Link
- Seline Analytics — O masă analitică liniștită pe hârtie caldă
- Notion — Un caiet de hârtie cald în soarele de la amiază
- Hyer Aviation — Amurg în cockpit peste pergament. Cerul palid al zorilor întâlnește logo-ul serif de dimensiunea fuselajului, iar un singur accent cald de lut rupe reținerea monocromă.
- Anthropic — O revistă științifică de teren pe pergament cald — suprafețe calme de fildeș, titluri editoriale cu serife și un singur accent de lut care apare doar atunci când este nevoie de acțiune.
- Calendly — Cerneală albastru închis pe marmură rece
- Augen Pro — Prezentarea albă a Apple prezintă un albastru electric, clinic, imponderabil, ca unic accent într-un spațiu monocrom.
- OFF+BRAND. — Sferă iridescentă pe pergament cald