Miten Visuaalinen ilme toimii Jimanissa?

Vastaus

Kohdassa Visuaalinen ilme määrität yhdessä paikassa yrityksesi logon, kahdeksan väriä, kulmien pyöristyksen ja fontin. Widgetisi käyttävät tätä visuaalista ilmettä, ellet valitse widgetille omia värejä. Oikealla näet Esikatselun kohteista Verkkosivusto, Widget, Sähköposti ja Kuitti.

Mistä löydät sen

Asetukset > Yrityksesi > Visuaalinen ilme (/Huisstijl)

Selitys

Muuta ensin jotakin ja katso sitten oikealta esikatselusta; vasta Tallenna (oikealla alhaalla) tallentaa muutokset. Voit aloittaa valmiista visuaalisesta ilmeestä tai antaa hakea oman verkkosivustosi värit ja kirjasimet. Jimani tarkistaa tällöin, että värit ovat hyvin luettavia WCAG 2.1 AA -tason mukaan. Erillinen vaiheittainen ohje on kohdassa Miten määritän logon, värit ja fontin?.

Painikkeet ja asetukset

Nimi	Mitä se tekee	Milloin sitä käytetään	Huomaa
Valitse tyyli	Kolmekymmentä valmista visuaalista ilmettä, esimerkiksi Bistro lämmin, Raikas vihreä, Musta ja kulta, Meri, Pastelli ja Yö. Yksi napautus täyttää kahdeksan väriä, kulmien pyöristyksen ja fontin.	Kun haluat nopeasti siistin tyylin.	Tallennat itse; oikealla oleva esikatselu muuttuu heti mukana.
Logo / Valitse logo	Lataa logosi (png, jpg, webp tai gif, enintään 5 Mt). Se on sama logo kuin yritystiedoissasi: näet sen widgeteissäsi, sähköposteissasi ja kuiteissasi.	Kerran tai kun logosi muuttuu.	Logo tallentuu heti. Kunnes logoa on, näkyy "Ei vielä logoa."
Verkkosivustoltasi: Verkkosivusto	Verkkosivustosi osoite, esimerkiksi www.yrityksesi.fi.	Toimintoa Hae verkkosivustoltani varten.	Kenttä on valmiiksi täytetty yritystietojesi verkkosivuston osoitteella.
Hae verkkosivustoltani	Lukee verkkosivustosi värit ja kirjasimet ja tekee niistä luettavan visuaalisen ilmeen.	Kun sinulla on jo oma tyylinen verkkosivusto.	Kuluttaa tekoälysaldoa. Näet tuloksen ensin esikatselussa. Jos Jimani ei löydä käyttökelpoisia värejä, ne otetaan logostasi tai saat siistin oletuksen yrityksesi tyypille.
Pääväri	Painikkeiden, valitun päivän ja ajan sekä korostusten väri.	Aina, se on tärkein tunnusvärisi.	Värikenttä ja sen vieressä koodi (esimerkiksi #8C2F1B).
Teksti pääväriä vasten	Pääväristen painikkeiden teksti ja kuvakkeet.	Yleensä valkoinen tai musta.	-
Tausta	Näyttöjen tausta.	-	-
Kortti	Ruudut, kortit ja syöttökentät tätä taustaa vasten.	-	-
Teksti	Otsikot ja tavallinen teksti.	-	-
Reunus	Reunat ja erotinviivat.	-	-
Pois käytöstä	Se, mitä ei (vielä) voi valita.	-	WCAG ei aseta tähän kontrastivaatimusta.
Virhe	Virheilmoitukset ja väärin täytetty kenttä.	-	-
Kulmien pyöristys	Kuinka pyöreät painikkeiden ja ruutujen kulmat ovat pikseleinä (0 on suora, enintään 24).	Tiukkaan tai juuri pehmeään tyyliin.	Miinus- ja plus-painikkeilla tai kirjoittamalla.
Fontti	Valitsee fontin luettelosta.	-	Vain kirjasimet, jotka toimivat jokaisella laitteella eikä mitään haeta Googlelta.
Tee luettavaksi	Tulee näkyviin, jos värparin kontrasti on liian pieni (tekstillä "kontrasti x:1, tarvitaan y:1"). Jimani ehdottaa silloin värin ("Ehdotus: ...").	Heti kun ilmoitus näkyy.	Jos kaikki on kunnossa, näet "Kaikki värit ovat hyvin luettavia (WCAG AA)."
Esikatselu	Oikealla valinta kohteiden Verkkosivusto, Widget, Sähköposti ja Kuitti välillä.	Nähdäksesi, missä visuaalinen ilme näkyy.	Esikatselu muuttuu mukana jokaisen muutoksen myötä, myös ennen kuin tallennat.
Verkkosivusto	Esikatselu sivustosi yläosasta valikkoineen (Ruokalista, Tietoa meistä, Yhteystiedot) ja avauksesta painikkeineen.	-	-
Widget	Esikatselu varaus-widgetistä aikoineen, virheilmoituksella varustetusta kentästä ja painikkeesta Varaa.	-	-
Sähköposti	Esikatselu vahvistussähköpostista: kortti, jossa pääväristä viiva, ja sen yläpuolella logo (tai nimi).	-	-
Kuitti	Esikatselu kassakuitista: logo harmaasävyinä ja yrityksesi nimi.	-	Kuittikirjoitin tulostaa mustavalkoisena, joten tunnusvärit eivät tule kuitille.
Käytä kaikissa widgeteissä	Palauttaa omia värejä käyttävät widgetit visuaaliseen ilmeeseen.	Kun haluat antaa kaikille widgeteille saman tyylin.	Saat ensin kysymyksen "Noudatetaanko visuaalista ilmettä kaikissa widgeteissä?" vaihtoehdoilla Kyllä ja Ei. Widgettien omat värit säilyvät mutta niitä ei enää käytetä; widgetkohtaisesti valitset myöhemmin taas omat värit. Näkyy vain, jos yhdellä tai useammalla widgetillä on omat värit.
Edellinen / Tallenna	Edellinen palaa kohtaan Asetukset; Tallenna tallentaa visuaalisen ilmeen.	Tallenna jokaisen muutossarjan jälkeen.	Näet "Tallennettu", kun se onnistui.

Ilmoitukset

Ilmoitus	Mitä se tarkoittaa	Mitä teet
{0} widgetiä käyttää vielä omia värejä eikä noudata tätä visuaalista ilmettä.	Yhdellä tai useammalla widgetillä on kohdassa Vaihda värejä Omat värit arvolla Kyllä.	Valitse Käytä kaikissa widgeteissä tai jätä ne ennalleen.
Verkkosivustosi värit ovat valmiina. Tarkista esikatselu ja valitse Tallenna.	Hae verkkosivustoltani onnistui.	Tarkista esikatselu ja valitse Tallenna.
Verkkosivustoltasi ei löytynyt käyttökelpoisia värejä. Värit tulevat nyt logostasi. Tarkista esikatselu ja valitse Tallenna.	Verkkosivusto ei antanut käyttökelpoisia värejä.	Tarkista esikatselu ja valitse Tallenna tai valitse värit itse.
Vain kuva (png, jpg, gif tai webp), enintään 5 Mt.	Logo ei ole kuva tai on liian suuri.	Valitse toinen tiedosto.
Tallennus epäonnistui. Yritä uudelleen.	Tallennus epäonnistui.	Yritä uudelleen.

Aiheeseen liittyvät artikkelit

Miten määritän logon, värit ja fontin?, Miten Oma verkkosivusto toimii Jimanissa?, Onko widget esteetön vammaisille ihmisille?

Hakusanat: visuaalinen ilme, logo, värit, fontti, tunnusvärit, kulmien pyöristys, hae verkkosivustoltani, widgetin värit

Viimeksi tarkistettu: 2026-10-16

Käännetty hollanninkielisestä tietopankista; hollanninkielinen versio on ratkaiseva.