Creëer basis CSS-stijlen voor een aanpasbare knop, inclusief hover-effecten en basisstyling.
Taak: Genereer CSS-code voor een eenvoudige knop. Context: De knop moet een achtergrondkleur van [knopkleur], tekstkleur van [tekstkleur] en een border-radius van [randradius] hebben. Stijl: Voeg een subtiel hover-effect toe dat de achtergrondkleur verandert naar een iets donkerdere tint. Formaat: Geef alleen de CSS-code.
Genereer een gedetailleerde, WCAG-conforme structuur voor een herbruikbare UI-component, gericht op semantische HTML, ARIA en toetsenbordnavigatie.
Creëer fundamentele CSS-stijlen voor een veelvoorkomende UI-component zoals een knop of kaart.
Brainstorm essentiële interactiestatussen voor een gebruikersinterfaceknop, zoals standaard, hover, actief en uitgeschakeld.