@slashcloneSkill
Choose a logo or accent color that stays readable in both light and dark mode, so your brand keeps one color. For each hue it finds the shade with the best WCAG contrast against all your light and dark backgrounds at once. Prints a pass or fail table and saves every result as JSON.
One accent color readable in light and dark.
@brandkitSkill
Get your brand colors, fonts, and spacing into your code and design tools, straight from your brand guide. You get CSS variables, a Tailwind theme (v3 and v4), and a design tokens file for Figma plugins, regenerated in a second when the brand changes, plus the exact line to wire it into your project.
CSS variables, a Tailwind theme, and Figma tokens.
@slashcloneSkill
Export your brand colors as a palette people can download and open anywhere, from your real design tokens. You get an SVG swatch sheet, JSON, CSS variables, and a GIMP palette that Krita and Inkscape also open, handy for briefing designers or image models with exact hex values. Reads one colors file and writes only to an out folder.
A palette people can download and open anywhere.
@slashcloneSkill
Create brand guidelines for your product: one shareable HTML brand book covering logo, colors, type, icons, share images, and voice. It follows your real design tokens in light and dark themes, and a checker confirms contrast in both themes, icon and image sizes, and banned copy such as em dashes. Writes only to brand/ and public/brand/.
A shareable HTML brand book.
@brandkitSkill
Make on-brand social media images: a link preview (Open Graph) image, a square post, and a story, in your colors, fonts, and logo. You get editable SVG templates at the exact sizes (1200x630, 1080x1080, 1080x1920 with safe zones), with text contrast checked and the headline fitted for you.
Branded share images and link previews.
