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ä
- Studio — Liikkuva galleriaseinä. Jokainen näyttö edustaa hiljaista, harmaata näyttelypintaa, jossa typografiset materiaalit ja päällekkäiset luovat teokset kilpailevat huomiosta.
- Mollie — Kashmir-tiski, tumma kirjanpito. Jätä mustan tekstin ympärille runsaasti tyhjää tilaa toimitukselliselle suunnittelulle ja vahvista sitten tuotteisiin liittyviä seikkoja lämpimillä kermavaahdoilla, espressonruskeilla sävyillä ja taktiilisilla kuvilla oikeista maksutavoista.
- Bajgart Office — Toimituksellinen galleriaseinä. Käytä suurta tyhjää tilaa, jossa hienovaraiset serif-fontit ja portfolion osat kantavat enemmän visuaalista painoarvoa kuin kromatut käyttöliittymäelementit.
- Bejamas — Pyjama – hapanta kalkkia mustan lasin läpi. Luo rauhallisia, vaaleanharmaita pääkirjoitussivuja, joita keskeyttävät kiehtovat mustat paneelit, joissa epäselvät vihreät valojuovat leikkaavat pintaa.
- Kagi — Erillinen lukusali. Luo avoin valkoinen tila rohkean grafiittitekstin ympärille käyttämällä hienovaraisia violetteja aksentteja ja lämpimiä pastellivärisiä pintoja rikkomaan rauhaa.
- Milanote — Milanote on luova studio. Luo toimituksellisia galleriatyylisiä sivuja käyttämällä kelluvia visuaalisia tauluja: tummia kehystettyjä seiniä, valkoista näyttötilaa ja kuvakaappauksia, jotka näyttävät oikeilta esineiltä pehmeällä syvyydellä.
- Co2 — Ilmastoatlas talvivalossa. Luo sivuja ilmakuvamaisen dokumenttimaiseman kaltaisesti, jossa serif-otsikot, kategoriakoodatut tiedot ja jäiset kuvat korostavat leveitä valkoisia reunoja.
- GitButler — Turkoosi tekstin lopussa. Yhdistelmä voimakaskontrastisia serif-otsikoita hienovaraisilla teknisillä ruudukoilla, lämpimillä grafiittipinnoilla ja hillityllä turkoosilla aksentilla.
- 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