Paula Bosi · ambiente de teste

Lab

Paleta, esquema tipográfico e frosted glass. Ajuste os tokens em PB-Brandguide/tokens/tokens.css e recarregue.

Paleta

bg-base #f7f5f2 body
ink #3d3a38 h3+ / corpo (claro)
ink-on-dark #f9f6f2 h3+ / corpo (escuro)
stroke #dbd1bd bordas / frost stroke
gold #9c7627 h1 / h2 (headings)
gold-soft #d4a95e frost fill
accent #d39933 eyebrows, links
dark #1f1d1c fundo inverso

Esquema tipográfico · fundo claro

h1 · contralto-small · Regular 400

Educação & Estética

h2 · contralto-small · Regular 400

Mentorias em estética avançada

h3 · contralto-xsmall · Light 300

Toxina botulínica essencial

Esquema tipográfico · fundo escuro

h1 · contralto-small · Regular 400

Educação & Estética

h2 · contralto-small · Regular 400

Mentorias em estética avançada

h3 · contralto-xsmall · Light 300

Toxina botulínica essencial

Body text · contralto-xsmall regular

Profissionais da saúde graduados que querem consolidar técnica em pacientes modelos, com supervisão direta. Você sai aplicando no consultório no dia seguinte, com segurança e uma referência técnica pra consultar depois.

Pillars · efeito de borda 3D

Mesmo glass dos cards de mentoria (--glass-tint 35% multiply + blur 15px). Três tratamentos de borda sobre o bg dark da seção "Como funciona".

01 · sem efeito 01

Sem efeito

Borda lisa atual — frost-stroke + multiply.

02 · highlight + drop 02

Highlight + drop

Inset top light, inset bottom dark, sombra externa focada.

03 · rim-light gradient 03

Rim-light

Borda em gradient direcional (140°) + drop. Mais autoral.

04 · combo (rim + highlight + drop) 04

Combo

Os dois somados — máxima presença de material.

Frosted glass

fill gold-soft · opacity 70% · multiply · blur 24px · stroke stroke 60%. Tudo em --frost-*.

Sobre fundo claro

O fill em multiply quase desaparece sobre claro.

Sobre fundo escuro

O dourado ganha presença sobre o charcoal.

Sobre imagem

Aqui o blur e o multiply aparecem de verdade.