Sistema de marca · v3 «Hoja en blanco» · 2026
Lo importante, subrayado.
La hoja en blanco donde se marcan las ideas. Papel blanco, tipografía grande y un rotulador amarillo que subraya solo lo que importa. El amarillo es la idea que se enciende; nunca es texto, siempre es gesto.
Posicionamiento
Quiénes somos, para quién y por qué nosotros. Todo lo demás cuelga de aquí.
Para negocios locales y pymes que quieren vender más y trabajar menos, GIB es el estudio boutique de Córdoba que une consultoría de IA, automatización, web y marketing bajo un mismo techo. A diferencia de las agencias que venden herramientas, empezamos por un diagnóstico gratis y enseñamos una maqueta antes de que pongas un euro.
Ves el resultado antes de pagar.
Para quién
- Negocios locales con reputación ganada y presencia digital floja: hostelería, peluquerías y estética, clínicas, comercios, servicios profesionales.
- Pymes con procesos manuales (citas, presupuestos, atención, facturas) que pierden horas cada semana.
- Formadores, consultores y marcas con infoproductos que quieren lanzar o escalar.
- Tiendas online que venden pero no crecen: catálogo, feed, email y anuncios sin coordinar.
Diagnóstico gratis, al momento
Un formulario de tres pasos y la IA devuelve un diagnóstico con propuesta. Sin reuniones de venta.
Maqueta antes del contrato
Si toca web, la ves hecha con tus datos reales antes de firmar. Convence más que cualquier presentación.
Seis pilares, un equipo
IA, automatización, web, marketing, ecommerce e infoproductos coordinados por las mismas manos.
Boutique, no fábrica
Pocos proyectos a la vez. Cada web es única aunque dos sean del mismo sector.
Seis pilares
- 01Consultoría de IA · Qué automatizar primero y con qué.
- 02Digitalización y automatización · Procesos que se hacen solos.
- 03Diseño y desarrollo web · Webs a medida que convierten.
- 04Marketing online · Anuncios, SEO y email que traen clientes.
- 05Ecommerce · Tiendas que venden y catálogos que crecen.
- 06Infoproductos y lanzamientos · Cursos, membresías y lanzamientos.
Elevator · 10 segundos
Digitalizamos negocios con IA, web y marketing. Empezamos con un diagnóstico gratis.
Elevator · 30 segundos
Somos un estudio boutique de Córdoba. Ayudamos a negocios locales y pymes a vender más y trabajar menos: automatizamos procesos con IA, hacemos webs a medida y llevamos el marketing. Lo primero es un diagnóstico gratis, y si toca web, la ves en maqueta antes de pagar.
Voz y tono
Hablamos como una persona que conoce el negocio. Directos, cercanos, honestos y con criterio.
Directa
Vamos al grano. Una idea por frase, verbos activos, cifras concretas.
Cercana
Tuteamos. Hablamos como una persona que conoce el negocio, no como un folleto.
Honesta
Decimos lo que haríamos y lo que no. Sin humo, sin prometer resultados que no controlamos.
Con criterio
Proponemos, no listamos opciones. Si algo no compensa, lo decimos.
Reglas de escritura
- Tuteo siempre, también en propuestas y emails.
- Cifras y ejemplos reales antes que adjetivos: «respondemos en 24 horas» mejor que «rapidísimos».
- Sin guiones largos, sin eyebrows, sin superlativos vacíos («líder», «premium», «revolucionario»).
- Una sola llamada a la acción en cada pieza: «Diagnóstico gratis».
- En español de España, con tildes. Código y commits en inglés.
- Los nombres de los servicios se escriben en minúscula salvo al inicio de frase.
Decimos / no decimos
| Diagnóstico gratis | Auditoría gratuita / consultoría sin coste |
| Negocio | Empresa / cliente potencial / lead |
| Automatizar | Optimizar / eficientar |
| Web a medida | Página web profesional |
| Maqueta | Mockup / prototipo |
| Lo vemos en 10 minutos | Agenda una demo con nuestro equipo comercial |
Así sí
Tu peluquería tiene 280 reseñas y ninguna web. Hemos preparado una maqueta con tus datos: si te cuadra, hablamos diez minutos.
Así no
En GIB somos líderes en soluciones digitales innovadoras y nos encantaría agendar una demo para presentarte nuestros servicios premium.
Logo
El isotipo es un bloque de marcador amarillo con las siglas «gib» en Syne 800 tinta, esquinas 14/64. El wordmark completo va siempre en texto (Syne 700) junto al isotipo o debajo, con «Brillantes» subrayado en amarillo cuando el soporte lo permite.
Isotipo sobre papel
Sobre papel sombra
Sobre tinta: el bloque amarillo se mantiene
Wordmark horizontal
Wordmark tinta (blanco y negro)
Área de respeto y tamaño mínimo
Área de respeto: la altura de la letra «g» a cada lado. Nada la invade: ni texto, ni bordes, ni otros logos.
Tamaño mínimo: 24 px de alto en pantalla, 8 mm en impresión. Por debajo, solo el isotipo.
Malos usos
- No cambiar el amarillo ni aplicar degradados o sombras.
- No poner texto amarillo: ni en el logo ni fuera de él.
- No deformar, rotar ni añadir contorno al bloque.
- No colocar el bloque amarillo sobre fotos con mucho ruido sin un fondo de papel detrás.
- No recuperar la bombilla ni el cerebro de la marca anterior.
- No escribir «GIB» dentro del bloque en mayúsculas: el isotipo es «gib».
Versiones (SVG)
- Isotipo colorVersión principal. Sobre papel, papel sombra y también sobre tinta.SVG
- Isotipo tintaMonocromo para sellos, grabado y fondos claros sin color.SVG
- Isotipo papelMonocromo para fondos oscuros o fotografías.SVG
- Wordmark horizontalIsotipo + nombre completo. Cabeceras, documentos y firmas.SVG
- Wordmark verticalIsotipo sobre el nombre. Portadas, perfiles cuadrados y tarjetas.SVG
- Wordmark tintaTodo en tinta sobre papel. Documentos en blanco y negro.SVG
El SVG usa la fuente Syne del sistema; para imprimir o enviar a terceros, usa los PNG del zip de descargas.
Color
Papel, tinta y un solo marcador. La proporción es la regla: casi todo blanco, texto en tinta, amarillo solo donde importa.
Papel --paper
RGB 255 255 255 · CMYK 0 0 0 0
Fondo base de todo. La hoja en blanco.
Papel sombra --paper-2
RGB 244 244 241 · CMYK 3 2 4 0
Superficies suaves, secciones alternas, paneles.
Tinta --ink
RGB 11 11 11 · CMYK 0 0 0 96
Texto, botones primarios, líneas fuertes, bloques oscuros.
Tinta atenuada --ink-2
RGB 92 92 92 · CMYK 0 0 0 64
Texto secundario y etiquetas (contraste 7,4:1 sobre papel).
Marcador --marker
RGB 255 214 10 · CMYK 0 16 96 0
Subrayado, bloque de etiqueta, fondo del único módulo de color. Nunca como color de texto.
Marcador oscuro --marker-deep
RGB 122 97 0 · CMYK 0 20 100 52
Único derivado apto para texto pequeño sobre papel (5,9:1). Uso excepcional.
- El amarillo no es un color de texto: 1,6:1 sobre blanco. Sobre amarillo solo va tinta (14:1).
- Una sola sección o módulo amarillo por pieza. Si todo está subrayado, nada lo está.
- Sin degradados, sin sombras de color, sin grano. La profundidad la da el marco bisel y las hairlines.
- Modo oscuro de una pieza: tinta como fondo, papel como texto y el mismo marcador. Nunca un negro azulado.
- Los tokens heredados (--c-ink, --c-cream, --c-gold) están remapeados a este sistema; no se usan en código nuevo.
Tipografía
Dos familias de Google Fonts. Una para gritar, otra para leer.
Display · Syne 700 · 800
Lo importante, subrayado.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Titulares, cifras grandes, wordmark y etiquetas de marca. Tracking -0,03em, interlineado 1,0.
Google FontsTexto · DM Sans 400 · 500 · 600
Un estudio boutique en Córdoba que une estrategia, diseño y tecnología para digitalizar negocios.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 medium semibold
Cuerpo, interfaz, formularios, emails y documentos. Interlineado 1,5 a 1,6.
Google FontsEscala
| Display XL | clamp(2.75rem, 7vw, 6.5rem) / 1 | Hero y cierre |
| Display L | clamp(2rem, 4.5vw, 3.75rem) / 1.02 | Titulares de sección |
| Display M | 1.5rem a 2rem / 1.1 | Tarjetas y subtítulos |
| Texto L | 1.125rem a 1.25rem / 1.55 | Entradillas |
| Texto | 1rem / 1.6 | Cuerpo |
| Texto S | 0.875rem / 1.5 | Notas, pies, formularios |
Reglas
- Énfasis dentro de un titular = subrayado marcador (.mark), nunca cambio de familia ni cursiva.
- Sin serif ni monoespaciada. Sin mayúsculas sostenidas salvo siglas.
- Cifras tabulares (font-variant-numeric) en tablas y contadores.
- Máximo dos pesos por pieza: uno de display y uno de texto.
Cuando no se pueden cargar fuentes (email, documentos de ofimática): Arial Black o Arial 800 para display, Arial o Helvetica para texto.
Elementos gráficos
El vocabulario que hace reconocible una pieza sin necesidad de logo.
Ideas que se encienden
Subrayado marcador
El gesto de la casa. Se dibuja al entrar en pantalla, en el hero por CSS. Una o dos palabras, nunca la frase entera.
.mark01Citas online
Bloque marcador
Etiqueta o número sobre amarillo con texto tinta. Numera listas y señala el dato clave.
.mark-blockTu web hoy Tu web con GIB
Tachado
Lo que dejas atrás («tu web hoy»). Línea de tinta que se dibuja sobre texto atenuado.
.strikeMarco bisel
Doble marco suave para capturas, paneles y la tarjeta de chat. Sustituye a sombras y degradados.
.bezelBotón pastilla
Tinta sobre papel con el icono en un círculo. Secundario en hairline. Un solo texto por intención.
.btnMi web es una plantilla y no me llama nadie.
Web a medida. La ves en maqueta antes de pagar.
Maqueta en 48 h
Tarjeta de chat
Conversación cliente y GIB con el resultado en bloque amarillo. Explica un servicio en tres mensajes.
.chatAplicaciones
Dónde vive la marca cada día: la web, las piezas que reciben los clientes y el correo.
Web
generandoideasbrillantes.es. Hoja blanca, una sola sección amarilla (el diagnóstico), una sola llamada a la acción.
Ver la homeDiagnóstico y PDF
Formulario de tres pasos, resultado en pantalla y PDF adjunto por email con los mismos tokens.
Ver el diagnósticoPropuesta web
Página HTML por prospecto: diagnóstico, objetivos, pack, proceso e inversión. Misma tipografía y marcador que la web.
Ver el servicioMaquetas
Cada maqueta lleva la marca del cliente, no la nuestra. GIB solo aparece en el sello «maqueta» de la barra.
Ver trabajosCómo escribimos y cómo se ve un correo de GIB, sea en frío, de diagnóstico o de seguimiento.
- Asunto concreto y con el nombre del negocio: «Una maqueta de web para Con Arte Peluqueros».
- Cinco a ocho líneas. Un detalle real de su situación, el adelanto que ya está hecho y una pregunta suave.
- Fondo blanco, texto tinta, un solo enlace destacado con subrayado amarillo. Sin banners ni imágenes grandes.
- La firma se añade sola: nombre, cargo, teléfono, web. Nunca una imagen de firma completa.
- Siempre con salida: «si prefieres que no vuelva a escribirte, respóndeme “baja”».
Firma de correo
 |
Luis García
Fundador y consultor · Generando Ideas Brillantes
generandoideasbrillantes.es · Córdoba y online
|
Gmail: Ajustes, Firma, pegar. Outlook: Firmas, pegar. El logo se carga desde la web.
Redes sociales
Instagram como escaparate, LinkedIn como carta de presentación. Mismas plantillas, mismo marcador.
Bio de Instagram · @generandoideasbrillantes
Digitalizamos tu negocio con IA, web y marketing. Estudio boutique en Córdoba y online. Diagnóstico gratis en un minuto ↓
Enlace de la bio
https://generandoideasbrillantes.es/diagnostico
Hashtags
#negocioslocales #cordoba #automatizacion #inteligenciaartificial #disenoweb #marketingdigital #ecommerce #infoproductos
LinkedIn · titular
Digitalizamos negocios con IA, web y marketing · Estudio boutique en Córdoba · Diagnóstico gratis
LinkedIn · acerca de
Ayudamos a negocios locales y pymes a vender más y trabajar menos. Consultoría de IA, automatización de procesos, webs a medida, marketing online, ecommerce e infoproductos, coordinados por el mismo equipo. Lo primero es un diagnóstico gratis; si toca web, la ves en maqueta antes de pagar.
Pilares de contenido
- 01Casos y antes/despuésUna web, un flujo o una campaña real con su cifra. Formato carrusel.
- 02Ideas que se enciendenUn consejo concreto de IA, automatización o web en una frase subrayada. Formato post.
- 03Detrás de la hojaProceso, maquetas en marcha, herramientas. Formato historia y reel corto.
- 04DiagnósticoRecordatorio de la llamada a la acción única. Formato historia con enlace.
Tres publicaciones y cinco historias a la semana. Mejor una buena que tres flojas.
El nombre de usuario @generandoideasbrillantes es una propuesta: confirma disponibilidad antes de imprimirlo.
Google y posicionamiento
La ficha de Google Business Profile y las palabras por las que queremos aparecer.
Ficha de Google Business Profile
- Nombre
- Generando Ideas Brillantes
- Categoría
- Agencia de marketing digitalDiseñador de sitios web · Consultor de informática · Servicio de consultoría empresarial
- Zona
- Córdoba y provincia; resto de España online.
- Horario
- Lunes a viernes, 9:00 a 18:00.
- Servicios
- Consultoría de inteligencia artificial · Automatización de procesos y digitalización · Diseño y desarrollo de páginas web · Tienda online y ecommerce · Publicidad en Google, Meta y TikTok · SEO local · Email marketing y CRM · Lanzamiento de cursos e infoproductos
- Atributos
- Servicios online · Presupuestos online · Cita previa · Identifica como negocio local
- Publicaciones
- Una publicación de Google cada semana: un caso, un consejo o el recordatorio del diagnóstico gratis, con la misma imagen del post de Instagram.
Descripción de la ficha (750 caracteres)
Estudio boutique en Córdoba que digitaliza negocios locales y pymes con inteligencia artificial, automatización de procesos, diseño web a medida, marketing online, ecommerce e infoproductos. Empezamos siempre con un diagnóstico gratis: en un minuto recibes un análisis de tu negocio y una propuesta con lo que automatizaríamos, mejoraríamos o lanzaríamos primero. Si tu negocio necesita web, la ves en maqueta con tus datos reales antes de pagar. Trabajamos con hostelería, peluquerías y estética, clínicas, comercios, formadores y tiendas online. Pocos proyectos a la vez y el mismo equipo de principio a fin.
Mensaje para pedir reseñas
Hola, [nombre]. Ha sido un gusto trabajar en [proyecto]. Si te ha servido, ¿me dejas una reseña en Google? Son dos minutos y nos ayuda a que otros negocios de Córdoba nos encuentren: [enlace corto de reseña]. Gracias.
Grupos de palabras clave
- consultoría de IA para empresas Córdobaconsultor inteligencia artificial pymes · implantar IA en un negocio local · automatizar atención al cliente con IA
- automatización de procesos Córdobaautomatizar citas y presupuestos · digitalizar un negocio pequeño · automatizaciones con n8n para pymes
- diseño web Córdobadiseño web para restaurantes Córdoba · web para peluquería con reservas online · página web a medida para clínicas
- agencia marketing online Córdobaanuncios en Meta para negocios locales · SEO local Córdoba · email marketing para tiendas
- tienda online Shopify Córdobacatálogo Shopify para Meta · mejorar conversión ecommerce · agencia Shopify España
- lanzar un curso onlinelanzamiento infoproducto · membresía online para formadores · embudo de lanzamiento con Meta Ads
Títulos y descripciones de referencia
- generandoideasbrillantes.es/Generando Ideas Brillantes: consultoría de IA, digitalización y webConsultoría de IA, automatización de procesos, diseño web, marketing online, ecommerce e infoproductos. En Córdoba y online. Empieza con un diagnóstico gratis.
- generandoideasbrillantes.es/diagnosticoDiagnóstico gratis de tu negocio con IARellena tres pasos y recibe al momento un diagnóstico y una propuesta: qué automatizar, qué mejorar en tu web y qué lanzar primero.
- generandoideasbrillantes.es/servicios/diseno-desarrollo-webDiseño web a medida en CórdobaWebs únicas, rápidas y con reservas online para negocios locales. Ves la maqueta con tus datos antes de pagar.
Datos estructurados
Organization (logo, sameAs, contactPoint) · ProfessionalService con areaServed Córdoba · FAQPage en la home · Service por cada pilar · BreadcrumbList en servicios y casos
- Un título por intención: servicio + «Córdoba» o «para [sector]». Sin listas de palabras clave.
- Cada pilar con su página, su ejemplo real y su llamada al diagnóstico.
- Casos con cifra y sector en el título: «Web con reservas para Samuel Ramos Barbería».
- Enlace desde la ficha de Google, Instagram y LinkedIn a la web con UTM propio.
Descargas
Todo lo que necesita alguien de fuera para aplicar la marca sin preguntar.
content/brand.ts y DESIGN.md. Si cambia algo ahí, cambia aquí, en la web, en las propuestas y en los emails.