Taste, encoded.
Palette, typography, layout rules, imagery direction and QA checks your agent can follow.
Website prompts / Brand systems / Logo prompts / MCP notes / Design QA
Give your agent better taste.
Teal Style turns visual direction into agent-readable prompts, design.md files, brand kits and QA checklists for AI-built websites.
Built for founders, builders and coding-agent users who are tired of generic output.
AI website design promptsdesign.md templatesAgent design systems
- Teal
- Ink
- Paper
- Gold
Mood: precise, editorial, quietly technical.
Palette: off-white, graphite, muted teal.
Rules:
- No generic gradients.
- No fake proof.
- One visual idea per hero.
- Review mobile screenshots.- Hierarchy clear
- CTA visible
- Mobile polished
- No fake claims
Core promise
The model can code. The brief gives it taste.
Most AI-built websites fail in the same way: generic layouts, vague palettes, mismatched typography, weak spacing and no coherent visual system. Teal Style packages the missing design layer into markdown your agent can follow.
Design.md files
Persistent style instructions for coding agents and repos.
Prompt templates
Reusable prompts for websites, logos, brand kits and landing pages.
Tool stacks
Suggested MCPs and workflows for screenshots, image generation, Figma, QA and browser review.
Design QA
Checklists for spacing, hierarchy, typography, responsiveness and conversion polish.
Templates
Copyable briefs for agent-built brands and websites.
Start with the highest-leverage prompt surfaces: persistent design instructions, website prompts, landing pages, brand kits, logo direction and design QA.
Template
design.md template
A design.md file gives your coding agent persistent visual direction. Instead of asking it to make a site modern, you give it mood, layout rules, palette, typography, component behaviour, imagery direction and QA standards it can reuse across the repo.
TemplateWebsite design prompt
A strong website design prompt gives an AI agent page goals, audience, brand mood, content structure, visual rules and QA expectations. The goal is to remove vague taste instructions and replace them with a usable design brief.
TemplateLanding page prompt
A landing page prompt should make the conversion path obvious. It needs a clear audience, one primary offer, a strong hero, specific section logic and design constraints that prevent generic startup output.
TemplateBrand kit prompt
A brand kit prompt turns loose taste into usable visual rules. It should define positioning, audience, mood, palette, typography, logo direction, visual motifs, copy tone and usage rules.
TemplateLogo design prompt
A good logo prompt should constrain the mark enough to avoid generic output. Specify whether you want a wordmark, symbol or monogram, define the brand traits, and test the output in monochrome, favicon size and real layout contexts.
TemplateDesign QA checklist
AI-built websites need a hard design QA pass. The most common failures are weak hierarchy, cramped spacing, inconsistent typography, generic sections, poor mobile behaviour and fake-looking proof. This checklist gives an agent a sharper review loop.
Example
Do not ask the agent to make it look better.
Give it a visual system, examples, constraints and an adversarial QA pass.
Open full design.md template# Design Direction
Mood: precise, editorial, quietly technical.
Palette: warm off-white, deep graphite, muted teal, brass accent.
Typography: refined serif headlines, clean grotesk body.
Rules:
- No generic gradients.
- No fake SaaS dashboard unless product context demands it.
- Use negative space as structure.
- Every hero needs one clear visual idea.Workflow
A better loop for AI-built design.
Do not ask the agent to improvise taste. Give it direction, assets, implementation rules and a proper screenshot review loop.
01Brief
02Brand system
03Image assets
04UI implementation
05Screenshot QA
06Refinement pass
Guides
Learn the agent design stack.
Practical notes for prompts, design.md files, agent design systems, logo prompts, image generation, MCP-style workflows and redesign QA.
AI design promptsA practical guide to AI design prompts for websites, landing pages, brand kits and product visuals, including examples and common mistakes.Readdesign.md templateA guide to using a design.md file to give AI coding agents persistent visual direction, layout rules, palette, typography and QA checks.ReadAgent design systemA practical guide to agent design systems, including visual rules, design tokens, components, prompt constraints and QA loops.ReadWebsite design promptsA practical guide to website design prompts for AI agents, including structure, visual direction, responsive rules and QA checks.ReadBrand kit promptsA guide to brand kit prompts for AI tools, including positioning, palette, typography, logo direction, visual motifs and tone of voice.ReadLogo promptsA practical guide to logo design prompts for AI, including symbol direction, wordmark constraints, negative prompts and quality checks.ReadAI design MCPA practical guide to AI design MCP workflows, including image generation, Figma, screenshots, browser QA and asset pipelines for design agents.ReadDesign QA for AI agentsA guide to design QA for AI agents, including hierarchy, spacing, typography, responsive polish, accessibility and screenshot review prompts.Read
Early access
Sharper prompts. Better taste transfer.
Teal Style is building a sharper library of agent-ready design systems, prompts and implementation briefs. Join for new templates, teardown notes and tool-stack updates.