# Brand Art Direction System V2

> Use this when defining visual direction for a brand, landing page, website, product UI, campaign, portfolio, ecommerce page, or redesign before implementation.

- Skill: `yankieldbc2/brand-art-direction-system-v2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add yankieldbc2/brand-art-direction-system-v2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/yankieldbc2/brand-art-direction-system-v2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: YankielDBC2 (https://skillmd.com/u/yankieldbc2)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/yankieldbc2/brand-art-direction-system-v2

---


# Brand Art Direction System v2

## Goal

Turn vague design requests into a clear brand art direction that guides layout, typography, color, imagery, motifs, density, and motion.

## When to use

Use before implementing a new visual system, landing page, multipage site, product page, portfolio, premium business website, or redesign that needs a distinct look.

## Workflow

1. Read the product, audience, market, references, assets, and existing brand constraints.
2. Define brand adjectives, but convert them into concrete UI decisions: type scale, layout density, color role, surface style, imagery, motifs, and motion behavior.
3. Choose what the design should avoid, such as generic SaaS gradients, luxury clichés, excessive whitespace, or overused card patterns.
4. Create a compact art-direction note that can guide implementation across sections and components.
5. Apply the direction consistently while allowing section-level variation.
6. If references conflict, explain the tradeoff and choose the direction that best serves the user goal.

## Quality bar

- Compare implementation against the art-direction note.
- Check that colors, type, density, and motifs are applied consistently.
- Run available project validation after implementation changes.

## Validation

- Brand direction is specific enough to guide code decisions.
- Visual motifs connect to the business or product instead of generic decoration.
- Design choices remain consistent across the page or site.

## Final response

- Summarize art direction, concrete UI decisions, and where it was applied.