Vain pääjärjestelmänvalvojat ja järjestelmänvalvojat voivat käyttää ja muokata ulkoasuasetuksia. Jos et näe tätä vaihtoehtoa Workspace Config -kohdassa, pyydä pääjärjestelmänvalvojaasi tarkistamaan roolisi.
Ulkoasuasetusten käyttö
Jokaisen visuaalisen elementin mukauttaminen
Pääväri
Pääväriä sovelletaan painikkeisiin, aktiivisiin linkkeihin, korostettuihin tiloihin ja tärkeisiin käyttöliittymäelementteihin kaikkialla alustalla.- Valitse väri, joka heijastaa ydibrändi-identiteettiäsi.
- Tämä on vaikuttavin väriasetus, koska se näkyy kaikkialla käyttöliittymässä.
Sivupalkin taustaväri
Sivupalkin tausta asettaa vasemman navigointipaneelin perussävyn.- Käytä väriä, joka luo selkeän visuaalisen erottelun sivupalkin ja pääsisältöalueen välille.
- Tummat taustat vaalealla tekstillä toimivat yleensä parhaiten luettavuuden kannalta.
Sivupalkin tekstiväri
Sivupalkin tekstiväri hallitsee vasemman valikon kaikkien navigointielementtien nimiöiden väriä.- Valitse aina väri, jolla on vahva kontrasti sivupalkin taustaväriin nähden.
- Heikko kontrasti tekee linkeistä vaikeampia lukea ja heikentää saavutettavuutta.
Sivupalkin hover-taustaväri
Tämä väri näkyy taustakorostuksena, kun käyttäjä siirtää kursorinsa sivupalkin navigointielementin päälle.- Se merkitsee interaktiivisuutta ja auttaa käyttäjiä ymmärtämään, mitä kohdetta he ovat aikeissa klikata.
- Valitse väri, joka on selvästi erottuva sekä oletussivupalkin taustasta että aktiivisen kohteen väristä.
Värivalintojen käyttöönotto
Avaa värinvalitsin kullekin kentälle
Klikkaa värinäytettä minkä tahansa neljän ulkoasukentän vieressä — pääväri, sivupalkin tausta, sivupalkin tekstiväri tai sivupalkin hover-taustaväri — avataksesi värinvalitsimen.
Syötä hex-koodi tai valitse väri
Kirjoita brändisi tarkka hex-koodi (esim.
#3B5BDB) suoraan syöttökenttään tai käytä visuaalista valitsinta valitaksesi sävy.Esikatsele muutoksia
Tarkista, miltä päivitetyt värit näyttävät sivupalkissa ja kaikkialla käyttöliittymässä ennen tallentamista.
Oletusteen palauttaminen
Jos haluat poistaa kaiken mukautetun bränäyksen ja palauttaa alkuperäisen AgencyHandy-värimaailman, klikkaa Reset Default Settings -painiketta Ulkoasu-sivulla.Värikontrastin parhaat käytännöt
Hyvä värikontrasti ei ole pelkästään suunnittelumieltymys — se vaikuttaa suoraan luettavuuteen ja saavutettavuuteen tiimillesi ja asiakkaillesi.Tavoittele WCAG AA -kontrastisuhdetta
Normaalille leipätekstille käytä vähintään 4,5:1 kontrastisuhdetta tekstin ja taustan välillä. Suurelle tekstille tai kuvakkeille 3:1 -suhde on hyväksyttävä. Käytä työkalua kuten WebAIM Contrast Checker varmistaaksesi sen.
Vältä heikon kontrastin yhdistelmiä
Älä yhdistä värejä kuten vaaleanharmaa teksti valkoisella tai keltainen teksti valkoisella — nämä eivät täytä saavutettavuusstandardeja ja rasittavat silmiä pitkissä istunnoissa.
Testaa hover-tilat harkitusti
Hover-värien tulee olla selvästi erilaisia sekä lepotilasta että aktiivisesta tilasta. Jos ne näyttävät samalta, käyttäjät menettävät tärkeän visuaalisen palautteen.
Pysy johdonmukaisena brändisi kanssa
Käytä samaa pääväriä täällä kuin verkkosivustollasi, tarjouksissasi ja laskuissasi. Johdonmukaisuus rakentaa tunnistettavuutta ja ammattimaisuutta kaikissa asiakaskosketuspisteissä.
Tärkeät huomiot
- Välitön globaali vaikutus: Kaikki tallennetut ulkoasumuutokset otetaan käyttöön välittömästi koko työtilassa. Jokainen kirjautunut käyttäjä näkee päivityksen seuraavalla navigointitoimellaan.
- Yksi aktiivinen teema: Moniteematukea ei ole — yksi värijoukko koskee koko työtilaa kaikissa rooleissa.
- Roolirajoitus: Vain pääjärjestelmänvalvojat ja järjestelmänvalvojat voivat tehdä ulkoasumuutoksia. Tavalliset tiimin jäsenet ja asiakkaat eivät voi muokata värejä.
- Nollaus on pysyvää: Reset Default Settings -painiketta ei voi kumota, joten käytä sitä vain silloin, kun tarkoituksellisesti haluat poistaa kaikki mukautetut värit.