BioTech Innovation Platform

Brandbook Visual · Tema Light · Íconos Lucide (minimalista)

v7.0 — Light Theme · Lucide Icons · 2px stroke · flat color

Theme:
01

Paleta — Light Theme

Referencia: SaaS moderno (Vercel, Linear, Stripe). Fondo blanco/gris muy claro, cards blancas con borde sutil, texto gris oscuro.

Turquesa → Violeta → Rosa · Solo H1, CTAs y highlights

Primarios

Primary#00d4aaTurquesa — el "cruce"
Secondary#6c5ce7Violeta — puente
Accent#fd79a8Energía

Fondos (Light)

Fondo Base#ffffffBlanco puro — página
Fondo Alt#f9fafbgray-50 — secciones
Card#ffffffBlanco con borde

Escalonamiento de grises

gray-900 → white · Usamos: white → gray-50 · Text: gray-700/gray-900

Arquetipo por color plano

Industry#0984e3
Startup#e84393
Research#00b894
VC#f39c12
Policy#e17055
02

Contraste — Light Theme

ElementoColorEstado
black (h1) #000000✓ Máximo
gray-900 (body) #111827✓ Legible
gray-700 (sec) #374151✓ Good
gray-600 (body) #4b5563✓ OK
gray-500 (meta) #6b7280✓ Meta-text
gray-200 (border) #e5e7eb✓ Bordes

Comparación visual

Light · fondo blanco

Phage therapy

Bacteriófagos vs antibióticos

Dark · fondo oscuro

Phage therapy

Bacteriófagos vs antibióticos

03

Íconos Lucide — Minimalista

Lucide: 1600+ íconos open-source (24k stars GitHub). Línea simple de 2px, stroke-width fijo, color plano (sin gradientes), esquinas redondeadas. El estándar actual de minimalismo en UI.

Arquetipos

Industry
building
Startup
rocket
Research
flask-conical
VC
trending-up
Policy
shield-check

Reacciones / Feedback

💡 Útil
✅ Validar
❓ Aclarar
🤝 Collab
⚠️ Riesgo

Estilo Lucide

Características:
• Stroke width: 2px (consistente)
• Sin fill: solo líneas
• Color plano: un solo color por ícono
• Sin gradientes
• Esquinas redondeadas: round cap/join
• 24×24 grid viewBox
• SVG inline, se hereda color con `color` CSS

rocket — Startup

04

Cards & Elementos UI

Card con ícono Lucide

Phage therapy platform
Bacteriófagos como alternativa a antibióticos
9.1
Algae carbon capture
Microalgas para capturar CO2 industrial
7.2

Tags

Research Industry Startup VC Policy

Search Bar

Buscar challenges, startups, evaluadores...
05

Tipografía

System font stack

-apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif

H1 · 28-36px · 800 · Gradient
De la Duda al Avance
H2 · 22-28px · 700
Feedback del ecosistema
Body · 14-15px · 400

Publicá un desafío, aclará el dolor, recibí feedback — asíncrono.

07

Personalidad

Un científico de CONICET y un founder de Luyef charlando después de CrossingOver.
💡 Profunda
Inteligente pero accesible. Explicamos la ciencia sin perder el rigor.
No es: Academismo estéril
⚡ Energética
Vibrante como LATAM. Energía que impulsa, no hype vacío.
No es: Hype vacío
🤝 Conectada
Pone personas en el centro. Conexión real.
No es: Red social fría
🔬 Confiable
Basada en rigor científico. Credibilidad sobre velocidad.
No es: Startup bro
08

Aplicaciones — Mockup Mobile

Home — Feed de Challenges

🔬 BioTech Platform 🔔
Buscar...
🔥 Top 🆕 Nuevos 🎯 Match
🔬 Phage therapy platform 9.1
Bacteriófagos como alternativa a antibióticos
🧬 Algae carbon capture 7.2
Microalgas para capturar CO2 industrial
🌱 Gene editing for crops 8.5
CRISPR para resistencia al clima

Challenge Detail

← Phage therapy
Bacteriófagos vs antibióticos
El problema: resistencia a antibióticos. La solución: bacteriófagos. Buscamos colaboradores en: microbiología, formulación, regulatory affairs.
Research Industry Startup
🤝 Conectar 💡 Feedback

Profile

👤 Dra. María López
🔬 Investigadora · CONICET
Microbiología · Fagos · Resistencia antimicrobiana
Research
Mis Challenges
2 publicados · 8 respuestas · 3 matches
09

Do / Don't

✅ Hacer
  • Fondo blanco (#ffffff) con cards blancas y borde sutil (#e5e7eb)
  • Íconos Lucide lineales, stroke 2px, color plano
  • Tipografía system font stack (nativa, rápida, limpia)
  • Colores de arquetipo solo para highlights e íconos
  • Gradiente solo en H1 del brandbook
  • Bordes redondeados 12px en cards, 8px en inputs
  • Feedback visual: sombra suave al hover
❌ No hacer
  • Background gris oscuro/medio como base
  • Gradientes en íconos o cards
  • Sombras 3D o efectos de profundidad
  • Colores de arquetipo como fondos
  • Tipografía custom o de Google Fonts
  • Esquinas rectas (0px border-radius)
  • Más de 5 colores primarios simultáneos
BioTech Innovation Platform · Brandbook Visual · v7.0 · Light Theme