Creative Giants
Lielformāta redakcijas plakāts uz krēmkrāsas papīra
“Creative Giants” izskatās pēc pārāk liela mākslas grāmatas atvēruma, kas atveidots kodā: silts, krēmkrāsas audekls, plānas malas un tik liels burts, ka tas vairāk atgādina plakātu nekā virsrakstu. Visa sistēma darbojas ar negatīvu telpu un vienu, vieglu izmēru (300) — virsraksti 64–84 pikseļos ir tik tikko dzirdami, nevis izceļas treknrakstā, un burtu atstarpe strauji samazinās (-0,04 em), palielinoties burtu izmēram, tāpēc vārdi izskatās noslīpēti, nevis nolobīti. Krāsu shēma ir sadalīta ar maziem, piesātinātiem otas triepieniem: spilgti violeta, tumši tirkīza, gaiši zila, spilgti rozā, piparmētru un tumši zila krāsa parādās kā karšu virsmas vai akcenti, nevis fona aizpildījumi. Interaktīvie elementi ir melnas formas uz krēmkrāsas fona ar pilnībā noapaļotiem (1440 pikseļi) rādiusiem, savukārt hroma elementi ir gandrīz neredzami — viens apaļš logotips un poga “Izvēlne” peld baltajā telpā. Vizuālā koncepcija ir producēšanas studijas kontaktlapa: viens milzīgs virsraksts, viens pilna platuma fotoattēls, viena klusa metateksta rinda. Katrai pārējai lapai jāievēro tas pats lakoniskais stils.
Pilnībā aizpildītas lapas izkārtojums: Nav maksimālā platuma konteinera; saturs aizņem visu lapas platumu ar vienādām malām kreisajā un labajā pusē (16–32 pikseļi mobilajās ierīcēs, 32+ pikseļi datorā). Galvenais virsraksts ir viens liels virsraksts (“RADOŠIE MILŽI” 84 pikseļi), kas aizņem aptuveni 40% no skata loga, kam tūlīt seko pilnībā aizpildīts fotoattēls ar meta tagu apakšējā kreisajā stūrī un virsraksta pārklājumu. Sadaļu ritms ir monolīts: katra jauna sadaļa sākas ar nelielu daudzumu teksta, kas rakstīts tikai ar lielajiem burtiem, un skaidrojumu, atdalītu ar 48–64 pikseļiem baltas atstarpes — nav pārmaiņus tumšu/gaišu joslu, izņemot vienu apgrieztu tumši zilas krāsas akcenta karti. Saturs ir līdzināts pa kreisi; nav centrētu bloku, izņemot galveno virsrakstu. Ziņu/gadījumu izpētes sadaļā tiek izmantots trīs kolonnu karšu režģis ar peldošu bultiņas bloku labajā pusē. Navigācija tiek veikta, izmantojot vienu augšējo galveni — bez sānu joslas vai jebkādiem piesaistītiem elementiem ārpus pašas galvenes. Kopējais izkārtojums ir plašs un atbilst redakcijas stilam: katra sadaļa elpo, un balta telpa ir galvenais strukturālais elements.
Dizainā dominē redakcionāla fotogrāfija: attēli aizņem visu lapas platumu ar asiem leņķiem un bez pārklājumiem vai noapaļotām maskām. Stils sliecas uz dokumentālu un atmosfērisku — grumbainas rokas, publiskas instalācijas un ikdienišķi cilvēku kadri —, nekad neizmantojot iestudētu produktu fotogrāfiju. Attēli vienmēr tiek attēloti lielā mērogā (pilna platuma skata logā vai aizpildot visu karti), tāpēc dizaina vienība ir fotogrāfija, nevis lietotāja saskarne. Nav ilustrāciju, 3D modeļu vai produktu maketu. Ikonogrāfija ir minimāla: viens mazs apaļš logotips, kontūras ševroni uz karuseļa vadības ierīcēm un vieglas lietotāja interfeisa ikonas ar 1 pikseļa kontūru. Attēla blīvumu nosaka pats attēls, un teksts kalpo kā diskrēts anotāciju slānis zem vai virs fotogrāfijas.
Palete
Zīmols
- Magenta Bloom
#8a0467— Rozā krāsa tiek izmantota kā sekundārs akcents dekoratīvām detaļām un retāk izmantotu meklēšanas vaicājumu izcelšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumam uz darbību. - Forest Teal
#03624c— Bagātīga zīmola akcenta krāsa karšu rāmjiem un dekoratīviem elementiem; sader ar Magenta Bloom, lai iegūtu divtoņu apdari.
Neitrāls
- Bone White
#fffef7— Lapas audekls, kartona virsmas un teksts uz tumšajiem akcentiem ir siltā, krēmīgā tonī, kas aizstāj tīro #ffffff un piešķir visai sistēmai papīram līdzīgu, drukātu sajūtu. - Ink Black
#000000— Tumša krāsa papildina neitrālu tekstu un ikonas un rada spēcīgu kontrastu. Neizmantojiet to kā galveno krāsu aicinājumiem uz darbību. - Graphite
#666666— Otrais pamatteksts, paraksti, metadati un papildu teksts tiek atstāti fonā, lai dominētu galvenais teksts. - Ash
#aaaaaa— Ievades lauka robežas, neaktīvās saites krāsa, terciārie atdalītāji — maiga strukturāla pelēka krāsa, kas pazūd, kad tā nav nepieciešama. - Charcoal Scale
#4d4c4a— Vidēji neitrāla krāsu gamma saraksta apmalēm ar nelielu kontrasta pastiprinājumu tumšajā gradienta ceļā — silti pelēka, nevis zilganpelēka. - Powder Blue
#a5c8eb— Maigs krāsu akcents — pastkaršu fons, izplūdis fons, klusināti ilustrāciju aizpildījumi — atdzesē siltu fonu, neradot konkurenci.
Tipogrāfija
no 12 līdz 84 pikseļiem · 7 soļi
- Switzer — nomaiņa: Inter (300 · kontūras 300, 400 · Viena fonta sistēma: 300 fonta svars visiem attēlošanas elementiem un virsrakstiem (12–84 pikseļi), 400 fonta svars pamatteksta, metadatu un lietotāja interfeisa vadīklām. Vēlamā iespēja ir izmantot 300 fonta svaru ar izmēriem 64–84 pikseļi — lielākā daļa sistēmu šeit izmanto 700–800 treknraksta fontu; gaišā toņa Switzer fonts saglabā plānas līnijas, radot iespaidu par aerogrāfa rakstu uz krēmkrāsas audekla. Ciešāka burtu atstarpe, palielinoties izmēram (-0,04 em pie 84 pikseļiem, -0,018 em pie 14 pikseļiem), saglabā iekšējās atstarpes atvērtas, neradot skrambu sajūtu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 8px |
| Pogas rādiuss | 1440px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64px |
Mākslīgais intelekts izveidos jūsu vietni Creative Giants stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- ElevenLabs — Foto eseja siltos krēmkrāsas toņos ar neuzkrītošiem virsrakstiem. Bauhaus stila piezīmju grāmatiņa — olu čaumalas krāsas papīrs, melna tinte un viens violets un oranžs akcents produktu izvietošanai.
- monopo saigon — Šķidrs, zaigojošs mirdzums aiz redakcijas klusuma — melnbalta redakcijas galerija, kas peld uz izkusušas gaismas
- Awesomic — Redakcijas cinka siets ar oranžām pieturzīmēm, kas atgādina konfeti
- Monad — redakcijas tehniskais žurnāls uz silta pergamenta
- Dub — Link matēta rīspapīra vadības panelis
- Seline Analytics — Kluss analītisks galds uz silta papīra
- Notion — Silta papīra piezīmju grāmatiņa pusdienas saulē
- Hyer Aviation — Krēsla kabīnē virs pergamenta. Bālās rītausmas debesis satiekas ar fizelāžas lieluma serif logotipu, un viens silts māla akcents pārtrauc melnbalto atturību.
- Anthropic — Zinātnisks lauka žurnāls uz silta pergamenta — mierīgas ziloņkaula virsmas, serifi raksta virsraksti un viens māla akcents, kas parādās tikai tad, kad nepieciešama rīcība.
- Calendly — Tumši zila tinte uz auksta marmora
- Augen Pro — Apple baltajā prezentācijā vienkrāsainā telpā kā vienīgais akcents ir klīnisks, viegls, elektriski zils tonis.
- OFF+BRAND. — Zaigojoša sfēra uz silta pergamenta