Creative Giants
Suureformaadiline toimetuse plakat kreemjal paberil
„Creative Giants” näeb välja nagu ülisuur kunstialbumi ava, mis on koodis renderdatud: soe, kreemjas lõuend, õhukesed veerised ja nii suur tekst, et see tundub pigem plakati kui pealkirja moodi. Kogu süsteem töötab negatiivse ruumi ja ühe kerge suurusega (300) pealkirju on 64–84 piksli suuruses vaevu kuuldavad, selle asemel et paksus kirjas silma paista, ja tähevahe väheneb järsult (-0,04em) kirjasuuruse suurenedes, seega tunduvad sõnad pigem peitlikujulised kui maha kooritud. Värviskeem on jaotatud väikeste, küllastunud pintslitõmmetena: erksad lillad, sügavad türkiissinised, helesinised, erkpunased, piparmündirohelised ja tumesinised on pigem kaardipindade või aktsentidena kui taustatäidetena. Interaktiivsed elemendid on mustad kujundid kreemjal taustal täielikult ümardatud (1440 pikslit) raadiusega, samas kui kroomelemendid on peaaegu nähtamatud – üks ümmargune logo ja nupp „Menüü” hõljuvad valges ruumis. Visuaalne kontseptsioon on tootmisstuudio kontaktleht: üks tohutu pealkiri, üks täislaiuses foto, üks vaikne metateksti rida. Iga teine leht peaks järgima sama lakoonilist stiili.
Täislehe paigutus: Maksimaalse laiuse konteinerit pole; sisu hõlmab kogu lehe laiust, vasakul ja paremal on võrdsed veerised (mobiilis 16–32 pikslit, lauaarvutis üle 32 piksli). Põhipealkiri on üks suur pealkiri („LOOVAD HIIGLASED” 84 piksliga), mis võtab enda alla umbes 40% vaateväljast, millele järgneb kohe täislehe foto metamärgendiga vasakus alanurgas ja pealkirja pealkiri. Jaotise rütm on monoliitne: iga uus jaotis algab väikese hulga suurtähtedega teksti ja selgitusega, mis on eraldatud 48–64 piksli suuruse tühja ruumiga – puuduvad vahelduvad tumedad/heledad ribad, välja arvatud üks ümberpööratud tumesinise tindiga aktsentkaart. Sisu on vasakule joondatud; tsentreeritud plokke pole, välja arvatud põhipealkiri. Uudiste/juhtumiuuringute jaotis kasutab kolmeveerulist kaardiruudustikku, mille paremal on ujuv nooleplokk. Navigeerimine toimub ühe ülemise päise kaudu – ilma külgriba või muude ankurdatud elementideta peale päise enda. Üldine paigutus on avar ja kooskõlas toimetuse stiiliga: iga sektsioon hingab ning peamine struktuurielement on tühi ruum.
Kujunduses domineerib toimetuse fotograafia: pildid hõlmavad kogu lehe laiust, teravate nurkadega ning ilma kattumiste või ümarate maskideta. Stiil kaldub dokumentaalse ja atmosfäärilise poole – kortsus käed, avalikud installatsioonid ja juhuslikud fotod inimestest –, kasutamata kunagi lavastatud tootefotograafiat. Pildid esitatakse alati suures mastaabis (täislaiuses vaateaken või kogu kaardi täitmine), seega on kujundusüksuseks foto, mitte kasutajaliides. Illustratsioone, 3D-mudeleid ega tootemakke pole. Ikonograafia on minimaalne: üks väike ümmargune logo, karusselli juhtnuppude kontuurnõelad ja kerged kasutajaliidese ikoonid 1px kontuuriga. Pildi tiheduse määrab pilt ise ja tekst toimib diskreetse märkuste kihina foto all või peal.
Palett
Bränd
- Magenta Bloom
#8a0467— Roosat kasutatakse dekoratiivsete detailide sekundaarse aktsendi ja harvemini kasutatavate otsingupäringute esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuva teksti põhivärvina. - Forest Teal
#03624c— Rikkalik brändiaktsentvärv kaardiraamidele ja dekoratiivsetele detailidele; kahetoonilise viimistluse saamiseks sobib see kokku Magenta Bloomiga.
Neutraalne
- Bone White
#fffef7— Lehekülje lõuend, papist pinnad ja tumedatel aktsentidel olev tekst on soojas kreemjas toonis, mis asendab puhast #ffffff ja annab kogu süsteemile paberja, trükitud tunde. - Ink Black
#000000— Tume värv täiendab neutraalset teksti ja ikoone ning loob tugeva kontrasti. Väldi selle kasutamist tegevusele kutsuvate tekstide põhivärvina. - Graphite
#666666— Teisejärguline põhitekst, pealkirjad, metaandmed ja tugitekst lükatakse tagaplaanile, et põhitekst saaks domineerida. - Ash
#aaaaaa— Sisestusvälja äärised, mitteaktiivse lingi värv, tertsiaarsed eraldajad – pehme struktuurne hall värv, mis kaob, kui seda pole vaja. - Charcoal Scale
#4d4c4a— Loendi ääriste jaoks on valitud keskmine neutraalne toon, millele on lisatud tumeda gradiendiga rajale peen kontrasti võimendus – soe hall sinakashalli asemel. - Powder Blue
#a5c8eb— Pehme värviaktsent – postkaarditaustad, ähmased taustad, summutatud illustratsioonid – jahutab sooja tausta ilma konkurentsi tekitamata.
Tüpograafia
12-st 84 pikslini · 7 sammu
- Switzer — asendamine: Inter (300 · kontuurid 300, 400 · Ühe fondi süsteem: 300-kaaluline font kõigi kuvamiselementide ja pealkirjade jaoks (12–84 pikslit), 400-kaaluline font põhiteksti, metaandmete ja kasutajaliidese juhtelementide jaoks. Eelistatud variant on kasutada 300-kaalulist fonti suuruste 64–84 pikslit korral – enamik süsteeme kasutab siin 700–800 paksu kirja; heledat tooni Switzeri font säilitab õhukesed jooned, luues kreemika lõuendi peal aerograafiliselt töödeldud kirja mulje. Suurema tähevahe (-0,04em 84 piksli korral, -0,018em 14 piksli korral) hoiab sisemised vahed avatuna, tekitamata hõreda mulje.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 8px |
| Nupu raadius | 1440px |
| Kaardi raadius | 0px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64px |
Tehisintellekt loob teie veebisaidi Creative Giants stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- ElevenLabs — Soojades kreemikates toonides fotoessee peenete pealkirjadega. Bauhausi stiilis märkmik – munakoorekarva paber, must tint ja üks lilla ja oranž aktsent toote väljapanekuks.
- monopo saigon — Vedel, sillerdav kuma toimetuse vaikuse taga – monokroomne toimetuse galerii, mis hõljub sulaval valgusel
- Awesomic — Toimetuse tsinkvõrk oranžide konfetti meenutavate kirjavahemärkidega
- Monad — toimetuse tehniline ajakiri soojal pärgamendil
- Dub — Linki matt riisipaberist juhtpaneel
- Seline Analytics — Vaikne analüütiline laud soojal paberil
- Notion — Soe paberist märkmik keskpäevapäikeses
- Hyer Aviation — Hämarus kokpitis pärgamendi kohal. Kahvatu koidutaevas kohtub keresuuruse serif-logoga ja üks soe saviaktsent murrab monokroomse vaoshoituse.
- Anthropic — Teaduslik väliajakiri soojal pärgamendil – rahulikud elevandiluu pinnad, seriifidega pealkirjad ja üks saviaktsent, mis ilmub ainult siis, kui on vaja tegutseda.
- Calendly — Tumesinine tint külmal marmoril
- Augen Pro — Apple'i valge esitlus kasutab monokroomse ruumi ainsa aktsendina kliinilist, kaalutut ja elektrilist sinist.
- OFF+BRAND. — Sillerdav kera soojal pärgamendil