::callout{type="warning" title="Arte provisória"}
O logótipo é trabalho provisório assistido por IA — desenhado numa sessão com um
agente de programação com IA, não por uma pessoa designer, e um substituto a
trocar a certa altura, sem prazo fixo. Nenhum gerador de imagens esteve envolvido:
é composto tipograficamente, não desenhado.
::

A marca é o nome do pacote com a primeira letra entre parênteses retos — `[d]uxt` —
porque é assim que o pacote se escreve onde é usado:

```ts
extends: ['@kirchdev/duxt'];
```

Um array com uma entrada. Está composta em [IBM Plex Mono](https://github.com/IBM/plex)
SemiBold e convertida em contornos, para que nenhum recurso dependa de a fonte
estar instalada em lado nenhum.

![O logótipo duxt](/wordmark.svg){dark="/wordmark-dark.svg" width="320" height="89"}

## Os recursos

| Recurso               | Caminho                                                     | Usado por                            |
| :-------------------- | :------------------------------------------------------------ | :----------------------------------- |
| Logótipo              | `.github/assets/wordmark-light.svg`, `wordmark-dark.svg`    | O hero do README, via `<picture>`    |
| Ícones do site        | `apps/www/public/favicon.svg`, `apple-touch-icon.png` (180×180)  | O separador do navegador             |
| Logótipo no site      | `apps/www/public/wordmark.svg`, `wordmark-dark.svg`              | `duxt.logo` em `apps/www/`                |

O logótipo do README estreita as células dos parênteses em 120 unidades
tipográficas: o Plex Mono dá ao `[` uma célula de 600 unidades para 311 unidades de
tinta, e à largura monoespaçada completa os parênteses ficam num espaço de palavra
só deles.

O favicon leva a sua própria regra `prefers-color-scheme`, para que ambas as cores
clareiem contra uma barra de separadores escura. O PNG existe só porque o iOS
ignora ícones SVG.

## Os parênteses do ícone estão redesenhados, o `d` não

O parêntese do Plex mede 311 unidades contra um `d` de 486, e a 16 px essa divisão
fecha o olho numa mancha. O ícone mantém a haste (104) e o braço (88) da fonte, mas
encurta o braço para 185, o que quadra a marca de 1,45∶1 para 1,13∶1 e dá ao olho
os pixéis de que precisa.

O logótipo não tem essa restrição e continua Plex puro. É toda a diferença entre os
dois ficheiros e a razão por que não podem ser gerados a partir de uma só fonte.

## Cores

Os parênteses levam a cor; as letras tomam a cor do texto em redor. Só o par de
parênteses é fixo.

| Função               | Hex       | OKLCH                    |
| :------------------- | :-------- | :----------------------- |
| Parênteses (claro)   | `#4F46E5` | `oklch(0.511 0.230 277)` |
| Parênteses (escuro)  | `#7D7BF5` | `oklch(0.644 0.178 281)` |
| Letras (claro)       | `#15171E` | `oklch(0.206 0.014 273)` |
| Letras (escuro)      | `#E8EBF2` | `oklch(0.940 0.010 267)` |

## Licenciamento

O IBM Plex está sob [SIL OFL 1.1](https://github.com/IBM/plex/blob/master/LICENSE.txt),
e a cláusula 5 resolve este caso explicitamente: _"The requirement for fonts to
remain under this license does not apply to any document created using the Font
Software."_ Um SVG com contornos é um desses documentos, nenhum ficheiro de fonte é
redistribuído, e o nome reservado "Plex" não aparece em recurso nenhum. Nada tem de
ser pago, atribuído ou relicenciado — a menção acima é cortesia.

## Nada disto é publicado

::callout{type="warning" title="A camada não leva identidade"}
`duxt.logo` não está definido por omissão, e o `DuxtBrand` recai no próprio
`duxt.title` do consumidor ao lado de um ícone genérico. Um site que estende o duxt
mostra o seu próprio nome no cabeçalho e no rodapé e o seu próprio ícone no
separador, nunca este. Todos os recursos acima pertencem a este repositório e a
`apps/www/` — nenhum está no pacote publicado.
::

Definir a tua é [Dá identidade ao teu site](/guides/brand-your-site).