# Inflated Clay Interface

Friendly, playful UI/UX design with rounded, puffed-up 3D clay forms in pastel colors and soft shadows.

| | |
|---|---|
| Style | Inflated Clay Interface |
| Category | UI/UX |
| Tags | claymorphism, 3d render, pastel, soft, rounded, minimalist, playful, friendly, modern, organic |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #f1ebff #ffffff #b7a6ff #9be8c8 #ffd98a #ff8fa8 |
| Published | 2026-08-24 |
| Canonical URL | https://styleref.io/share/ltvr01wk-8729bf8993d6 |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

Inflated Clay Interface

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Mobile; Presentation: Raw UI.
 • Container / Boundary: Container: Explicit (shape mask); Container shape: Fully rounded squircle; Container Dominance: Primary visual identity; Padding: Generous.
 • Mood & Personality: Playful, Friendly, Clean, Uplifting; Energy: Vibrant; Emotional bias: Positive; Tone register: Intimate; Representation mode: Symbolic; Real-world accuracy: Stylized; Characters: Allowed (faceless).
 • Colors: Palette: Solid Colors: [ #F1EBFF 34% (Background),  #FFFFFF 18% (Clay surfaces),  #B7A6FF 15% (Lilac forms),  #9BE8C8 11% (Mint forms),  #FFD98A 9% (Butter forms),  #FF8FA8 7% (Blush accent),  #2B2440 6% (Typography)]; 6–8 colors; Warm temperature; Saturation: Muted; Value contrast; Hue relationships: Analogous; Subtle gradients only; Shadow Color: Hue-shifted; Accessibility: WCAG AA.
 • Typography: Geometric sans; Semibold, Bold; Text case: Sentence case; Hierarchy: Clear typographic scale; Relaxed (1.6); Text integration: Embedded in shapes.
 • Light & Shadow: Lighting mood style: High-key; Key light style: Diffused; Lighting direction: Top-lit; Shadow type: Long, very soft colored shadows; Fill-light ratio: Even fill; Atmospheric effects: Subsurface Scattering (SSS); Lighting presence: Explicit.
 • Spatial Structure & Hierarchy: Grid system: Free-form; Visual density: Airy; Hierarchy: Strong; Symmetry: Asymmetrical balance; Plane separation: Overlap, Shadow.
 • Surface, Material & Detail: Material simulation: Wax; Surface treatment: Matte modelling clay with soft waxy sheen; Texture: Smooth; Stylized realism.
 • Camera and Motion: Motion intensity: Rhythmic; Motion implication: Dynamic; Easing: Spring; Animation duration: Standard; Transition: Scale, Slide.
 • Shape Language: Organic; Primitive dominance: Circles, Freeform curves; Edge sharpness: Fully rounded; Silhouette clarity: Iconic; Negative space usage: Balanced.
 • Voice & Language: Formality: Casual; Simple vocabulary; Directness: Clear; Perspective: First person (I/we); Pacing: Punchy; Emoji usage: Occasional.
 • Artistic Mediums & Techniques: Illustrative technique: 3D clay-rendered illustrations; puffy characters, chunky objects, rounded volumetric icons.
 • References: Claymorphism, Minimalism; Temporal reference: Contemporary.
 • UI & Web: Color theme: Light; Background tone: Slightly deeper tinted lilac ground; Accent strategy: Multi-tonal palette; Layout archetype: Feed; Density: Spacious; Surface layers: Three-layer (page + card + elevated); Elevation: Shadow-based; Shadow technique: Multi-layer stack; Corner radius scale: Extra-large (28px+); Card style: Filled tint; Button shape: Full pill; Icon style: Rounded filled; UI imagery: 3D renders; Animation: Physics-based / Spring; Transition speed: Standard (200–300ms); Focus ring: Glow halo.
 • Guardrails: Avoid: AI Gloss / Plastic Smoothing; Avoid Visuals: flat pastel rectangles; grey drop shadows; hard edges; dense data screens; overinflated unpressable controls; Allowed Visuals: puffed squircles; thick rounded walls; colored soft shadows; finger-sized controls; soft volumetric icons.
 •  Clay Volume: Each form uses a lighter inner top gradient, darker base, and ambient-occlusion contact shadow., Edge Highlight: Wrap a subtle inner-top highlight around every clay container to reinforce thickness., Elevation Rhythm: Overlap forms slightly and stagger floating heights rather than aligning to a rigid grid., Press Response: Controls squash slightly on press, then overshoot and rebound; state-change icons wobble..


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/ltvr01wk-8729bf8993d6?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/ltvr01wk-8729bf8993d6/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/ltvr01wk-8729bf8993d6
styleref://gallery/ltvr01wk-8729bf8993d6/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/ltvr01wk-8729bf8993d6