From 60d3f22e6b44343117e98019129f99a110e4b86e Mon Sep 17 00:00:00 2001 From: erikgh Date: Tue, 28 Jul 2026 10:51:48 -0600 Subject: [PATCH] feat: rebrand a Manual de Identidad Visual v1.0 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Migra todo el sitio a la marca oficial aprobada por la dueña: - Logotipo cre≡er (el símbolo ≡ reemplaza la 'e' central, en dorado) - Paleta: Azul Profundo #0A1D5D + Dorado Estratégico #C4942E + Blanco + neutros - Tipografía: Aptos (Inter como fallback web), fin del sistema híbrido Georgia/Inter - Tagline 'CLARIDAD · DIRECCIÓN · CRECIMIENTO' + eslogan 'Estrategia que transforma.' Componentes, tokens de Tailwind, lib/content.ts, docs (dueña-directrices + spec) y tests actualizados. Typecheck, lint, 27/27 tests y build estática verdes. Basado en docs/branding.jpeg (Manual v1.0, mayo 2026). --- AGENTS.md | 7 +- app/globals.css | 10 +- components/layout/Footer.tsx | 6 +- components/layout/Header.tsx | 2 +- components/layout/__tests__/Footer.test.tsx | 2 +- components/layout/__tests__/Header.test.tsx | 2 +- components/primitives/CTA.tsx | 4 +- components/primitives/Wordmark.tsx | 11 +- .../primitives/__tests__/Wordmark.test.tsx | 6 +- components/sections/Cierre.tsx | 16 +-- components/sections/ComoEmpezar.tsx | 14 +- components/sections/Disciplinas.tsx | 14 +- components/sections/Estratega.tsx | 12 +- components/sections/FraseAncla.tsx | 10 +- components/sections/Hero.tsx | 12 +- components/sections/Mecanismo.tsx | 12 +- components/sections/ParaQuien.tsx | 10 +- docs/branding.jpeg | Bin 0 -> 324217 bytes docs/dueña-directrices.md | 131 +++++++++++------- .../specs/2026-07-20-creeer-landing-design.md | 77 +++++----- lib/content.ts | 7 +- tailwind.config.ts | 28 ++-- 22 files changed, 212 insertions(+), 181 deletions(-) create mode 100755 docs/branding.jpeg diff --git a/AGENTS.md b/AGENTS.md index fb31ec2..d003ef2 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -13,9 +13,10 @@ One-page landing para **creeer**, marca personal de una estratega de crecimiento ## Decisiones bloqueadas (no reabrir sin consultar a la dueña) - **Tono maestro:** "seguridad + cercanía" + "simple, directo, limpio". -- **Wordmark:** `cre`**`e`**`er.` **SIEMPRE minúsculas**, Georgia 700 italic, la 2ª "e" en peso 900 + dorado, punto final dorado. **Nunca** `CREEER`, `Creeer`, sans-serif, ni mayúsculas. (Es la regla más fácil de romper por defecto.) -- **Paleta:** navy `#0A1F44` + dorado tostado `#B8901f` (sobre claro) / dorado `#D4AF37` (sobre oscuro) + blanco cálido `#FBFAF7` / blanco `#FFFFFF`. **Sin amarillo eléctrico** tipo Hormozi. -- **Tipografía híbrida:** Georgia italic = voz de marca (wordmark + citas); Inter 400/600/900 = voz funcional (headlines Hormozi + body + UI). +- **Logotipo:** `cre≡er` — **SIEMPRE minúsculas**, la "e" central reemplazada por el **símbolo ≡** (tres líneas) en dorado. **Nunca** `CREEER`, `Creeer`, ni mayúsculas. +- **Paleta:** Azul Profundo `#0A1D5D` + Dorado Estratégico `#C4942E` + Blanco `#FFFFFF` + neutros (Azul Claro `#C8EEF5`, Gris `#F2F2F2`, Gris Medio `#AAAAAA`). **Sin amarillo eléctrico** tipo Hormozi. +- **Tipografía:** **Aptos** (principal) + **Aptos Narrow** (secundaria). En web: autoalojar .woff2 o usar Inter como fallback métricamente similar. +- **Tagline de marca:** "CLARIDAD · DIRECCIÓN · CRECIMIENTO". Eslogan: "Estrategia que transforma." - **Voz:** segunda persona ("tú"/"tu negocio"), sin jerga corporativa. - **Sin escasez en el hero:** no mostrar cupos, cohorte ni "Generación Fundadora" arriba (decisión de la dueña). diff --git a/app/globals.css b/app/globals.css index b0a12fc..5a4b78f 100644 --- a/app/globals.css +++ b/app/globals.css @@ -5,12 +5,12 @@ @layer base { html { scroll-behavior: smooth; } body { - background-color: #FBFAF7; - color: #0A1F44; - font-family: var(--font-inter), system-ui, sans-serif; + background-color: #FFFFFF; + color: #0A1D5D; + font-family: 'Aptos', var(--font-inter), system-ui, sans-serif; -webkit-font-smoothing: antialiased; } - ::selection { background: #D4AF37; color: #0A1F44; } + ::selection { background: #C4942E; color: #FFFFFF; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } @@ -19,7 +19,7 @@ @layer base { a:focus-visible, button:focus-visible { - outline: 3px solid #D4AF37; + outline: 3px solid #C4942E; outline-offset: 3px; border-radius: 2px; } diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx index 26c473e..5bcbd57 100644 --- a/components/layout/Footer.tsx +++ b/components/layout/Footer.tsx @@ -4,11 +4,11 @@ import { footer } from '@/lib/content'; export function Footer() { return ( -