Frontend Brand and Creative Assets
Use this skill for visual identity and marketing-facing creative, separate from application UI implementation.
Scope
- Brand voice and messaging.
- Visual identity and style guides.
- Logo usage and color palette management.
- Website hero visuals and banners.
- Social media images and campaign assets.
- HTML slides and pitch decks.
- Icon style and icon systems.
Workflow
- Gather purpose, platform, dimensions, audience, content, and brand constraints.
- Check for existing brand guidelines or assets.
- Pick an art direction that supports the message.
- Define typography, color, imagery, layout, and export requirements.
- Produce multiple directions only when exploration is requested.
- Validate consistency against brand tokens.
Output Rules
- Do not invent brand facts, metrics, or claims.
- Use exact platform dimensions when known.
- Keep logos and marks clear at small sizes.
- Avoid text-heavy social assets unless the platform and goal support it.
- Separate brand creative from product UI when their constraints differ.
References And Utilities
references/brand-guideline-template.md,visual-identity.md,voice-framework.md,messaging-framework.md: brand system foundations.references/banner-sizes-and-styles.md: banner dimensions and style options.references/logo-design.md,icon-design.md,cip-design.md: creative asset systems.references/slides-*.mdand slide reference files: HTML presentation guidance.scripts/extract-colors.cjs,validate-asset.cjs,sync-brand-to-tokens.cjs: upstream brand utilities.