Creative Giants
Malaking format na poster ng editoryal sa kremang papel
Ang Creative Giants ay parang isang napakalaking artbook spread, na naka-render sa code: isang mainit at creamy na canvas, manipis na margin, at napakalaki ng type na parang poster kaysa sa isang headline. Ang buong sistema ay gumagana sa negative space at iisang magaan na sukat (300)—ang mga headline ay halos hindi naririnig sa 64–84px, sa halip na mapansin nang naka-bold, at ang espasyo ng mga letra ay biglang bumababa (-0.04em) habang tumataas ang laki ng type, kaya ang mga salita ay mukhang naka-chip sa halip na natatanggal. Ang scheme ng kulay ay ipinamamahagi sa maliliit at saturated na brushstrokes: matingkad na lila, malalim na turquoise, mapusyaw na asul, hot pink, mint, at navy ang lumilitaw bilang mga ibabaw ng card o accent, sa halip na mga background fill. Ang mga interactive na elemento ay mga itim na hugis sa isang cream na background na may ganap na bilugan (1440px) radii, habang ang mga chrome elements ay halos hindi nakikita—isang bilog na logo at ang "Menu" button ay lumulutang sa puting espasyo. Ang visual na konsepto ay ang contact sheet ng isang production studio: isang malaking headline, isang full-width na larawan, isang tahimik na linya ng metatext. Ang bawat iba pang pahina ay dapat sumunod sa parehong maigsi na istilo.
Layout ng pahinang puno: Walang lalagyan na may pinakamataas na lapad; sinasakop ng nilalaman ang buong lapad ng pahina na may pantay na margin sa kaliwa at kanan (16–32px sa mobile, 32px+ sa desktop). Ang pangunahing heading ay isang malaking headline (“MGA MALIKHAING HIANTE” sa 84px) na sumasakop sa humigit-kumulang 40% ng viewport, na agad na sinusundan ng isang larawang puno na may meta tag sa kaliwang sulok sa ibaba at isang overlay ng pamagat. Monolitiko ang ritmo ng seksyon: ang bawat bagong seksyon ay nagsisimula sa isang maliit na kopya na all-caps at isang paliwanag, na pinaghihiwalay ng 48–64px ng puting espasyo—walang salit-salit na madilim/maliwanag na banda maliban sa isang nakabaligtad na Navy Ink accent card. Ang nilalaman ay nakahanay sa kaliwa; walang mga nakasentrong bloke maliban sa pangunahing heading. Ang seksyon ng balita/mga case study ay gumagamit ng isang tatlong-kolum na grid ng mga card na may lumulutang na arrow block sa kanan. Ang nabigasyon ay ginagawa sa pamamagitan ng isang nangungunang header—nang walang sidebar o anumang naka-angkla na elemento na lampas sa mismong header. Maluwag at naaayon sa istilo ng editoryal ang pangkalahatang layout: ang bawat seksyon ay humihinga, at ang puting espasyo ang pangunahing elemento ng istruktura.
Nangingibabaw ang editoryal na potograpiya sa disenyo: ang mga imahe ay sumasakop sa buong lapad ng pahina, na may matatalas na anggulo, at walang magkakapatong o bilugan na maskara. Ang istilo ay nakahilig sa dokumentaryo at atmospheric—mga kulubot na kamay, mga pampublikong instalasyon, at mga kaswal na kuha ng mga tao—nang hindi gumagamit ng staged product photography. Ang mga imahe ay palaging inihaharap sa malaking sukat (full-width viewport o pinupuno ang buong card), kaya ang yunit ng disenyo ay ang litrato, hindi ang user interface. Walang mga ilustrasyon, 3D model, o mga mockup ng produkto. Minimal lamang ang ikonograpiya: isang maliit na pabilog na logo, mga outline chevron sa mga carousel control, at mga magaan na UI icon na may 1px outline. Ang density ng imahe ay tinutukoy ng imahe mismo, at ang teksto ay nagsisilbing isang discreet annotation layer sa ilalim o sa itaas ng litrato.
Paleta
Tatak
- Magenta Bloom
#8a0467— Ang kulay rosas ay ginagamit bilang pangalawang kulay para sa mga detalyeng pandekorasyon at upang i-highlight ang mga hindi gaanong madalas gamiting query sa paghahanap. Hindi ito dapat gamitin bilang pangunahing kulay para sa isang panawagan para sa aksyon. - Forest Teal
#03624c— Isang mayamang kulay na accent ng brand para sa mga card frame at mga pandekorasyon na detalye; ipinares sa Magenta Bloom para sa two-tone finish.
Neutral
- Bone White
#fffef7— Ang page canvas, mga karton na ibabaw, at teksto na may maitim na mga accent ay isang mainit at kremang kulay na pumapalit sa purong #ffffff at nagbibigay sa buong sistema ng parang papel at naka-print na pakiramdam. - Ink Black
#000000— Ang madilim na kulay ay bumagay sa neutral na teksto at mga icon at lumilikha ng malakas na contrast. Iwasang gamitin ito bilang pangunahing kulay para sa mga panawagan para sa aksyon. - Graphite
#666666— Ang pangalawang katawan ng teksto, mga caption, metadata, at mga sumusuportang teksto ay itinutulak sa likuran upang hayaang mangibabaw ang pangunahing teksto. - Ash
#aaaaaa— Mga hangganan ng input field, hindi aktibong kulay ng link, mga tertiary separator - isang malambot na kulay abong istruktural na nawawala kapag hindi kinakailangan. - Charcoal Scale
#4d4c4a— Isang medium neutral para sa mga border ng listahan, na may banayad na contrast boost sa dark gradient path - mainit na kulay abo sa halip na asul-abo. - Powder Blue
#a5c8eb— Ang isang malumanay na kulay na accent—mga postcard background, malabong background, at mahinang ilustrasyon—ay nagpapalamig sa isang mainit na background nang hindi lumilikha ng kompetisyon.
Tipograpiya
mula 12 hanggang 84px · 7 hakbang
- Switzer — kapalit: Inter (300 · mga balangkas 300, 400 · Isang sistemang iisang font: 300 weight para sa lahat ng display element at heading (12–84px), 400 weight para sa body text, metadata, at mga kontrol ng UI. Ang mas mainam na opsyon ay ang paggamit ng 300 weight sa mga laki na 64–84px—karamihan sa mga sistema ay gumagamit ng 700–800 bold font dito; ang light-toned na Switzer font ay nagpapanatili ng manipis na linya, na lumilikha ng impresyon ng airbrushed type sa isang cream canvas. Mas mahigpit na espasyo ng mga letra habang tumataas ang laki (-0.04em sa 84px, -0.018em sa 14px) ay nagpapanatiling bukas ang mga panloob na espasyo, nang hindi lumilikha ng kalat-kalat na pakiramdam.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 8px |
| Radius ng buton | 1440px |
| Radius ng card | 0px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 64px |
Gagawa ang AI ng website mo sa estilong Creative Giants at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- ElevenLabs — Isang photo essay sa maayang kulay krema na may banayad na mga headline. Isang notebook na istilong Bauhaus—papel na kulay itlog, itim na tinta, at isang lila at orange na accent para sa display ng produkto.
- monopo saigon — Isang likido at matingkad na liwanag sa likod ng katahimikan ng editoryal—isang monochrome editorial gallery na lumulutang sa tinunaw na liwanag
- Awesomic — Editoryal na zinc mesh na may orange na bantas na nakapagpapaalala ng confetti
- Monad — teknikal na dyornal ng editoryal tungkol sa mainit na pergamino
- Dub — Control panel ng Link na gawa sa matte rice paper
- Seline Analytics — Isang tahimik na analytical table sa mainit na papel
- Notion — Isang mainit na kuwaderno na papel sa ilalim ng araw ng tanghali
- Hyer Aviation — Takipsilim sa cockpit sa ibabaw ng pergamino. Ang maputlang kalangitan ng bukang-liwayway ay nagtatagpo sa logo na kasinglaki ng fuselage na may serif, at isang mainit na accent na luwad ang pumuputol sa monochrome na pagpipigil.
- Anthropic — Isang siyentipikong field journal sa mainit na vellum—mga kalmadong ibabaw na garing, mga serif na heading editoryal, at isang natatanging accent na luwad na lumilitaw lamang kapag kinakailangan ng aksyon.
- Calendly — Madilim na asul na tinta sa malamig na marmol
- Augen Pro — Ang puting presentasyon ng Apple ay nagtatampok ng klinikal, magaan, at de-kuryenteng asul bilang tanging accent sa isang monochrome na espasyo.
- OFF+BRAND. — Iridescent sphere sa mainit na pergamino