Identidade
A marca [d]uxt — onde é usado cada recurso, por que os parênteses do ícone foram redesenhados, e que cores são fixas.
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:
extends: ['@kirchdev/duxt'];
Um array com uma entrada. Está composta em IBM Plex Mono SemiBold e convertida em contornos, para que nenhum recurso dependa de a fonte estar instalada em lado nenhum.
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 | www/public/favicon.svg, apple-touch-icon.png (180×180) | O separador do navegador |
| Logótipo no site | www/public/wordmark.svg, wordmark-dark.svg | duxt.logo em 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, 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
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
www/ — nenhum está no pacote publicado.
Definir a tua é Dá identidade ao teu site.