feat: tipografía Open Sans (reemplaza Inter)
Aptos descartada para web: su EULA (Microsoft) prohíbe distribuirla o servirla públicamente. Open Sans (OFL) es la open-source más cercana — comparte diseñador con Aptos (Steve Matteson). Cargada vía next/font/google, autoalojada en el build estático (cero requests externos en runtime). - app/layout.tsx: Inter → Open_Sans (pesos 400/600/700/800 + itálicas) - tailwind.config.ts: sans → var(--font-open-sans); token 'narrow' eliminado - app/globals.css: body font-family - docs (AGENTS, dueña-directrices, spec): Open Sans documentado, decisión registrada (28/jul/2026) Typecheck, lint, 27/27 tests y build verdes.
This commit is contained in:
1 parent
9888e93640
commit
09dedad6ae
6 files changed
+18
-21
No files matched your search
@@ -146,12 +146,10 @@ Proceso visual: **Complejidad** (múltiples variables) → **Enfoque** (prioriza
|
||||
|
||||
### Tipografía
|
||||
|
||||
| Tipo | Fuente | Pesos disponibles | Uso |
|
||||
|------|--------|--------------------|-----|
|
||||
| **Principal** | **Aptos** | Light, Book, Regular, Medium, Bold, Black | Headlines, body, CTA, UI general |
|
||||
| **Secundaria** | **Aptos Narrow** | Light, Book, Regular, Medium, Bold, Black | Taglines, subtítulos, texto compacto |
|
||||
**Manual de marca (impreso/presentación):** Aptos (principal) + Aptos Narrow (secundaria).
|
||||
**Implementación web (landing):** **Open Sans** — vía `next/font/google`, pesos 400/600/700/800 + itálicas.
|
||||
|
||||
> ⚠️ **Nota para web:** Aptos es una fuente de Microsoft sin versión Google Fonts. Para la landing se debe: (a) autoalojar los archivos .woff2 con `@font-face`, o (b) usar un fallback con métricas similares (ej. **Inter** para body, que es visualmente cercana). Decisión a confirmar con la dueña.
|
||||
> ⚠️ **Por qué no Aptos en web:** Aptos es proprietaria de Microsoft; su EULA prohíbe distribuirla o servirla en un sitio público ("No Distribution Rights" + "publish for others to copy"). La dueña, informada del riesgo, inicialmente autorizó usarla; pero al faltar los pesos regular/semibold en la conversión a `.woff2`, decidió pasar a la alternativa open-source más cercana. **Open Sans** comparte diseñador con Aptos (Steve Matteson) y es OFL (libre para web). Decisión: 28/jul/2026.
|
||||
|
||||
### Iconografía
|
||||
- Estilo: **líneas simples, geométricas, consistentes en grosor**
|
||||
@@ -199,7 +197,7 @@ Estas decisiones **no se reabren sin consultar a la dueña.**
|
||||
|
||||
### Pendiente de decisión de la dueña
|
||||
- **Hero final:** HV-1 (bold sans sin cajas) vs HV-2 (palabras en caja) — ver `docs/hero-finalists.md`
|
||||
- **Tipografía web:** ¿Alojar Aptos como web font o usar Inter como fallback?
|
||||
- ~~**Tipografía web:** Aptos vs Inter~~ → **RESUELTO (28/jul/2026): Open Sans**. Ver sección "Tipografía" arriba.
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -58,10 +58,9 @@ Tokens de color (Tailwind):
|
||||
|
||||
| Uso | Familia | Pesos | Estilo |
|
||||
|---|---|---|---|
|
||||
| Headlines, body, CTA, UI | **Aptos** | Light–Black | normal |
|
||||
| Taglines, subtítulos compactos | **Aptos Narrow** | Light–Black | normal |
|
||||
| Headlines, body, CTA, UI | **Open Sans** | 400, 600, 700, 800 + itálicas | normal |
|
||||
|
||||
> **Nota web:** Aptos (Microsoft) no está en Google Fonts. Se autoaloja como .woff2 o se usa **Inter** como fallback métricamente similar (cargado desde Google Fonts como respaldo).
|
||||
> **Nota web:** Aptos (manual de marca) es proprietaria de Microsoft y su EULA prohíbe servirla en web. La landing usa **Open Sans** (OFL, `next/font/google`) — lo más cercano a Aptos en open-source (mismo diseñador: Steve Matteson). Decisión 28/jul/2026.
|
||||
|
||||
### 3.3 Escala tipográfica
|
||||
|
||||
@@ -77,7 +76,7 @@ Tokens de color (Tailwind):
|
||||
|
||||
### 3.4 Wordmark / Logotipo
|
||||
|
||||
**`cre≡er`** — siempre en minúsculas, Aptos (o Inter como fallback):
|
||||
**`cre≡er`** — siempre en minúsculas, Open Sans:
|
||||
- `cre` en Azul Profundo `#0A1D5D` (sobre claro) o blanco `#FFFFFF` (sobre oscuro)
|
||||
- **`≡`** (símbolo de tres líneas, reemplaza la "e" central) en **Dorado Estratégico `#C4942E`**
|
||||
- `er` en el color del "cre"
|
||||
@@ -117,7 +116,7 @@ Tokens de color (Tailwind):
|
||||
|
||||
Dos finalistas guardados en `docs/hero-finalists.md`. La dueña elige uno. Ambos comparten:
|
||||
|
||||
- Logotipo `cre≡er` (Aptos / Inter)
|
||||
- Logotipo `cre≡er` (Open Sans)
|
||||
- Eyebrow: `— tu estratega de crecimiento —`
|
||||
- Headline copy: *"Tu negocio no necesita más esfuerzo. Necesita más claridad."*
|
||||
- CTA: `Define tu siguiente movimiento →` (Azul Profundo, white text, chunky)
|
||||
@@ -125,12 +124,12 @@ Dos finalistas guardados en `docs/hero-finalists.md`. La dueña elige uno. Ambos
|
||||
- Sin escasez (sin cupos/cohorte)
|
||||
|
||||
### 4.1 HV-1 · Hormozi ligero
|
||||
- Headline en **Aptos Black uppercase**
|
||||
- Headline en **Open Sans ExtraBold (800) uppercase**
|
||||
- "más esfuerzo" en dorado, "más claridad" subrayado en dorado
|
||||
- + punch / conversión, − cercanía
|
||||
|
||||
### 4.2 V-a · Editorial minimal
|
||||
- Headline en **Aptos Bold**
|
||||
- Headline en **Open Sans Bold**
|
||||
- Sin subhead, sin métricas. Solo wordmark → eyebrow → headline → CTA
|
||||
- + cercanía / limpieza, − punch
|
||||
|
||||
|
||||
Reference in new issue
Block a user