Flat & Soft UI 2024-2026 Warm Automation

Zapier Warm Automation

Estilo Zapier Warm Automation com canvas creme, acento laranja e design border-forward. Ideal para automação, integrações e plataformas de workflow.

zapier warm cream orange accent Degular Display border-forward tab underlines Inter GT Alpina automation workflow

Uso: Automação, Integrações, Plataformas de workflow, Ferramentas no-code

Contexto Histórico

Inspirado no design do Zapier, que usa calor e bordas sand para fazer automação parecer acessível e humana.

Especificações Técnicas

Cores

Primárias

#fffefb

#201515

#ff4f00

#c5c0b1

Secundárias

#eceae3

#36342e

#939084

#b5b2aa

Efeitos

Canvas creme quente (#fffefb) como papel não-branqueado. Texto near-black com subtom avermelhado (#201515). Degular Display para hero headlines com line-height 0.90 ultra-comprimido. Laranja Zapier (#ff4f00) para CTAs primários e indicadores de tab ativo. Design border-forward: bordas sand (#c5c0b1) como elemento estrutural principal em vez de sombras. Tab underlines via inset box-shadow. GT Alpina serif thin-weight para momentos editoriais. Botões com padding generoso (20px 24px).

Light/Dark

✓ Full / ✗ Not Recommended

DESIGN.md

Prompt para AI

Relacionados

Editorial & Tipografia

Runway Cinematic Editorial

Última sincronização: 01/04/2026