Creative Giants
Nagyméretű szerkesztői plakát krémszínű papíron
A Creative Giants úgy néz ki, mint egy túlméretezett művészeti album, kódban renderelve: egy meleg, krémszínű vászon, vékony margókkal és olyan nagy betűmérettel, hogy inkább poszternek, mint címsornak érződik. Az egész rendszer negatív térben és egyetlen, könnyű méretben (300) működik – a címsorok alig hallhatók 64–84 képpontos méretben, ahelyett, hogy félkövérrel kiemelkednének, a betűköz pedig meredeken csökken (-0,04em) a betűméret növekedésével, így a szavak inkább vésettnek, mint lehúzottnak tűnnek. A színséma apró, telített ecsetvonásokban oszlik el: az élénk lila, mély türkiz, világoskék, élénk rózsaszín, menta és sötétkék kártyafelületként vagy hangsúlyként jelenik meg, nem pedig háttérkitöltésként. Az interaktív elemek fekete formák krémszínű alapon, teljesen lekerekített (1440 képpontos) sugárral, míg a króm elemek szinte láthatatlanok – egyetlen kerek logó és a "Menü" gomb lebeg a fehér térben. A vizuális koncepció egy produkciós stúdió kontaktlapja: egy hatalmas címsor, egy teljes szélességű fotó, egy halk metaszöveg sor. Minden más oldalnak ugyanezt a lakonikus stílust kell követnie.
Teljesen kitöltődő oldalelrendezés: Nincs maximális szélességű konténer; a tartalom az oldal teljes szélességét elfoglalja, egyenlő margókkal a bal és jobb oldalon (16–32 képpont mobilon, 32 képpont+ asztali gépen). A fő címsor egyetlen, nagyméretű címsor („KREATÍV ÓRIÁSOK” 84 képpontos méretben), amely a nézetablak körülbelül 40%-át foglalja el, ezt közvetlenül egy teljes kitöltésű fotó követi, metacímkével a bal alsó sarokban és egy címfedvénnyel. A szakaszok ritmusa monolitikus: minden új szakasz kis mennyiségű, csupa nagybetűs szöveggel és egy magyarázattal kezdődik, 48–64 képpontnyi fehér térközzel elválasztva – nincsenek váltakozó sötét/világos sávok, kivéve egy fordított Navy Ink akcentuskártyát. A tartalom balra igazított; nincsenek középre igazított blokkok, kivéve a fő címsort. A hírek/esettanulmányok szakasz egy három oszlopos kártyarácsot használ, jobb oldalon egy lebegő nyílblokkkal. A navigáció egyetlen felső fejlécen keresztül történik – oldalsáv vagy a fejlécen túli rögzített elemek nélkül. Az elrendezés tágas és összhangban van a szerkesztői stílussal: minden rész lélegzik, és a fehér tér az elsődleges szerkezeti elem.
A dizájnt szerkesztői fotók uralják: a képek az oldal teljes szélességét elfoglalják, éles szögekkel, átfedések vagy lekerekített maszkok nélkül. A stílus a dokumentarista és atmoszférikus stílus felé hajlik – ráncos kezek, köztéri installációk és hétköznapi emberekről készült felvételek – anélkül, hogy valaha is megrendezett termékfotókat használna. A képek mindig nagy méretarányban jelennek meg (teljes szélességű nézetablak vagy a teljes kártya kitöltése), így a tervezési egység a fénykép, nem a felhasználói felület. Nincsenek illusztrációk, 3D modellek vagy termékmakettek. Az ikonográfia minimális: egyetlen kis kör alakú logó, körvonalas nyilak a forgógombokon és könnyű felhasználói felület ikonok 1 képpontos körvonallal. A képsűrűséget maga a kép határozza meg, a szöveg pedig diszkrét annotációs rétegként szolgál a fénykép alatt vagy felett.
Paletta
Márka
- Magenta Bloom
#8a0467— A rózsaszínt másodlagos hangsúlyként használják dekoratív részletekhez és a ritkábban használt keresési lekérdezések kiemelésére. Nem szabad elsődleges színként használni cselekvésre ösztönzésekhez. - Forest Teal
#03624c— Gazdag márkaszín kártyakeretekhez és dekorációs elemekhez; Magenta Bloom színnel párosítva kéttónusú hatást érhet el.
Semleges
- Bone White
#fffef7— Az oldalak vászonja, a kartonfelületek és a sötét díszítések szövege meleg, krémes árnyalatú, amely felváltja a tiszta #ffffff hashtaget, és papírszerű, nyomtatott érzetet kölcsönöz az egész rendszernek. - Ink Black
#000000— A sötét szín kiegészíti a semleges szövegeket és ikonokat, és erős kontrasztot hoz létre. Kerüld a cselekvésre ösztönzések elsődleges színeként való használatát. - Graphite
#666666— A másodlagos törzsszöveg, a feliratok, a metaadatok és a kiegészítő szövegek a háttérbe szorulnak, hogy a fő szöveg dominálhasson. - Ash
#aaaaaa— Beviteli mező szegélyei, inaktív hivatkozás színe, harmadlagos elválasztók – lágy strukturális szürke szín, amely eltűnik, ha nincs rá szükség. - Charcoal Scale
#4d4c4a— Közepesen semleges a listaszegélyekhez, finom kontrasztnövekedéssel a sötét színátmenet útvonalán - meleg szürke a kékesszürke helyett. - Powder Blue
#a5c8eb— Egy lágy színárnyalat – képeslap hátterek, elmosódott hátterek, tompa illusztrációs kitöltések – lehűti a meleg hátteret anélkül, hogy versenyt teremtene vele.
Tipográfia
12-től 84 képpontig · 7 lépésben
- Switzer — csere: Inter (300 · körvonalak 300, 400 · Egyetlen betűtípusú rendszer: 300-as betűvastagság az összes megjelenítési elemhez és címsorhoz (12–84 képpont), 400-as betűvastagság a szövegtörzshöz, a metaadatokhoz és a felhasználói felület vezérlőihez. Az előnyben részesített beállítás a 300-as betűvastagság használata 64–84 képpontos méretekben – a legtöbb rendszer itt 700–800-as félkövér betűtípust használ; a világos tónusú Switzer betűtípus vékony vonalakat tart fenn, krémszínű vásznon retusált betűk benyomását keltve. A méret növekedésével szorosabb betűköz (-0,04em 84 képpontnál, -0,018em 14 képpontnál) nyitva tartja a belső tereket anélkül, hogy szűkös érzetet keltene.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 8px |
| Gomb sugara | 1440px |
| Kártya sugara | 0px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 64px |
A mesterséges intelligencia Creative Giants stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- ElevenLabs — Meleg krémszínű fotóesszé visszafogott címekkel. Bauhaus stílusú jegyzetfüzet – tojáshéjszínű papír, fekete tinta és egyetlen lila és narancssárga díszítőelem a termékek bemutatásához.
- monopo saigon — Folyékony, irizáló fény a szerkesztői csend mögött – egy monokróm szerkesztői galéria olvadt fényben lebeg
- Awesomic — Szerkesztői cinkháló narancssárga írásjelekkel, konfettire emlékeztetve
- Monad — szerkesztőségi műszaki folyóirat meleg pergamenen
- Dub — Link matt rizspapír kezelőpanelje
- Seline Analytics — Egy csendes elemző asztal meleg papíron
- Notion — Egy meleg papírfüzet a déli napsütésben
- Hyer Aviation — Alkonyat a pilótafülkében pergamen felett. A sápadt hajnali ég találkozik a törzs méretű, talpas logóval, és egyetlen meleg agyagdísz töri meg a monokróm visszafogottságot.
- Anthropic — Tudományos terepnapló meleg pergamenen – nyugodt elefántcsont felületek, csíkos szerkesztői címsorok és egyetlen agyagdísz, amely csak akkor jelenik meg, ha cselekvésre van szükség.
- Calendly — Sötétkék tinta hideg márványon
- Augen Pro — Az Apple fehér prezentációjában a klinikai, súlytalan, elektromos kék szín az egyetlen hangsúly a monokróm térben.
- OFF+BRAND. — Irizáló gömb meleg pergamenen