Arte & Ilustracao 2024-2026 Artisanal B2B

Clay Artisanal Swatch

Clay-inspired artisanal landing page. Ideal for b2b criativo, agências, plataformas de dados, ferramentas de enriquecimento. AI-ready template.

clayartisanalswatch palettewarm creamRoobertOpenType ss01 ss03playful hoverrotateZhard offset shadowdashed bordersSpace Mono

Use case: B2B criativo, Agências, Plataformas de dados, Ferramentas de enriquecimento

Clay Artisanal Swatch

Historical Context

Inspirado no design do Clay, que trata B2B como craft artesanal com swatches nomeados como sabores e hover animations que fazem botões dançar.

Technical Specs

Colors

Primary

#faf9f7
#000000
#ffffff
#dad4c8

Secondary

#84e7a5
#3bd3fd
#fbbd41
#c1b0ff

Effects

Canvas creme quente (#faf9f7) como papel artesanal. Paleta de swatches nomeados como sabores: Matcha verde, Slushie cyan, Lemon dourado, Ube roxo, Pomegranate rosa. Roobert com 5 OpenType stylistic sets (ss01, ss03, ss10, ss11, ss12). Hover playful: rotateZ(-8deg) + translateY(-80%) + hard offset shadow (-7px 7px). Bordas oat quentes (#dad4c8) + bordas dashed misturadas. Radius generoso: 24px cards, 40px seções, 1584px pills. Sombra multi-camada com inset highlight. Space Mono para labels técnicos.

Light/Dark

✓ Full / ✗ Not Recommended

DESIGN.md

AI Prompt

Related

Claude Warm Parchment
Editorial & Tipografia

Claude Warm Parchment
Notion Warm Workspace
Minimalismo & Swiss

Notion Warm Workspace
Lovable Cream Humanist
Flat & Soft UI

Lovable Cream Humanist
Mistral Golden Amber
Arte & Ilustracao

Mistral Golden Amber
Zapier Warm Automation
Flat & Soft UI

Zapier Warm Automation

Last synced: 4/1/2026