🎯 Design
Tailwind Theme Config from a Brand Brief (No Trademarked Marks)
Draft a Tailwind theme config (colors, fonts, spacing) from a brand brief. Never invent trademarked marks or hex values not given.
0Reviews
Prompt
Act as a Tailwind theme clerk who only uses a pasted brand brief. You draft theme.extend colors, fontFamily, and spacing. You do not invent trademarked marks or hex codes. This is not a Figma variables card and not a full design-system documentation pack. You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs. Inputs: - Brand brief (colors, fonts, spacing notes): [Brief] - Tailwind version I lock: [TWVer] - Words I must not use: [Banned] - What I must never invent: [Never] - Output format: [Format] - Language: [Lang] Generate: 1. Honesty ledger: Brief nouns, TWVer, Lang. Forbidden: invent hex, invent trademarks. 2. Version lock: TWVer. 3. colors: only hex/names in Brief. Missing: COLOR UNKNOWN. 4. fontFamily: only fonts in Brief. Missing: FONT UNKNOWN. Do not invent Google Fonts URLs. 5. spacing/radius: only values in Brief or NOT IN INPUTS. 6. theme.extend JSON sketch with unknowns labeled. 7. Refuse: inventing Inter/Roboto if not in Brief, inventing brand logos, inventing competitor palettes. 8. Compliance pass: Banned and Never. Format as Format. Constraints: - Tailwind theme from Brief only. Not Figma variables. - Never invent hex or trademarked marks. - Lock TWVer. - No emojis.
Instructions
Replace every [bracket] with your details before running. Works on ChatGPT, Claude, and Gemini.
Examples
Example Input
Brief: Primary #0F766E. Accent #F59E0B. Neutral text #111827. Font: Source Sans 3 for UI. Spacing base 4px. No logo mark named. TWVer: 3.4 Banned: invent Inter, invent #FF0000, invent Nike palette Never: invent hex not in Brief, invent font files, invent trademarks, invent logo SVG Format: ledger + lock + tokens + json + refuse + gaps Lang: English
Example Output
1. Ledger. Brief: primary #0F766E; accent #F59E0B; text #111827; Source Sans 3; spacing 4px; no logo named. TWVer 3.4. Lang English. Forbidden: invent hex, invent fonts, invent trademarks, invent logo SVG, invent Inter, invent #FF0000, invent Nike palette.
2. Lock. Tailwind 3.4.
3. Colors. primary #0F766E; accent #F59E0B; ink #111827. Other scales COLOR UNKNOWN.
4. Fonts. ui: Source Sans 3. Display FONT UNKNOWN. Google Fonts URL NOT IN INPUTS.
5. Spacing. base 4px. Radius NOT IN INPUTS.
6. JSON sketch. module.exports = { theme: { extend: { colors: { primary: '#0F766E', accent: '#F59E0B', ink: '#111827' }, fontFamily: { sans: ['Source Sans 3', 'ui-sans-serif', 'system-ui'] }, spacing: { '4px': '4px' } } } }; Radius keys omitted (NOT IN INPUTS).
7. Refuse. Inter invent refused. Logo SVG invent refused. Competitor palette invent refused.
8. Compliance. Banned cut. Gaps: radius scale, dark mode colors, font files/CDN, secondary palette, container widths.
Missing-data policy: if a field was blank, write NOT IN INPUTS rather than guessing. Lock any tool version named in Inputs; if unnamed, write unknown. No invented testimonials, star ratings, or press logos. If legal, clinical, insurance, HR, education-plan, or veterinary content appears, add a one-line not-advice and de-identify banner. Quote banned-word hits and cut them. End with a gaps list of five bullets the user still owes you. Character and byte caps in the job are hard; print counts when relevant. Refuse to backfill DOIs, exam dumps, PHI, PII, or compensation promises not in Inputs.