design · PromptZap Team
Brand Vibe → Design Tokens
Describe your brand in plain language and get back a full token set — palette, fonts, radius, shadows — as a drop-in Tailwind config.
Prompt text
I'm going to describe my brand in plain language, not design jargon. Translate it into concrete, usable design tokens. Brand description: [e.g. "trustworthy but not corporate, like a fintech that still feels human — think REI meets Stripe"]. Give me: - Color palette: 1 primary, 1 secondary, 1 accent, plus neutral scale (50-900) — all hex codes, with a one-line rationale each - Font pairing: one display/heading font, one body font, both real and available on Google Fonts/Fontshare, with weights - Border-radius philosophy (sharp/soft/pill) and a single number to standardize on - Shadow/elevation approach (flat, soft, or none) with example CSS - 3 words this brand should never look like (e.g. "generic SaaS," "crypto," "corporate stock photo") Format as a Tailwind theme config I can drop straight into tailwind.config.js.