AI-thema- en kleurverloopgenerator
Beschrijf een sfeer en krijg een compleet UI-thema: een bijpassend verloop plus een volledige set semantische ontwerptokens, klaar om te exporteren.
Beschrijf een sfeer en AI bouwt een compleet UI-thema: verloop plus semantische tokens die je kunt exporteren. Elke generatie kost credits.
Over AI-thema- en kleurverloopgenerator
De AI Thema- en Gradiëntsuggestie ontwerpt een compleet UI-thema uit een geschreven omschrijving. Vertel het de sfeer van de interface die je bouwt: "vriendelijk, energiek SaaS-dashboard", "premium minimalistisch portfolio", en het levert een bijpassende gradiënt plus een volledige set semantische ontwerptokens.
De tokenset dekt wat een echte interface nodig heeft: primaire en oppervlaktekleuren, tekst- en randtinten, en succes-, waarschuwings- en gevaartoestanden. Een optionele basiskleur verankert het hele thema aan een bestaande merkkleur, zodat de AI ontwerpt rond wat je al hebt in plaats van vanaf nul te beginnen.
Een live preview toont een knop, een kaartoppervlak en een link in het gegenereerde thema zodat je het meteen kunt beoordelen, en de resultaten worden geëxporteerd als CSS-variabelen of een op zichzelf staande gradiënt. Genereren gebeurt op de server via een AI-model en gebruikt credits van je account; mislukte runs worden niet in rekening gebracht.
Hoe gebruik je AI-thema- en kleurverloopgenerator
- Log in en beschrijf de sfeer van de interface die je wilt.
- Stel eventueel een basiskleur in om het thema aan je merk te verankeren.
- Klik op "Genereren" en bekijk de gradiënt en de ontwerptokens.
- Controleer de live preview van de knop-, kaart- en linkstijlen.
- Kopieer de CSS-variabelen of de gradiënt, of genereer opnieuw om te itereren.