UI Kit Generator: 201 SVGs, 45 Pages, 35 Modules $29

Generate a brand-matched UI kit in your browser for your own brand: 201 SVG components, 45 landing templates and 35 HubSpot modules for Figma drag-drop. $29 launch.

Generate your brand kit in under 5 minutes - get it here ($29 launch, regular $39): https://sabako.itch.io/ui-component-kit-generator

Dream outcome: a tailored design system that matches your exact brand identity, ready for Figma drag-drop, Tokens Studio import, or direct web use — generated from nothing but your brand colors, fonts, and logo.

Proof: 201 SVG components across 9 labeled categories (buttons x30, inputs x28, cards x28, navbars x15, modals x15, forms x25, alerts x20, badges x20, misc x20) — every file contains labeled states and 2+ text nodes, zero bare rectangles. 45 landing page templates across 9 themes with 3 hero variants (midnight / gradient / split). 35 HubSpot modules with token placeholders for cta_url and unsubscribe_link. W3C-style design-tokens.json compatible with Tokens Studio plugin. Launch price $29 (regular $39).

Time-to-value: double-click customize.html, pick your colors and fonts, download your tailored tokens — full kit ready in under 5 minutes, nothing to install. Re-run anytime your brand changes.

What you do: pick colors in your browser (click-only, no code, no installs). Optional full-file regeneration needs Python 3. You supply brand colors, fonts, and logo plus your own landing-page copy (templates ship with {HEAD} / {SUB} placeholders).

License: royalty-free commercial use in unlimited personal and client projects, including products you sell. Redistribution of the raw files or the generator is prohibited. Full text in LICENSE.txt.

AI tools were used: Python + Pillow + numpy for procedural generation; satori/MPL-2.0 for HTML/CSS rendering; unique-names-generator for component naming. All templates, components, and copy are original studio work.

Questions & answers

What does the generator give me?
A complete brand-customized kit from your own design input: 201 Figma-compatible SVG components across 9 labeled categories, 45 responsive landing templates across 9 themes with 3 hero variants, and 35 HubSpot marketing modules with token placeholders, plus design-tokens.json for Tokens Studio import.

What exactly is inside the component set?
Buttons x30, inputs x28, cards x28, navbars x15, modals x15, forms x25, alerts x20, badges x20 and misc x20. Every file contains labeled states and text nodes, with no bare rectangles, ready for Figma drag-drop or direct web use.

Who is it for?
A maker with brand colors, fonts and a logo who wants a tailored design system matching that exact brand identity, without manual design work. You supply the brand input plus your own landing-page copy; templates ship with head and sub placeholders.

How long until I see value?
Double-click customize.html, pick colors and fonts in your browser with click-only input and no installs, download your tailored tokens. The full kit is ready in under 5 minutes, and you can re-run anytime your brand changes.

What are the honest limits?
Templates ship with placeholders for your own copy, and optional full-file regeneration needs Python. License is royalty-free commercial use in unlimited personal and client projects including products you sell, with no redistribution of the raw files or the generator. AI disclosure: assisted procedural scripts plus original studio work.