Design Mais detalhes D · Nome de uso diário ou especial

Claymorphism

Claymorphism

Claymorphism é um estilo divertido com formas infladas e cantos arredondados. Sombras suaves e cores pastel fazem parecer argila.

Veja como funciona
Você poderia chamar de ClaymorphismUI de argilaUI suave 3D

Veja como funciona

Exemplo trabalhado originalClaymorphism

Outro exemplo

Um aplicativo de hábitos para crianças transforma cada meta concluída em um selo suave, parecido com brinquedo.

Partes principais

  1. 01Content surface
  2. 02Distinct visual treatment
  3. 03Action and readability check

Use-o quando

Use-o para uma marca amigável, um momento conduzido por ilustração, ou alguns objetos principais divertidos.

Não o use quando

Nunca use formas grossas e suaves em controles lotados onde o espaço e o contraste já são limitados.

Nome usado no código

rounded volume + soft dual shadows

Antes de lançar

Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.

Solicitação que você pode copiar

Outcome: Complete the task with Claymorphism (Claymorphism). User context: Um aplicativo de hábitos para crianças transforma cada meta concluída em um selo suave, parecido com brinquedo. Design concept to apply: Claymorphism (Claymorphism). Why it fits: Use-o para uma marca amigável, um momento conduzido por ilustração, ou alguns objetos principais divertidos. Do not use it when: Nunca use formas grossas e suaves em controles lotados onde o espaço e o contraste já são limitados. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.

Conferir este pedido

Review how Claymorphism (Claymorphism) is used now. Definition: Claymorphism é um estilo divertido com formas infladas e cantos arredondados. Sombras suaves e cores pastel fazem parecer argila. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

D
Quão oficial é este termo?

Nome de uso diário ou especial

Este pode ser um nome comum ou antigo, um nome usado por uma empresa, ou uma categoria do Vibulary. As fontes podem apoiar a prática ou as limitações, mas podem não definir o nome.

Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra.

Escopo
Nenhum documento formal único cobre tudo
Status do documento
não aplicável
Verificado em
2026-07-30

Fontes e escopo da evidência

Origem do fundoNenhuma definição única e autoritáriaAs pessoas usam este nome no trabalho, mas nenhuma fonte oficial define tudo. O Vibulary escreveu este significado e exemplo como ajuda de aprendizado.

Copie você mesmo

O navegador não conseguiu copiar isso. Selecione a solicitação abaixo e copie você mesmo.