# Encargo: kit de marca completo de Kip-Up
Se replica la **estructura y el nivel de acabado** del kit de Kuantera
(`/home/yoiber/proyectos/kuantera-brand`, publicado en https://docs.kipups.com/marca/kuantera/kit/)
pero con la identidad que Kip-Up **ya tiene**. No se rediseña la marca: se documenta y se completa.
## La marca, tal como es hoy (no se cambia)
| Token | Hex | Uso |
|---|---|---|
| ink (navy) | `#1A1A2E` | Texto principal, logo, fondos oscuros |
| red | `#E63946` | Color de acción, la flecha, llamadas a la acción |
| orange | `#F4A261` | Acento secundario, ilustración |
| cream | `#F8F5F0` | Fondo claro por defecto |
| white | `#FFFFFF` | Fondos y texto sobre oscuro |
| ink70 | `#55556A` | Texto secundario sobre claro |
| cream70 | `#B9B6C9` | Texto secundario sobre oscuro |
Tipografía: **Poppins** en títulos y logotipo, **Inter** en texto. Están en `fonts/` (OFL).
Kip-Up **no** tiene fuente monoespaciada de marca: en el manual, para código y hex, se usa la pila del
sistema (`ui-monospace, SFMono-Regular, Menlo, monospace`). No añadas IBM Plex Mono como fuente de marca.
Lema: **«Ideas creativas con ejecución real.»**
### Geometría exacta de los símbolos (copiar tal cual)
Monograma (isotipo principal, la K cuyo brazo superior es la flecha roja), `viewBox="0 0 100 100"`:
```
```
Flecha de crecimiento en zigzag (elemento gráfico, **no** representa a la marca sola), `viewBox="0 0 100 100"`:
```
```
Wordmark: «KIP-UP» en Poppins Bold con **la flecha zigzag haciendo de guion** entre KIP y UP.
El maestro actual está en `_v1/logo/kipup-wordmark.svg` (texto ya en trazos, viewBox `0 0 409 125`,
el guion es la flecha a `translate(171.6,-62) scale(0.48)`). Respeta esa composición.
## Vocabulario de Kip-Up (distinto del de Kuantera, respétalo)
- `mark/kipup-monogram*.svg` → la **K**. Es el isotipo principal.
- `mark/kipup-mark*.svg` → la **flecha zigzag**. Elemento gráfico de apoyo.
- `logo/kipup-wordmark*.svg` → el logotipo «KIP-UP».
- `logo/kipup-logo-tagline*.svg` → wordmark con el lema debajo.
- Kuantera llama «mark» a su símbolo y «lockup» al bloqueo; aquí **no** se copian esos nombres.
## Nombres que NO se pueden cambiar
Estos ficheros están en producción (`kipups.com`, Kip-Up Comandas, Google Workspace). Tienen que
seguir existiendo con el mismo nombre y **verse igual**:
```
logo/kipup-wordmark.svg logo/kipup-wordmark-dark-bg.svg
logo/kipup-logo-tagline.svg logo/kipup-logo-tagline-dark-bg.svg
mark/kipup-monogram.svg mark/kipup-monogram-dark-bg.svg
mark/kipup-monogram-mono-white.svg
mark/kipup-mark.svg mark/kipup-mark-mono-white.svg
icons/kipup-appicon-red.svg icons/kipup-appicon-navy.svg icons/kipup-appicon-cream.svg
icons/favicon.svg
png/google-workspace/kipup-logo-320x132.png (y el resto de esa carpeta)
```
La copia de la versión anterior está en `_v1/` para comparar. Cuando termines, compara a ojo el SVG
nuevo contra el de `_v1/` y di si hay alguna diferencia visible.
## Qué tiene que haber al final (paridad con Kuantera)
- `tools/build-svg.mjs` genera **todos** los SVG maestros desde la geometría y las fuentes, con el
texto convertido a trazos. `tools/export-png.mjs` exporta los PNG. `tools/make-ico.py` ya está.
- `mark/`, `logo/`, `icons/`, `social/`, `email/`, `pattern/`, `png/`, `tokens/`, `ui/`, `fonts/`.
- `index.html`: el manual de marca completo, autocontenido, en español.
- `README.md`: qué hay, cómo se regenera, reglas esenciales.
## Cómo se ejecuta (siempre en docker, nunca en el anfitrión)
```
docker run --rm -v /home/yoiber/proyectos/kipup-brand:/kit -w /kit node:22-bookworm \
sh -c "npm i --no-save --silent sharp opentype.js && node tools/build-svg.mjs && node tools/export-png.mjs"
python3 tools/make-ico.py
```
Trampas ya conocidas del generador de Kuantera, que se copian resueltas:
- El shaper de opentype.js falla con Poppins e Inter: el texto se compone glifo a glifo con kerning.
- `toPathData` de opentype.js 2.0 mete `NaN` en algunos puntos de control: los paths se serializan a mano.
---
**Nota del 2026-09-10.** Este encargo describe la marca **vigente el día en que se escribió**, con sus
hex escritos a mano a propósito: es el punto de partida que se le enseña a quien vaya a rediseñarla. Si
la marca cambia, este documento NO se actualiza, porque deja de ser el encargo y pasa a ser el registro
de lo que había antes. La marca de hoy está siempre en [`tokens/marca.mjs`](tokens/marca.mjs) y en la
tabla del [`README.md`](README.md), que sí se regenera sola.