domains / families / design / claymorphism

claymorphism

combined

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces. Web and App implementation guide for Claymorphism. Trigger when user wants soft 3D elements, rounded shapes, and a playful, tactile appearance.

When to use

• Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the `design-it` skill and is not meant to be triggered directly.

When not to use

• This is a styling reference and does not replace environment-specific validation, accessibility testing, or expert review.
• Ensure appropriate contrast ratios and responsive behaviors are verified separately.

Skill page

Conflict

The two copies serve different purposes and contain non-overlapping material. The bergside copy is a design-system authoring workflow: it defines tokens (Montserrat/Poppins, specific hex palette, 4/8/12/16/24/32 spacing), accessibility gates (WCAG 2.2 AA), a required output structure, and a QA checklist. The sickn33 copy is an implementation guide: it defines the visual DNA (double inner shadows, squircles, pastel palettes, rounded fonts like Sniglet/Fredoka One), and provides concrete CSS, SwiftUI, and Flutter code with bouncy spring/elastic animations. Neither copy contains the other's core steps, so crowning one would hide a real alternative.