Esimerkkiteemat

Jokainen alla oleva teema koostuu pelkästään 7 CSS-muuttujasta – napsauta värinäytettä, niin oikean bannerin tyyli vaihtuu heti, ja kopioi sitten haluamasi teeman CSS.

Default (dark)Paketin sisäänrakennettu oletus – CSS:ää ei tarvita.Default (light)Mitä vaalean käyttöjärjestelmäteeman kävijät näkevät automaattisesti – ei sekään vaadi CSS:ää.SkyValkoinen, tummansiniset pyöreät painikkeet ja pehmeät kulmat – tämän sivuston vaalea ilme.Sky tintSivuston taivaansininen brändipaneeli bannerina, tummansinisellä tekstillä ja painikkeilla.MidnightSyvä tummansininen taivaansinisellä korostuksella – kuin tämän sivuston hinnoittelupaneeli.Charcoal & skyPehmeä hiilenharmaa taivaansinisellä korostuksella – tämä sivusto tummassa tilassa.StoneLämmin luonnonvalkoinen lähes mustilla painikkeilla – rauhallinen ja toimituksellinen.MinimalTerävät kulmat, yksivärinen, tasalevyinen fontti – toimituksellinen/brutalistinen ilme.Lime fintechValkoinen limenvihreällä korostuksella ja reiluilla pyöristyksillä – modernin fintech-sovelluksen energiaa.Editorial darkLähes musta, korostuksena raikas valkoinen kehyspainike – premium-tason DTC/hyvinvointi-tunnelma.Salon darkSyvä petroolinsininen terrakottakorostuksella ja pienellä pyöristyksellä – putiikki/studio-tunnelma.Warm & earthyKerma ja terrakotta päätteellisellä fontilla – ystävällinen ja luonnollinen.NeonLähes musta hehkuvalla korostuksella – teknologia/pelit/krypto-estetiikka.CorporateHillitty sininen valkoisella pienemmällä pyöristyksellä – perinteinen SaaS-ilme.PlayfulPastellinlaventeli, hyvin pyöreä, pyöristetty järjestelmäfontti – pehmeä ja ystävällinen.

Nollaa demo (poistaa tallennetun valinnan)

Valitun teeman CSS – liitä se globaaliin tyylitiedostoosi:

Mikään niistä ei ole ”oikea” – ne ovat lähtökohtia. Yhdistele arvoja vapaasti tai käytä suoraan oman brändisi värejä.