brand - Engine AI Brand System & Visual Identity Guide
Apply Engine AI's dark premium gold-accented brand system to UI, pages, components, and visual output.
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- reference colour palette tokens
- apply typography rules
- apply spacing layout patterns
- apply component patterns
- apply animation and motion
- apply tone of voice
- reference brand assets
Inputs
- Design system directory
- DESIGN.md handoff file
- colors_and_type.css token file
- Brand asset files
- Website source repository
Outputs
- Brand-consistent UI components
- Brand-styled pages
- Brand-aligned visual output
Requirements
- Access to design system directory at ~/projects/engineai/design-system/
- Access to brand asset files at /public/images/
- Google Fonts access for Inter and JetBrains Mono
- CSS support for backdrop-filter and custom properties