Logo.
Wordmark vertical FF · línea · COACHING. Tres variantes para tres superficies. El punto final es mental — la línea azul es la firma.
Colores.
Oscuro por defecto. Azul como firma. Sin degradados agresivos. Cero rojos, cero verdes, cero "gym-bro".
Base
Acento
Texto
Uso
Obsidian = fondo principal · Surface 1-3 = cards, secciones alternas, avatares · Signal Blue = acento de autoridad, CTAs, itálicas · Ivory = texto principal · Smoke 1-3 = texto secundario, meta, placeholders
Tipografía.
Dos familias. Poppins para todo lo que se lee. JetBrains Mono para lo que se registra. Itálicas azules como firma.
Firma visual
Itálicas Poppins 300 en azul sobre cualquier texto — palabra clave del mensaje. No abusar: 1-2 itálicas por párrafo máximo.
em { font-style: italic; color: #3B82F6; font-weight: 300; }
Pesos disponibles
- Poppins: 200, 300, 400, 500, 600, 700
- Poppins italic: 200, 300, 400, 500, 600
- JetBrains Mono: 400, 500
Espaciado.
Escala basada en 4 y 8. Secciones respiran. Cards tienen aire. El vacío también diseña.
Padding vertical: 140px desktop · 84px móvil
max-width: 1240px · padding horizontal: 24px
Padding interno: 32-40px · Gap entre cards: 20-24px
Gap: 72-80px · Proporción hero: 1.15fr / 0.85fr
Sombras & Radios.
La sombra azul es la firma. Aparece solo en elementos con autoridad: CTA, hero, pricing featured.
Hero · App mockup
Botones primary
Pricing destacado
Radios
8px · small
14px · cards
24px · hero
pill · CTAs
Componentes.
Botones, badges, cards. Lo mínimo necesario para construir cualquier superficie sin desordenar el sistema.
Botones
Badges
Progress bar
Mockups.
Cómo se ve la marca en una landing, una story y un post.
fuerte y confiado.
Coach de transformación física 1:1. Plan hecho para tu vida real — sin excusas.
de motivación.
Va de decidir.
Iconos & Favicon.
Isotipo "FF" para pestañas, perfiles y avatares. Exportar como PNG + SVG.
Favicon · 64×64
App icon · 512×512
Avatar IG
Monogram · variante
Reglas
- • Fondo oscuro por defecto · nunca blanco salvo en print
- • Línea azul siempre visible (mínimo 1px)
- • No sombras, no bordes decorativos, no degradados en el isotipo
- • Radius mínimo 14px en iconos de app
Método.
Cuatro etapas — el acompañamiento real es el diferencial. No vendo un plan: vendo estar ahí mientras lo haces.
Análisis inicial
Formulario + fotos + llamada. Entiendo tu punto de partida, tus dolores reales, tu ritmo de vida. Sin plan genérico.
Plan personalizado
Entreno + alimentación + hábitos diseñados para tu vida real. Adaptado a tu disponibilidad, no al revés.
Acompañamiento real
WhatsApp todos los días. Audios, vídeos, respuestas. No estás solo. Cuando hay bajón, estoy ahí.
Mentalidad & constancia
El físico es consecuencia. El cambio empieza en cómo piensas. Trabajo los dos frentes.
Voz & Valores.
Directos. Estoicos. Sin postureo. Así hablamos. Así no.
ASÍ HABLAMOS
- Directos. Sin relleno.
- Energía estoica — no hype, no motivación vacía.
- "Te enseño el proceso" — no "prometo resultados".
- Masculino sin machismo. Exigente sin humillar.
- Hablamos de transformación, no de "fitness".
- Itálicas azules para la palabra que importa.
ASÍ NO
- Consejos genéricos de gym bro.
- Postureo de lifestyle (Lamborghinis, relojes).
- Consumo de sustancias — ni en broma.
- Hype hueco ("transformación brutal", "locura").
- Prometer resultados en X semanas.
- Emojis decorativos en copy serio.
Palabras clave de marca
Trabajador · Real · Honesto · Resiliente · Extremo · Estoico · Directo · Masculino · Cercano
Frases firma
- "Vengo de estar flaco."
- "No empecé fuerte. Me hice fuerte."
- "Comenta FUERTE."