Identidade Visual

🎨 Identidade Visual — Bio+Tech EduDesign

---

🧬 Conceito da marca

A identidade visual nasce da interseção entre biologia, computação, tecnologia educacional, ciência de dados e biotecnologia:

Elemento	Significado
📖 Livro (base)	Design Educacional e Pedagogia — o fundamento
🧬 Hélice de DNA (conexão)	Biologia e Ciências permeando o método
💻 Interface digital (topo)	Tecnologia e inovação entregues ao estudante
🔗 Integração dos elementos	Multidisciplinaridade como essência

Estilo geral: Soft Tech / Clean Modernism — tecnológico, porém acolhedor.

---

🎨 Paleta de cores

Cor	Uso	Hex
🔷 Azul petróleo	Textos principais, títulos	#1B3A5C
🩵 Turquesa/Ciano	Destaques, links, DNA, fundos	#5BC8C8 / #3EC6C6
🟠 Laranja	Elementos de circuito, detalhes de energia	#E8862E
⬜ Branco/Gelo	Fundos e respiros	#FFFFFF / #F4FBFB

♿ Regra de ouro: verifique sempre o contraste texto/fundo — mínimo WCAG AA (4.5:1). Veja o Guia de Acessibilidade.

---

🔤 Tipografia

• Títulos: sans-serif geométrica de peso bold (estilo Montserrat/Poppins)
• Corpo de texto: sans-serif legível (estilo Open Sans/Inter)
• Evite: fontes decorativas em conteúdo educacional; itálico longo; caixa alta em parágrafos

---

🖼️ Uso dos logos

Arquivo	Uso recomendado
biotech_edudesign.png	Logo principal — READMEs, capas, apresentações
hero.png	Banner horizontal — topo de documentos e páginas
favicon.png	Ícone circular — avatar, thumbnails, sidebar

Regras

• ✅ Mantenha a área de respiro (não cole outros elementos no logo)
• ✅ Use sobre fundos claros ou com contraste adequado
• ❌ Não altere cores, proporções ou rotacione o logo
• ❌ Uso externo da marca requer autorização (ver GOVERNANCE.md)

---

🏅 Badges padrão dos repositórios

Os badges seguem o estilo for-the-badge do Shields.io:

[![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-Live-brightgreen?style=for-the-badge&logo=github)](#)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](LICENSE)
[![Metodologia](https://img.shields.io/badge/Metodologia-Ativa-blueviolet?style=for-the-badge)](#)
[![ABP](https://img.shields.io/badge/ABP-Aprendizagem%20por%20Problemas-blue?style=for-the-badge)](#)
[![Gamificação](https://img.shields.io/badge/Gamifica%C3%A7%C3%A3o-XP%20%7C%20Badges-orange?style=for-the-badge)](#)