Enforce Gusto's UI design system constraints for light-mode interfaces.
npx skills add https://github.com/ihlamury/design-skills --skill gusto-ui-skills
Please help me install this Agent Skill. Skill: gusto-ui-skills Source: https://github.com/ihlamury/design-skills/tree/main/skills/gusto Command: npx skills add https://github.com/ihlamury/design-skills --skill gusto-ui-skills
This Skill provides opinionated constraints for building interfaces that are visually consistent with Gusto's design system, ensuring a familiar and branded user experience.
Apply Gusto's UI design system to a new web component.
High-intent search queries and answers about installing and using this skill.
To build a Gusto-inspired UI design system, apply strict constraints using Inter font, a 4px grid for spacing, and specific semantic color tokens for backgrounds and text. This ensures visual consistency and brand familiarity across front-end components.
Gusto's UI design system constraints require using the Inter font family with defined sizes and weights, while enforcing a strict 4px grid for all spacing and a defined scale for border-radius values to maintain interface consistency.
Apply semantic color tokens by strictly implementing the defined palette for backgrounds, text, and accents in your front-end development. This enforces Gusto's light mode aesthetic and ensures branded visual consistency across UI elements.
No, this UI design system approach is specifically configured for building light-mode interfaces. It enforces Gusto's light mode aesthetic by applying specific semantic color tokens, so it does not support dark mode implementation.
No existing UI components are required to start building Gusto-inspired interfaces. You can apply the design system constraints directly to new web components, ensuring they match the Inter font, 4px grid, and semantic color token guidelines.
The best way to match Gusto's visual branding is to enforce the 4px grid for spacing, use the Inter font family for typography, and apply the defined semantic color tokens and border-radius scale to all form elements and UI components.
yonetim258852Generate modular scale font size tokens as CSS variables for design systems.
gil-kapelConvert user experience workflows into detailed design system specifications.
ihlamuryEnforce Wise UI design constraints for light-mode interfaces with Inter font and 4px grid.
ihlamuryEnforce Mailchimp UI design constraints with light mode, Inter font, and 4px grid.
