Sistema de Diseño

Pautas de Marca

La Identidad Visual de BB Dental Care

Nuestra marca se arraiga en la intersección de bienestar, artesanía y moderna innovación. Cada elemento — desde nuestra paleta de colores hasta nuestra tipografía — comunica calma, confianza y atención de primera clase.

La Marca

Utilice siempre los archivos de logotipo aprobados. No recree, cambie de color ni altere el logotipo de ninguna manera.

BB Dental Care
Fondo Claro
BB Dental Care
Fondo Oscuro
BB Dental Care
Fondo Primario
BB Dental Care
Fondo Menta

Lo que no se debe hacer con el logo

BB Dental Care
No desaturar
BB Dental Care
No rotar
BB Dental Care
No estirar
BB Dental Care
No reducir opacidad

Colores Primarios

Nuestra paleta se inspira en la naturaleza: tonos verde azulados profundos asentados por carbón casi negro, elevados por tonos salvia suaves.

Esmeralda#00786fPrimario / CTAs / Enlaces
Carbón#0f1c1cTítulos / Fondos oscuros
Menta#cbdad9Acentos / Estados hover

Paleta Extendida

Teal Profundo#004d46
Esmeralda#00786f
Teal#009d91
Menta#cbdad9
Menta Pálida#e6f0ef
Gris Suave#f3f8f8
Teal Apagado#385353
Carbón#0f1c1c

Acentos

Brillo Dorado#ffd700Estrellas / Destacados
Blanco#ffffffFondos / Texto invertido

Gradientes de Marca

Los gradientes deben usarse con moderación: para fondos principales, divisores de sección y elementos decorativos. Nunca aplique gradientes al texto ni al logotipo.

Profundidad Esmeraldalinear-gradient(135deg, #00786f 0%, #004d46 100%)Secciones hero, fondos de CTA
Cascada Teallinear-gradient(135deg, #009d91 0%, #00786f 50%, #004d46 100%)Banners destacados, tarjetas
Bruma de Mentalinear-gradient(135deg, #cbdad9 0%, #e6f0ef 100%)Fondos de sección suaves, tarjetas
Fundido Carbónlinear-gradient(135deg, #0f1c1c 0%, #385353 100%)Secciones oscuras, superposiciones
Esmeralda a Mentalinear-gradient(135deg, #00786f 0%, #cbdad9 100%)Divisores, acentos decorativos
Resplandor Radialradial-gradient(ellipse at top left, #009d91 0%, #00786f 40%, #0f1c1c 100%)Fondos de cabecera completos

Sistema de Botones

Los botones utilizan la tipografía Outfit en mayúsculas con espaciado de 1px. La silueta píldora (50px border-radius) refleja nuestro carácter accesible y moderno.

Variantes
Reservar CitaPrimario · Relleno Esmeralda
Conocer MásSecundario · Delineado
Ver ServiciosGhost · Delineado Blanco
Más InformaciónMuted · Relleno Suave
Llamar AhoraReservar Cita