::callout{type="warning" title="Ilustración provisional"}
El logotipo es trabajo provisional asistido por IA — diseñado en una sesión con un
agente de programación con IA, no por una persona diseñadora, y un sustituto que
se reemplazará en algún momento, sin plazo fijo. No intervino ningún generador de
imágenes: está compuesto tipográficamente, no dibujado.
::

La marca es el nombre del paquete con su primera letra entre corchetes — `[d]uxt` —
porque así es como se escribe el paquete allí donde se usa:

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

Un array con una entrada. Está compuesta en [IBM Plex Mono](https://github.com/IBM/plex)
SemiBold y convertida a contornos, de modo que ningún recurso depende de que la
tipografía esté instalada en ninguna parte.

![El logotipo de duxt](/wordmark.svg){dark="/wordmark-dark.svg" width="320" height="89"}

## Los recursos

| Recurso              | Ruta                                                        | Lo usa                            |
| :------------------- | :----------------------------------------------------------- | :-------------------------------- |
| Logotipo             | `.github/assets/wordmark-light.svg`, `wordmark-dark.svg`    | El hero del README, vía `<picture>` |
| Iconos del sitio     | `apps/www/public/favicon.svg`, `apple-touch-icon.png` (180×180)  | La pestaña del navegador          |
| Logotipo en el sitio | `apps/www/public/wordmark.svg`, `wordmark-dark.svg`              | `duxt.logo` en `apps/www/`             |

El logotipo del README estrecha las celdas de los corchetes en 120 unidades
tipográficas: Plex Mono le da a `[` una celda de 600 unidades para 311 unidades de
tinta, y a ancho monoespaciado completo los corchetes quedan en un espacio de
palabra propio.

El favicon lleva su propia regla `prefers-color-scheme`, para que ambos colores se
aclaren contra una franja de pestañas oscura. El PNG existe solo porque iOS ignora
los iconos SVG.

## Los corchetes del icono están redibujados; la `d`, no

El corchete de Plex mide 311 unidades frente a una `d` de 486, y a 16 px ese
reparto cierra el ojal hasta convertirlo en una mancha. El icono conserva el asta
(104) y el brazo (88) de la tipografía, pero acorta el brazo a 185, lo que
cuadra la marca de 1,45∶1 a 1,13∶1 y le da al ojal los píxeles que necesita.

El logotipo no tiene esa restricción y sigue siendo Plex puro. Esa es toda la
diferencia entre los dos archivos y la razón por la que no pueden generarse desde
una sola fuente.

## Colores

Los corchetes llevan el color; las letras toman el color del texto circundante.
Solo el par de corchetes es fijo.

| Función             | Hex       | OKLCH                    |
| :------------------ | :-------- | :----------------------- |
| Corchetes (claro)   | `#4F46E5` | `oklch(0.511 0.230 277)` |
| Corchetes (oscuro)  | `#7D7BF5` | `oklch(0.644 0.178 281)` |
| Letras (claro)      | `#15171E` | `oklch(0.206 0.014 273)` |
| Letras (oscuro)     | `#E8EBF2` | `oklch(0.940 0.010 267)` |

## Licencias

IBM Plex está bajo [SIL OFL 1.1](https://github.com/IBM/plex/blob/master/LICENSE.txt),
y la cláusula 5 resuelve este caso explícitamente: _"The requirement for fonts to
remain under this license does not apply to any document created using the Font
Software."_ Un SVG con contornos es uno de esos documentos, no se redistribuye
ningún archivo de fuente y el nombre reservado "Plex" no aparece en ningún
recurso. No hay que pagar, atribuir ni relicenciar nada — la mención de arriba es
cortesía.

## Nada de esto se publica

::callout{type="warning" title="La capa no lleva identidad"}
`duxt.logo` no está definido por defecto, y `DuxtBrand` recae en el propio
`duxt.title` del consumidor junto a un icono genérico. Un sitio que extiende duxt
muestra su propio nombre en la cabecera y el pie y su propio icono en la pestaña,
nunca este. Todos los recursos de arriba pertenecen a este repositorio y a `apps/www/`
— ninguno está en el paquete publicado.
::

Definir la tuya es [Dale identidad a tu sitio](/guides/brand-your-site).