@developh/brand

Atribuição do estúdio para projetos de clientes.

bun add @developh/brand

Footer (web)

import { DevelophSignature, DEVELOPH_INK } from "@developh/brand";

// Footer escuro
<DevelophSignature />

// Footer claro
<DevelophSignature markColor={DEVELOPH_INK} className="text-ink" />

Anel "POWEREDBYDEVELOPH*" a rodar à volta do foguetão. Web Animations API, pausa fora do ecrã, respeita prefers-reduced-motion, zero dependências. O anel herda color; o foguetão usa markColor.

| Prop | Default | |---|---| | size | 96 (abaixo de ~80 o texto deixa de ler) | | spinDuration | 20 s por volta | | onHover | speedUp (x4), slowDown, goBonkers, pause, null | | markColor | #fbfbfb; usar DEVELOPH_INK em fundos claros |

Email (React Email)

import { DevelophEmailCredit } from "@developh/brand/email";

<td width={68} style={{ textAlign: "right" }}>
  <DevelophEmailCredit variant="ink" color="#a2958a" />
</td>

| Fundo do email | variant | color | |---|---|---| | Quente / bege | ink | #a2958a | | Neutro / branco | ink | #999999 | | Escuro | white | #8a8a8a |

Tokens

@developh/brand/tokens: DEVELOPH_WHITE, DEVELOPH_INK, DEVELOPH_BLUE, DEVELOPH_URL.