Guía de Marca y Sistema de Diseño
Los principios visuales, paleta de color, tipografía y componentes que dan vida al ecosistema de biociencias y tecnología en Chile.
Curated Organism
Filosofía de diseño
Satoshi + Geist
Sistema tipográfico
Tonal Depth
Jerarquía sin ruido
La esencia de Biovity
Cuatro pilares innegociables que guían cada decisión de producto, interfaz y comunicación.
Rigor biológico y sofisticación
Rechazamos las plantillas rígidas y saturadas de SaaS genérico. Cada sección respira con espacio deliberado, emulando la precisión milimétrica de un laboratorio y la pureza editorial.
Tonal Depth vs. Heavy Lines
La profundidad visual se construye apilando superficies sutiles (surface-container-low, lowest y highest) en lugar de encerrar cada módulo en bordes negros o grises pesados.
«Si todo tiene color, nada destaca»
La base neutra y sobria permite que el Verde Esmeralda (acciones y verificaciones) y el Violeta (términos clave y acentos de inteligencia) capturen la atención inmediata.
Consistencia milimétrica en UI
Inputs, selectores y botones comparten alturas estandarizadas (h-11) y curvaturas coherentes, asegurando una experiencia táctil y visual armoniosa.
Colores de Marca & Superficies Tonales
Haz clic en cualquier muestra de color para copiar su valor HEX o variable CSS al portapapeles.
Colores Principales(Core Brand Identity)
Botones principales, encabezados corporativos, elementos estructurales de alto peso.
Eyebrows en mayúsculas, estados activos, checks de verificación y llamados a la acción secundarios.
Acentos en palabras clave de títulos (<span>), badges de IA, descuentos e inteligencia.
Párrafos descriptivos, subtítulos, etiquetas secundarias y metadatos de apoyo.
Superficies Tonales(Tonal Layering System)
Fondo principal de la aplicación, tarjetas sobre fondos low y modales flotantes.
Secciones alternadas, tarjetas de estadísticas y contenedores de formularios.
Hover states, chips inactivos, divisores sutiles y pastillas de fondo secundario.
Estructura & Jerarquía Tipográfica
Combinamos Geist Sans para una legibilidad contemporánea en titulares e interfaces, con Geist Mono para datos técnicos, cifras y etiquetas.
Weights: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789 • ¿?!¡ @#$%&/()=+
Weights: 500 (Medium), 600 (SemiBold), 700 (Bold)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789 • [CLP] {API} $40.000/mes
Software ATS y Reclutamiento Científico
Conectamos el talento con la industria
Centraliza candidatos, evalúa habilidades de laboratorio con scoring de IA y reduce tus tiempos de contratación técnica en un 60%.
Logotipo & Símbolo de Marca
El símbolo de Biovity evoca una molécula y una red biológica en constante evolución.
Patrones & Componentes Interactivos
Muestrario funcional de los elementos UI estandarizados que componen las interfaces de Biovity.
Estandarizados con altura h-11, esquinas rounded-lg y transiciones suaves.
Pista gris de alto contraste para el estado inactivo y verde esmeralda para el estado activo.
+150
Empresas activas
98.4%
Satisfacción ATS
Tipografía Satoshi bold, contenedor tonal `surface-container-low` sin bordes y texto centrado.
Utilizados para números de paso, estados inteligentes y recomendaciones.
Todos los controles en una misma fila conservan la altura h-11 para evitar desalineaciones en la cuadrícula visual.