Creative Giants
Suurikokoinen toimituksellinen juliste kermanvärisellä paperilla
Creative Giants näyttää koodilla renderöidyn ylisuuren taidekirja-aukeaman kaltaiselta: lämmin, kermanvärinen kangas, ohuet reunukset ja niin suuri fontti, että se tuntuu enemmän julisteelta kuin otsikolta. Koko järjestelmä toimii negatiivisella tilalla ja yhdellä kevyellä koolla (300) – otsikot ovat tuskin kuultavissa 64–84 pikselin koossa sen sijaan, että ne erottuisivat lihavoituna, ja kirjainväli pienenee jyrkästi (-0,04 em) fonttikoon kasvaessa, joten sanat näyttävät veistetyiltä eivätkä kuorituilta. Värimaailma on jaettu pieninä, kylläisinä siveltimenvedoina: eloisa violetti, syvä turkoosi, vaaleansininen, pinkki, minttu ja tummansininen näkyvät korttipintoina tai korostuksina taustatäyttöjen sijaan. Interaktiiviset elementit ovat mustia muotoja kermanvärisellä taustalla, joiden säteet ovat täysin pyöristettyjä (1440 pikseliä), kun taas kromielementit ovat lähes näkymättömiä – yksi pyöreä logo ja "Valikko"-painike kelluvat valkoisessa tilassa. Visuaalinen konsepti on tuotantostudion kontaktiarkki: yksi valtava otsikko, yksi täysleveä valokuva, yksi hiljainen rivi metatekstiä. Jokaisen muun sivun tulisi noudattaa samaa lakonista tyyliä.
Täysin täytetty sivuasettelu: Sivulla ei ole enimmäisleveyden rajoitusta; sisältö täyttää koko sivun leveyden ja vasemmalla ja oikealla on yhtä suuret marginaalit (16–32 pikseliä mobiililaitteilla, yli 32 pikseliä tietokoneilla). Pääotsikko on yksi suuri otsikko ("LUOVAT JÄTTILÄISET", 84 pikseliä), joka vie noin 40 % näyttöalueesta. Heti sen jälkeen tulee kokonaan täytetty valokuva, jonka vasemmassa alakulmassa on metatunniste ja otsikko. Osioiden rytmi on yhtenäinen: jokainen uusi osio alkaa pienellä määrällä isoilla kirjaimilla kirjoitettua tekstiä ja selityksellä, jotka on erotettu toisistaan 48–64 pikselin tyhjällä tilalla – vuorottelevia tummia/vaaleita raitoja ei ole, lukuun ottamatta yhtä käänteistä Navy Ink -tekstikorttia. Sisältö on vasemmalle tasattu; pääotsikkoa lukuun ottamatta ei ole keskitettyjä lohkoja. Uutiset/tapaustutkimukset -osiossa käytetään kolmen sarakkeen ruudukkoa, jonka oikealla puolella on kelluva nuolilohko. Navigointi tapahtuu yhden yläotsikon kautta – ilman sivupalkkia tai muita ankkuroituja elementtejä otsikon ulkopuolella. Kokonaisasettelu on avara ja toimituksellisen tyylin mukainen: jokainen osio hengittää, ja tyhjä tila on ensisijainen rakenneosa.
Toimituksellinen valokuvaus hallitsee suunnittelua: kuvat täyttävät koko sivun leveyden terävine kulmineen, ilman päällekkäisyyksiä tai pyöreitä maskeja. Tyyli kallistuu dokumentaariseen ja tunnelmalliseen – ryppyiset kädet, julkiset installaatiot ja arkiset kuvat ihmisistä – käyttämättä koskaan lavastettua tuotevalokuvausta. Kuvat esitetään aina suuressa mittakaavassa (koko leveyden näyttöalue tai koko kortin täyttäen), joten suunnitteluyksikkö on valokuva, ei käyttöliittymä. Kuvituksia, 3D-malleja tai tuotemalleja ei ole. Ikonografia on minimaalista: yksi pieni pyöreä logo, ääriviivalla varustetut nuolet karusellin säätimissä ja kevyet käyttöliittymäkuvakkeet, joissa on 1 pikselin ääriviiva. Kuvan tiheys määräytyy itse kuvan mukaan, ja teksti toimii huomaamattomana merkintäkerroksena valokuvan ala- tai yläpuolella.
Paletti
Merkki
- Magenta Bloom
#8a0467— Vaaleanpunaista käytetään toissijaisena aksenttina koristeellisissa yksityiskohdissa ja korostamaan harvemmin käytettyjä hakulausekkeita. Sitä ei tule käyttää ensisijaisena värinä toimintakehotteessa. - Forest Teal
#03624c— Rikas brändiväri korttikehyksiin ja koristeisiin; sopii yhteen Magenta Bloomin kanssa kaksisävyisen lopputuloksen aikaansaamiseksi.
Neutraali
- Bone White
#fffef7— Sivukangas, pahvipinnat ja tummien yksityiskohtien teksti ovat lämpimän kermanvärisiä, jotka korvaavat puhtaan #ffffff-hakusanan ja antavat koko järjestelmälle paperimaisen, painetun tunnelman. - Ink Black
#000000— Tumma väri täydentää neutraalia tekstiä ja kuvakkeita ja luo vahvan kontrastin. Vältä sen käyttämistä toimintakehotuksen päävärinä. - Graphite
#666666— Toissijainen leipäteksti, kuvatekstit, metatiedot ja tukevat tekstit on siirretty taustalle, jotta pääteksti voi hallita. - Ash
#aaaaaa— Syöttökentän reunat, passiivisen linkin väri, tertiääriset erottimet – pehmeä rakenteellinen harmaa väri, joka katoaa, kun sitä ei tarvita. - Charcoal Scale
#4d4c4a— Keskineutraali luettelon reunoille, jossa on hienovarainen kontrastin tehostus tummalla liukuvärjäyspolulla - lämmin harmaa siniharmaan sijaan. - Powder Blue
#a5c8eb— Pehmeä väriaksentti – postikorttimaiset taustat, sumeat taustat, vaimennetut kuvien täytteet – viilentää lämmintä taustaa luomatta kilpailua.
Typografia
12:sta 84 pikseliin · 7 vaihetta
- Switzer — korvaava: Inter (300 · ääriviivat 300, 400 · Yhden fontin järjestelmä: 300-painoarvo kaikille näyttöelementeille ja otsikoille (12–84 pikseliä), 400-painoarvo leipätekstille, metatiedoille ja käyttöliittymän säätimille. Suositeltu vaihtoehto on käyttää 300-painoarvoa 64–84 pikselin koossa – useimmat järjestelmät käyttävät tässä 700–800 lihavoitua fonttia; vaalea Switzer-fontti säilyttää ohuet viivat, mikä luo vaikutelman airbrush-tekstistä kermanväriselle kankaalle. Tiukempi kirjainväli koon kasvaessa (-0,04em 84 pikselin koossa, -0,018em 14 pikselin koossa) pitää sisäiset välit avoimina luomatta harvaa vaikutelmaa.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 8px |
| Painikkeen säde | 1440px |
| Kortin säde | 0px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 64px |
Tekoäly rakentaa verkkosivustosi Creative Giants -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- ElevenLabs — Lämpimin kermanvärisin sävyin kirjoitettu valokuvaessee hienovaraisilla otsikoilla. Bauhaus-tyylinen muistikirja – kananmunankuorenväristä paperia, mustaa mustetta ja yksi violetti-oranssi tehoste tuote-esittelyä varten.
- monopo saigon — Nestemäinen, hohtava hehku toimituksellisen hiljaisuuden takana – yksivärinen toimituksellinen galleria kelluu sulassa valossa
- Awesomic — Toimituksellinen sinkkiverkko, jossa on oransseja konfettimaisisia välimerkkejä
- Monad — toimituksellinen tekninen aikakauslehti lämpimällä pergamentilla
- Dub — Linkin mattapintainen riisipaperista valmistettu ohjauspaneeli
- Seline Analytics — Hiljainen analyyttinen pöytä lämpimällä paperilla
- Notion — Lämmin paperinen muistikirja keskipäivän auringossa
- Hyer Aviation — Hämärä ohjaamossa pergamentin yllä. Vaalea aamunkoitto kohtaa rungon kokoisen serif-logon, ja yksi lämmin savikoriste rikkoo yksivärisen hillityn muodon.
- Anthropic — Tieteellinen kenttälehti lämpimällä pergamentilla – rauhallisilla norsunluunvärisillä pinnoilla, serifioiduilla otsikoilla ja yhdellä savesta tehdyllä aksentilla, joka ilmestyy vain silloin, kun toimintaa tarvitaan.
- Calendly — Tummansininen muste kylmällä marmorilla
- Augen Pro — Applen valkoisessa esitystavassa on kliininen, painoton, sähkönsininen ainoana aksenttina yksivärisessä tilassa.
- OFF+BRAND. — Helmiäishohtoinen pallo lämpimällä pergamentilla