By name: luxury-brand-ui-design description: Enforces royal, premium, fashion-forward design standards for luxury clothing brand UI components, especially cards and landing page sections.
Luxury Brand UI Design Skill
This skill ensures all UI design outputs align with a high-end, royal, couture-grade fashion brand aesthetic. It prevents generic SaaS layouts and forces disciplined, editorial, luxury-first decisions.
When to Use
- When redesigning or creating landing pages for luxury or premium clothing brands
- When updating service cards, product cards, or brand highlight sections
- When design output risks becoming generic, trendy, or SaaS-like
- When visual hierarchy, typography, or spacing lacks perceived value
Instructions
1. Lock Brand Positioning First
- Assume the brand is premium, royal, and heritage-inspired
- Audience is affluent, design-literate, and detail-sensitive
- Mood must be understated, timeless, and exclusive
- Avoid trend-driven or playful aesthetics
2. Define the Component’s Job
- Clearly state what the component must achieve (desire, prestige, clarity)
- Prefer emotional impact over information density
- Eliminate unnecessary UI elements early
3. Enforce Content Constraints
- Limit content strictly to what is required
- Titles must be short and confident (3–4 words max)
- Descriptions must be concise and editorial (1–2 lines)
- Avoid CTAs unless explicitly requested
4. Apply Luxury Design Rules
- Use minimal layouts with generous whitespace
- Avoid rounded, bubbly, SaaS-style cards
- Prefer sharp or softly refined edges
- Use muted, elegant color palettes (ivory, charcoal, deep navy, gold accents)
- No heavy shadows, neon colors, or aggressive gradients
5. Image Treatment Standards
- Image should dominate the component visually
- Use editorial crops and fashion photography framing
- Allow subtle overlays or gradients for depth
- Never let text overpower the image
6. Typography Discipline
- Titles: elegant serif or high-contrast typefaces
- Body text: refined, low-contrast, highly readable
- Maintain tight vertical rhythm
- Avoid excessive font weights or sizes
7. Interaction & Motion
- Use slow, subtle transitions only (300–500ms)
- No bounce, spring, or playful animations
- Hover effects should enhance depth, not distract
8. Output Expectations
- Describe layout, spacing, and hierarchy clearly
- Explain why each design choice supports a luxury perception
- Optionally suggest restrained variations
- Reject generic UI clichés and trendy patterns
9. Failure Conditions (Hard No)
- Looks like a SaaS dashboard
- Overuse of rounded corners
- Excessive UI chrome or visual noise
- Loud colors, gradients, or gimmicks
- Over-explaining instead of showcasing