luxury

Create dark-first monochromatic design systems with Oswald typography for luxury UIs.

Updated May 28, 2026
One-click install
npx skills add https://github.com/SensLiao/Claude-code-setting --skill luxury-sensliao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: luxury
Source: https://github.com/SensLiao/Claude-code-setting/tree/main/skills/luxury
Command: npx skills add https://github.com/SensLiao/Claude-code-setting --skill luxury-sensliao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the need for a sophisticated, dark-first design system suitable for high-end fashion, architecture, and luxury e-commerce UIs.

Core Features & Use Cases

  • Dark-first Design: Offers a monochromatic, dark editorial design system for premium UIs.
  • Typography-Based Hierarchy: Focuses on Oswald typography for visual hierarchy.
  • Limited Color Palette: Provides a minimal color palette with a focus on black and white for maximum impact.
  • Accessibility-Compliant: Ensures keyboard-first interaction, visible focus states, and high-contrast modes.
  • Use Cases: Ideal for creating UIs for fashion and lifestyle brands, architecture portfolios, and luxury e-commerce platforms.

Quick Start

Apply the luxury skill to create a dark editorial design system for your high-end fashion portfolio.

Frequently Asked Questions about luxury

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a dark editorial design system for a luxury e-commerce UI?▼

A dark editorial design system for luxury e-commerce is created by applying a monochromatic palette, utilizing Oswald typography for visual hierarchy, and enforcing high-contrast modes. This approach ensures premium visual impact while maintaining strict accessibility compliance for high-end fashion platforms.

What is the best way to build a high-end fashion portfolio UI with a limited color palette?▼

Building a high-end fashion portfolio UI with a limited color palette is best achieved through a dark-first, monochromatic design system. Focusing on black and white maximum impact alongside Oswald typography establishes a sophisticated visual hierarchy suitable for architecture and luxury branding.

Can I use Oswald typography to establish visual hierarchy in architecture portfolios?▼

Oswald typography can be used to establish strong visual hierarchy in architecture portfolios by emphasizing structural headings and editorial layouts. It pairs naturally with a dark-first monochromatic UI to deliver a premium, accessible presentation for high-end architectural visual showcases.

Does a monochromatic dark design system support keyboard-first interaction and accessibility?▼

A monochromatic dark design system supports keyboard-first interaction and accessibility by enforcing visible focus states and high-contrast modes. This ensures that luxury e-commerce platforms remain fully navigable and compliant while preserving their exclusive premium aesthetic.

When should I not use a dark-first monochromatic UI for luxury branding?▼

A dark-first monochromatic UI for luxury branding should not be used when a project demands extensive multicolor visual elements or deviates from editorial design principles. It is specifically tailored for fashion, architecture, and luxury e-commerce rather than vibrant, colorful consumer applications.