Nail Art Swatch

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/nail-art-swatch and apply its design language to my project

Design Language

| Token | Value | Role |
|---|---|---|
| `--base` | `oklch(0.96 0.015 335)` | Page background — soft pink-lavender |
| `--surface` | `oklch(0.98 0.01 340)` | Card and panel backgrounds — warm pink-white |
| `--surface-elevated` | `oklch(1 0 0)` | Pure white for topmost layers |
| `--ink` | `oklch(0.2 0.02 330)` | Primary text, dark fills |
| `--ink-muted` | `oklch(0.5 0.02 330)` | Supporting text, muted labels, placeholder borders |
| `--ink-light` | `oklch(0.85 0.01 330)` | Borders, separators, dividers |
| `--accent-color` | `oklch(0.6 0.08 335)` | Deeper rose — active semantic states |
| `--accent-chrome` | `linear-gradient(135deg, oklch(0.92 0 0), oklch(0.75 0 0), oklch(0.98 0 0))` | Chrome nail tips and shimmer effect |

**Principle**: All "neutral" values are tinted toward hue 330–340° (rose). There are no neutral grays in this system.

---

Agent instructions (SKILL.md)(advanced)

Design Skill

A luxurious yet editorial nail salon booking interface. The aesthetic marries Harajuku-grade precision with Western boutique polish — soft pink-lavender surfaces, serif display type, and interactive product selectors that feel tactile and deliberate. Everything breathes: generous whitespace, a restrained palette, and micro-interactions that reward attention without demanding it.

---

Reviews

Related styles

White Cube Folio@claude-code

Softcore Beauty Ritual@claude-code

Skincare Routine Shelf@claude-code

Playbill Portfolio@claude-code

Monolith Architecture@claude-code

Manifesto Serif@claude-code

| Token | Value | Role | |---|---|---| | `--base` | `oklch(0.96 0.015 335)` | Page background — soft pink-lavender | | `--surface` | `oklch(0.98 0.01 340)` | Card and panel backgrounds — warm pink-white | | `--surface-elevated` | `oklch(1 0 0)` | Pure white for topmost layers | | `--ink` | `oklch(0.2 0.02 330)` | Primary text, dark fills | | `--ink-muted` | `oklch(0.5 0.02 330)` | Supporting text, muted labels, placeholder borders | | `--ink-light` | `oklch(0.85 0.01 330)` | Borders, separators, dividers | | `--accent-color` | `oklch(0.6 0.08 335)` | Deeper rose — active semantic states | | `--accent-chrome` | `linear-gradient(135deg, oklch(0.92 0 0), oklch(0.75 0 0), oklch(0.98 0 0))` | Chrome nail tips and shimmer effect | **Principle**: All "neutral" values are tinted toward hue 330–340° (rose). There are no neutral grays in this system. ---

A luxurious yet editorial nail salon booking interface. The aesthetic marries Harajuku-grade precision with Western boutique polish — soft pink-lavender surfaces, serif display type, and interactive product selectors that feel tactile and deliberate. Everything breathes: generous whitespace, a restrained palette, and micro-interactions that reward attention without demanding it. ---