Tailwind CSS Design System

This skill guides creation of distinctive, production-grade frontend interfaces using Tailwind CSS. Implement working code with exceptional attention to aesthetic details and creative choices that align with ACDC Digital brand identity.

Design Thinking (Before Coding)

Before writing any code, understand context and commit to a BOLD aesthetic direction:

1. Purpose: What problem does this interface solve? Who uses it?
2. Tone: Choose a distinctive direction - brutally minimal, refined luxury, editorial/magazine, retro-futuristic, organic/natural, playful, brutalist/raw, soft/pastel, industrial/utilitarian
3. Differentiation: What makes this UNFORGETTABLE? What's the one thing someone will remember?
4. Brand Alignment: Reference ACDC Digital brand colors, typography, and patterns

CRITICAL: Choose a clear conceptual direction and execute with precision. Bold maximalism and refined minimalism both work—the key is intentionality, not intensity.

ACDC Digital Brand System

Core Colors (Use These First)