Tu bienestar, desde adentro
Sistema de Marca
2026
Scroll para explorar
Este es el Sistema de Marca de Sunterra MedSpa. Aquí está todo lo que necesitas para que la marca se vea profesional, consistente y con respaldo médico real en cualquier lugar.
¿Qué encontrarás?
Sunterra MedSpa es medicina estética con respaldo médico real en Querétaro. No somos un spa cualquiera: somos un MedSpa donde el cuidado integral se vuelve parte natural de tu vida — no una excepción.
Tres elementos siempre juntos: nombre canónico, tagline, posicionamiento. Nunca cambies el orden ni inventes variaciones.
Nombre completo (legal/COFEPRIS): Sunterra MedSpa Qro — uso en contratos, facturas, COFEPRIS, formales.
Wordmark visible: SUNTERRA. con punto terracota — uso en logos, headers, signage.
Tagline canónico: "Tu bienestar, desde adentro" — uso en hero, cierre de email, firma. NUNCA traduzcas, NUNCA acortes.
Personalidad voz: cálida · experta · segura · premium · cercana. Cada copy debe sentir las 5.
Bienestar pensado para acompañarte en tu vida — no un evento aislado. El espacio donde el cuidado estético se integra a tu rutina con respaldo médico real.
Medicina estética con respaldo médico real. Bienestar premium integrado a la vida, no un lujo aislado. Aspiracional, premium, cálido. Las credenciales y los protocolos certificados son nuestra carta de presentación.
Recibimos como una mejor amiga que además sabe.
Cada protocolo respaldado por medicina certificada.
Procedimientos bajo supervisión médica permanente.
El premium se demuestra, no se justifica con copy de precio.
Comunidad Querétaro — te conocemos por nombre.
El logo Sunterra es un wordmark uppercase "SUNTERRA." construido con tipografía Playfair Display 900 + un punto terracota como acento premium. Se acompaña de un tagline "MedSpa · Querétaro" en Montserrat para uso completo, o sin él en tamaños reducidos. Cinco variantes color para todos los contextos.
Cada variante disponible como SVG vectorial (con paths de Playfair Display 900 convertidos a curvas — listo para imprenta, sin dependencia de fuente) + PNG @512px / @1024px / @1536px para uso digital y redes. Hover sobre cualquier logo para descargar.
Descargar todos los logos (ZIP) ↓Logo completo "SUNTERRA." con tagline "MedSpa · Querétaro" debajo. Usar siempre que el espacio lo permita.
Sobre fondo oscuro · SVG ↓ · PNG @1024 ↓ · PNG @1536 ↓
Sobre fondo claro · SVG ↓ · PNG @1024 ↓ · PNG @1536 ↓
Sobre fondo terracota · SVG ↓ · PNG @1024 ↓
Sin tagline, para espacios reducidos: navegación web, firmas de email, cabeceras de documento, IG profile, favicons grandes.
Versiones monocromáticas: cuando el logo va sobre fotografías, materiales 1-color (bordados, grabados), o necesita máxima legibilidad.
Cuando el espacio no permite el wordmark completo, usamos el isotipo: la "S" de SUNTERRA con el punto terracota — mismo glifo de Playfair Display 900, mismo punto característico del wordmark, sólo que aislado. Funciona en favicons (16×16), avatares circulares (320×320 IG, 640×640 WhatsApp), watermarks, sellos, packaging.
Sobre fondo claro · SVG ↓ · PNG @1024 ↓
Sobre fondo oscuro · SVG ↓ · PNG @1024 ↓
Mono terracota · SVG ↓ · PNG @1024 ↓
Espacio mínimo libre alrededor del logo = 1× la altura visible de la "S" de SUNTERRA. El área no puede ser invadida por ningún elemento.
Wordmark sin tagline
Mín digital: 120px ancho · Mín print: 30mm
Wordmark + tagline
Mín digital: 180px ancho · Mín print: 40mm
La paleta de Sunterra es cálida y orgánica: barro al sol, tierra viva, luz natural. Más luminosa que terracota tradicional para sentirse premium sin ser pesada.
Jerarquía obligatoria: 70% crema (fondo), 20% terracota (acentos importantes), 8% café (detalles secundarios), 2% texto oscuro.
Terracota: SOLO para CTAs, énfasis, estados activos, headlines accent. NUNCA como fondo dominante de página.
Café: detalles, dividers, micro-copy. NUNCA como fondo dominante. NUNCA en CTAs (le quita energía).
Crema dominante: el bg de cada interfaz client-facing. El crema es el "vacío" que respira.
Cero oros legacy: NUNCA #C4922A, #D4A840, #F5EDD9, #1A1410. Esa paleta murió en v1.
C0 M55 Y65 K0. Pide siempre prueba de color antes de tirada larga.Terracota = acento. Café = detalles. Menos es más — el lujo se respira.
Cuatro familias tipográficas que trabajan en equipo: Playfair para impactar, Cormorant para estructurar, Lato para comunicar, Montserrat para acentuar.
Display (≥40pt): Playfair Display 900 — wordmark, hero headings, números KPI grandes. SIEMPRE bold.
Headings (h1-h4): Cormorant Garamond 500-600 — títulos secundarios, frases destacadas. Cursiva permitida.
Body: Lato 400/700 — párrafos, listas, UI, copy general. Default para todo lo no especial.
Accent / labels: Montserrat 600-700 uppercase con letter-spacing 1.5-2.5px — eyebrows, tags, micro-categorías.
Cero serifs random: NUNCA Times, NUNCA Georgia, NUNCA Arial Black sustituyendo Playfair.
Google Fonts: fonts.google.com/specimen/Playfair+Display
Google Fonts: fonts.google.com/specimen/Cormorant+Garamond
Google Fonts: fonts.google.com/specimen/Lato
Google Fonts: fonts.google.com/specimen/Montserrat
Para uso en Photoshop, InDesign, Illustrator, Word, Pages, Canva (subir font), o instalación en sistema. Todas las fuentes son open-source SIL Open Font License — uso comercial libre.
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Cormorant+Garamond:wght@400;500;600&family=Lato:wght@300;400;700&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">Nuestra firma tipográfica: 1-3 palabras de acento terracota en cursiva por heading. Posición flexible: remate, apertura o centro. El copy se diseña PARA el acento.
El acento terracota cursiva en headings es la firma visual Sunterra. Reglas duras:
Una sola palabra o frase corta (1-3 palabras) por heading. Más de eso pierde impacto.
Solo en headings ≥18px — NUNCA en body, NUNCA en captions, NUNCA en micro-copy.
Carga emocional: el acento debe ir sobre la palabra que carga el peso del mensaje (resultado, promesa, beneficio, urgencia). NUNCA sobre artículos, conectores o palabras genéricas.
Test del skim: si lees solo las palabras en acento, ¿cuentan una historia coherente? Si no, repensar.
Sunterra habla como una mejor amiga que además sabe de medicina estética: cálida, experta, segura. Premium pero cercana — nunca corporativa, nunca distante.
5 atributos siempre presentes: cálida (no clínica), experta (no charlatana), segura (no insegura), premium (no exclusiva), cercana (no fría).
Habla a UNA persona, no a "todas": "tu piel" no "la piel". "imagina" no "los pacientes imaginarán".
Resultado primero, técnica después: "vas a verte descansada en 5 días" antes que "el ácido hialurónico hidrata la dermis".
Métricas conservadoras: nunca prometas resultados específicos sin variabilidad. SIEMPRE incluir "los resultados pueden variar" en visuales con antes/después.
"En Sunterra cada protocolo cuenta con respaldo médico real, cédula vigente y avisos COFEPRIS. Tu bienestar no es un evento aislado — es parte de tu vida."
"Aprovecha nuestra promo de Botox al 30% de descuento. Lujo accesible al alcance de tu quincena. Resultados garantizados o tu dinero de vuelta."
El léxico de Sunterra construye premium-cálido. Cada palabra suma o resta. Aquí la lista canonica.
El premium NO se justifica con copy de precio. Cada palabra prohibida transmite "barato disfrazado de aspiracional" — eso destruye la marca en 2 segundos.
NUNCA escribir: descuento, descuentos, liquidación, barato, baratísimo, low cost, al alcance de tu quincena, quincena, quincenas, facilidades quincenales, lujo accesible, exclusivo para pocas, exclusivo para pocos.
Por qué importa: "lujo accesible" suena a Liverpool, no a clínica médica. La accesibilidad de pago es decisión INTERNA (planes, financiamiento), NUNCA mensaje publicitario.
Reemplazos correctos: en lugar de "descuento" → "promoción de bienvenida", "tarifa de inauguración". En lugar de "facilidades" → "planes personalizados". En lugar de "exclusivo" → "personalizado".
| Decimos | En lugar de | Por qué |
|---|---|---|
| Paquete de temporada | Promo / descuento | Premium se enmarca, no se rebaja |
| Toxina botulínica | Botox / Dysport / Xeomin | COFEPRIS + distribuidores |
| Ácido hialurónico | Restylane / Juvéderm | COFEPRIS + distribuidores |
| PDRN de salmón / Enzimas | [Marca comercial] | COFEPRIS + distribuidores |
| Ritual / cuidado continuo | Tratamiento aislado / evento | Bienestar = parte de tu vida |
| Respaldo médico real | Especialistas / expertos (vago) | Credenciales son nuestro premium |
| Protocolos certificados | Procedimientos / servicios | Eleva el lenguaje sin ser clínico |
| Valoración / Diagnóstico | Consulta / cita | Implica seriedad médica |
Nunca usamos estas palabras o expresiones en copy público. Aprendizaje canonico (2026-04-25): "el premium se demuestra, no se justifica con copy de precio". La accesibilidad es un filtro INTERNO de decisiones (planes, productos), nunca brand voice.
Nota: "Elite" está permitido SOLO como nombre del tier premium del menú de servicios (Essential / Advance / Elite). Como adjetivo de marketing ("experiencia elite") — NO.
Cada pieza de contenido vive en uno de estos pilares. La proporcion mensual asegura balance entre confianza, resultados, lifestyle y comunidad.
Los 5 pilares definen el balance editorial mensual. No es libre — sigue las proporciones.
30% Educación médica: qué hace cada tratamiento, mitos vs verdad, cuidados pre/post. Genera confianza.
25% Resultados pacientes: antes/después con disclaimer obligatorio, testimonials, casos reales (con consentimiento). Genera deseo.
20% Detrás de cámaras: el médico, el equipo, la clínica, el día a día. Genera cercanía.
15% Bienestar lifestyle: tips de skincare en casa, rutinas, hábitos. Genera valor sin venta.
10% Cultura local QRO: Querétaro, mujeres locales, eventos. Genera identidad regional.
Contenido que muestra el respaldo médico, cédulas, avisos COFEPRIS y la seguridad de los protocolos. Carruseles, reels educativos, stories con fact.
Antes/después con consentimiento + disclaimer COFEPRIS. Testimoniales, casos de éxito, proceso documentado. Siempre "los resultados pueden variar".
Contenido sobre autocuidado, rutinas, el estilo de vida Sunterra. Stories, reels de ambiente, carruseles de tips de bienestar integral.
Explicar cómo funcionan, qué esperar, downtime real, cuidados post. Carruseles educativos, reels de explicación, stories Q&A. Siempre con categorías genéricas, nunca marcas.
Eventos, colaboraciones, contenido de la zona Juriquilla / Zibatá / Jurica La Solana. Stories locales, collab posts, reels del lugar. Construye sentido de pertenencia.
Cadencia recomendada: 3 carruseles/sem · 2 reels/sem · 5 stories/día. Ajustable según campaña activa.
En medicina estética regulada, las credenciales son el vehículo PRINCIPAL de premium. Cada deliverable cliente, cada pieza de copy pública, cada antes/después requiere el disclaimer y los folios oficiales.
Verticales reguladas como medicina estética requieren respaldo legal en TODO output public-facing. Sin esto = multa COFEPRIS + pérdida de credibilidad.
Footer obligatorio en sitio web, recibos, contratos, propuestas: Médico responsable nombre + cédula + folio aviso COFEPRIS funcionamiento + folio aviso publicidad.
Disclaimer en visuales antes/después: "Los resultados pueden variar. Consulta a nuestro equipo médico para saber qué tratamiento es el indicado para ti."
Bio Instagram + Facebook: incluir "MedSpa con respaldo médico · COFEPRIS [folio]" o equivalente compacto.
Pinned story IG: mantener un highlight permanente con disclaimer + credenciales completas.
Cada pieza pública con mención de tratamientos, antes/después, o resultados debe incluir el siguiente disclaimer (footer, descripción, story sticker o caption):
5 piezas brand-perfect listas para imprimir. Tarjetas de presentación, hoja membretada, email signature, sticker redondo y sobre #10 — todas usando wordmark canónico, isotipo y paleta exacta. Listas para imprenta o uso digital.
Todas las piezas están en formato Carta (Letter) para impresión sobre papel blanco — estándar mexicano. Cada PDF incluye sangrado (bleed) de 0.125" y marcas de corte (crop marks) profesionales.
Tarjeta de presentación (3.5 × 2 in): entrega el PDF a la imprenta tal cual. Recomendamos papel mate 350gsm o cotton 250gsm. Pide tinta directa Pantone PMS 7416 C para el terracota o conversión CMYK C0 M55 Y65 K0.
Hoja membretada (Letter 8.5 × 11 in): entrega el PDF a la imprenta o úsala como template digital. Para edición editable en Word/Pages, copia el HTML del kit como base.
Email signature: abre el archivo HTML descargable, copia todo el contenido del <body> y pégalo en la configuración de firma de Gmail/Outlook. Funciona en todos los clientes (incluye fallbacks Helvetica para Outlook).
Sticker redondo (3 in): corte circular sobre vinil mate o adhesivo permanente. Para etiquetas en productos, packaging, regalos cliente. PNG transparente listo para imprenta.
Sobre #10 (9.5 × 4.125 in): impresión offset o digital sobre sobre blanco. Logo y datos retorno en esquina superior izquierda; área central libre para etiqueta destinatario.
07-APLICACIONES/guias-imprenta-firefly/.Frente terracota con wordmark cream · reverso cream con datos de Mishelle. Descargables en PNG HD para entregar a imprenta o uso digital.
Frente · terracota · overlay transparent ↓
Reverso · datos de Mishelle · overlay transparent ↓
Carta oficial Sunterra con header + footer COFEPRIS. Área central libre. PDF con sangrado y marcas de corte.
Cómo usarla
Entrega el PDF directamente a la imprenta. Recomendamos papel bond blanco 90gsm. Para versión editable, abre el HTML del kit como base en Word/Pages y reemplaza el área central manteniendo header + footer intactos.
Casos de uso
Compatible con Gmail, Outlook 365, Apple Mail y Thunderbird. Descarga el HTML editable y pégalo en la configuración de firma.
HTML editable ↓ · overlay transparent ↓ · pegar HTML en Gmail/Outlook config de firma
Sticker redondo 3 in para etiquetas de producto y regalos. Sobre #10 con datos retorno y área limpia para destinatario.
Grid de 4px como base. Steps escalan exponencialmente para mantener jerarquía visual sin esfuerzo.
Grid base 4px: todo se mide en múltiplos de 4 (4, 8, 12, 16, 24, 32, 48, 64, 96, 128). Esta es la regla #1 — no la rompas.
Padding sección web: 96-128px vertical en desktop, 56-80px en mobile. Genera respiración.
Padding card: 24-32px. Si necesita más, la card es muy grande — divídela.
Gap entre secciones: ≥48px. Gap entre items relacionados (lista, grid): 8-16px.
Container max-width: 1200px desktop. Más ancho = el ojo se cansa scrolleando líneas largas.
clamp(60px, 10vh, 100px)Cuatro valores que cubren todos los casos. Suavidad consistente sin parecer infantil.
Animaciones funcionales, no decorativas. Premium se siente sutil, no flashy.
Sutil siempre. Sunterra es premium, no arcade. Cada animación debe servir un propósito (revelar info, dar feedback, guiar atención) — nunca decorativa.
Duración estándar: 200-300ms para transiciones (hover, click). 500-800ms para entradas de sección (fade-in al scroll).
Easing: cubic-bezier(0.4, 0, 0.2, 1) default. Para entradas más suaves: cubic-bezier(0.34, 1.56, 0.64, 1).
NUNCA bouncing exagerado, parallax pesado, ni elementos rotando. Eso es estética startup, no clínica premium.
Hover sutil: scale(1.02) o translateY(-3px) máximo. Más es over-the-top.
prefers-reduced-motion. Si el usuario la pidió, desactiva animaciones — solo deja transiciones de color.Una sola curva para todo. Entrada rápida, salida desacelerada — mimética del movimiento natural.
Hover, focus, micro-interacciones. Feedback inmediato.
Cards, modales, transitions de estado.
Page transitions, hero reveals, momentos premium.
Líneas finas, esquinas redondeadas, peso uniforme. Stroke 1.5-2px, nunca solid fills excepto en estados activos.
Estilo único: outline, stroke 1.8-2px, line-cap round, line-join round. Color: terracota oscuro #B85C3D sobre fondo claro, cream sobre dark.
Viewbox 24×24: todos los iconos en el mismo grid. Esto asegura visual consistency a cualquier tamaño.
Cero fill, cero gradients, cero sombras: outline puro. Mantiene elegancia.
Tamaños canónicos: 16px (inline texto), 24px (UI), 32px (cards), 48px (heroes secundarios), 64px (heroes principales).
Metáfora natural: el icono debe ser reconocible en 1 segundo. Si necesitas una leyenda al lado, está mal elegido.
currentColor (hereda del texto)Tonos cálidos, luz natural. Piel real sin filtros agresivos. Texturas orgánicas y respiro alrededor del sujeto.
Luz natural cálida: tonos amber/golden hour. Evita luz fluorescente blanca-azul (clínica fría).
Texturas orgánicas: madera, lino, mármol crema, plantas. Nada plástico, nada metalizado, nada hospital.
Personas: gestos relajados — sonrisa contenida, mirada hacia luz, manos suaves. Cero modeling poses, cero estética stock corporativo.
Color grading: tonos cálidos boost (+10 saturación naranja/amarillo), tonos azules/verdes muted (-15). Genera consistencia con paleta brand.
NUNCA fotos genéricas de stock: mujer riendo con manzana, doctor con bata blanca brillante, fondo blanco hospital. Eso comunica "no tengo fotos propias".
Cálidos terrosos sin saturar. Warm whites + cream highlights. Cero highlights azules ni magenta.
Sujeto fuera del centro. Espacio respira al lado opuesto.
Mínimo 20% del frame en negativo. Premium = espacio.
Un solo punto focal. Cero ruido visual de fondo.
Estas reglas protegen la integridad de la marca Sunterra y aseguran compliance COFEPRIS.
Antes de publicar cualquier asset, valida estos 7 puntos:
14.8:1 ✓
15.2:1 ✓
3.4:1 ✗ Solo headings
Todo lo que necesitas para implementar Sunterra en cualquier punto de contacto. Logos, isotipos, perfiles, fuentes, mockups sociales, aplicaciones, tokens y documentación — en un solo folder súper organizado.
El folder incluye: logos · isotipos · perfiles · covers · colores · tipografía (TTF + specimens) · iconos · templates sociales · aplicaciones imprenta · documentación · instructivo de uso.
Al descomprimir sunterra-brand-kit.zip obtienes un folder con esta estructura:
sunterra-brand-kit/
├── 01-LOGOS/
│ ├── wordmark-svg/ 6 SVG vectoriales del logo
│ ├── wordmark-png/ PNG transparente @512/1024/1536
│ ├── isotipo-svg/ 5 SVG del isotipo "S."
│ └── isotipo-png/ PNG isotipo @256/512/1024
│
├── 02-PERFILES-Y-COVERS/
│ ├── perfiles-redes/ IG/FB/WA profiles (640 + 1080)
│ └── covers-facebook/ FB cover 851×315 (3 variantes)
│
├── 03-COLORES/
│ └── swatches/ 9 PNG samples 512×512
│
├── 04-TIPOGRAFIA/
│ ├── fuentes-ttf/ 7 archivos TTF instalables
│ └── specimens-png/ Preview visual de cada fuente
│
├── 05-ICONOS/
│ └── svg/ 12 iconos SVG outline
│
├── 06-CONTENIDO-SOCIAL/
│ ├── instagram-posts/ 3 templates 1080×1350
│ ├── instagram-stories/ 3 templates 1080×1920
│ ├── instagram-reels-covers/ 3 covers verticales
│ └── instagram-carrusel-cover/ 1 cover 1080×1350
│
├── 07-APLICACIONES/
│ ├── tarjeta-presentacion/ Frente + reverso 300dpi
│ ├── hoja-membretada/ Letter 8.5×11 (PDF print-ready)
│ ├── email-signature/ PNG preview + HTML editable
│ ├── sticker-redondo/ 3in transparente
│ ├── sobre-10/ 9.5×4.125in
│ ├── overlays-transparent/ Mockups sin fondo
│ └── guias-imprenta-firefly/ Prompts mockups Adobe Firefly
│
├── 08-WEB-ESSENTIALS/
│ ├── favicon/ 16/32/48/96/144/192/256/512 + svg + apple-touch
│ └── og-image/ 1200×630 social sharing
│
└── 09-DOCUMENTACION/
├── README.md
├── INSTRUCTIVO.md
├── brand.json
├── brand-voice-contract.json
├── sunterra-tokens.css
└── sistema-de-marca.pdf
Para diseñadores (Figma, Adobe, Canva): abre los SVG — escalan infinito sin pérdida.
Para imprenta (tarjetas, papelería): usa PNG @1536px. CMYK terracota aprox C0 M55 Y65 K0 — pide siempre prueba de color antes de tirada.
Para developers: importa sunterra-tokens.css al inicio de tu stylesheet, ya tendrás todas las variables CSS canónicas listas.
Para social media managers: arrastra los templates PNG a Canva, reemplaza el copy manteniendo tipografías canónicas. NUNCA sustituir Playfair/Cormorant/Lato/Montserrat por defaults.
¿Solo necesitas una parte? Descarga subsets específicos.
Social Media
Assets para redes
Mockups listos para descargar y subir directo a Instagram, Facebook, WhatsApp y Google. Cada asset usa el wordmark canónico, paleta terracota, y ortografía perfecta español MX.
¿Cómo uso estos assets en mis redes?
Foto de perfil (Instagram, Facebook, WhatsApp): descarga la versión circular cream o terracota → en la app, perfil → editar foto → sube la nueva imagen.
Portada Facebook (851×315): Negocio → Editar portada → sube la versión que mejor combine con la foto de perfil. La versión cream funciona si tu perfil es terracota, y viceversa.
Posts, Stories, Reels: son templates editables — descarga, abre en Canva o Figma, reemplaza el copy y publica. Conservan tipografías, paleta y disclaimers automáticamente.
Perfiles · isotipo · safe-zone circular
El isotipo (anillo solar Sun+Terra) en avatar circular — reconocible en thumbnails de 32px tanto como en hero shots. Un mismo asset funciona en Instagram, Facebook, WhatsApp, Google Business. Tres backgrounds para distintos momentos de la marca.
Cream · isotipo full color · 640px ↓
Terracota · isotipo cream · 640px ↓
Café oscuro · isotipo cream · 640px ↓
Portadas Facebook · 851 × 315
Tres opciones para distintos momentos de la página. Combina con tu foto de perfil para crear contraste.
Cover cream · cálida
Cover terracota · bold
Cover dark · nocturna
Posts Instagram · 1080 × 1350 · templates editables
Tres formatos canónicos: educacional (mitos vs verdad), testimonial (cita de paciente), antes/después (resultados con disclaimer).
Educacional · mito vs verdad
Testimonial · cita paciente
Antes / después · con disclaimer
Stories Instagram · 1080 × 1920 · safe zone respetada
Tres tipos canónicos: anuncio (nuevo tratamiento), frase (Cormorant cursiva), CTA (agendar cita por DM).
Anuncio · nuevo tratamiento
Frase · Cormorant cursiva
CTA · agendar por DM
Reels covers + Carrusel · portadas verticales y cuadradas
Portadas para Reels (1080×1920) y carruseles (1080×1350). El cover define si alguien hace tap o scrollea de largo — trata cada uno como mini-anuncio.
Reel · "3 mitos"
Reel · "Dr. Luis responde"
Reel · "Una sesión, cero secretos"
Carrusel · tap to swipe
16 assets de redes listos · ZIP completo abajo
Todos los assets ya cumplen voice contract (sin descuentos / sin "barato"), incluyen disclaimer COFEPRIS visible, y respetan paleta + tipografías canónicas. Plataformas extras (LinkedIn, Google Business, OG image meta) se generarán al activar esos canales.