Raven3 Brand Guidelines — Manual de Identidad Visual v1.0
RAVEN3 // BRAND GUIDELINES // V1.0
RAVEN3.
Arquitectura Digital que Convierte
VersiónV1.0 · 2025
LocalizaciónBuenos Aires, Argentina
CoordenadasLAT -34.6037° / LONG -58.3816°
Estado del sistema SYS NOMINAL
SYS.01 // IDENTIDAD DE MARCA
Quiénes Somos
Raven3 es una agencia digital de Buenos Aires especializada en
arquitectura web de alto rendimiento. No hacemos templates, hacemos
ingeniería.
01 // MISIÓN
Misión
Diseñar y construir plataformas digitales que generan resultados
medibles. Cada proyecto nace desde la estrategia, se diseña desde
la experiencia del usuario y se construye con ingeniería real.
02 // VISIÓN
Visión
Ser la referencia de arquitectura digital en LATAM: donde
performance, diseño y conversión convergen en una sola disciplina,
sin compromisos técnicos ni creativos.
Mientras otros agentes venden "páginas web", Raven3 entrega
arquitectura digital: sistemas rápidos, escalables, integrados y
orientados a conversión. Performance real, sin atajos.
"No hacemos webs lindas. Hacemos arquitectura digital que convierte."
Proyectos
+60
Lighthouse
95+
LCP
<1.2s
CLS
0.00
SEO Score
92+
Google
5★
SYS.02 // LOGOTIPO
Logo & Wordmark
El wordmark "Raven3." utiliza fuente Orbitron en negrita. El punto
final es parte integral del logotipo y siempre aparece en color Raven
Teal (#00e5c8). No se elimina ni se reemplaza.
RAVEN3.
Sobre fondo oscuro (preferido)
RAVEN3.
Sobre panel semi-transparente
RAVEN3.
Sobre fondo claro (uso limitado)
ESCALAS TIPOGRÁFICAS DEL LOGO
LG · 48px
RAVEN3.
MD · 32px
RAVEN3.
SM · 22px
RAVEN3.
● Usos correctos
Usar siempre Orbitron Bold o Black
Mantener el punto final en color Raven Teal
Usar sobre fondos oscuros (#0b0f17 o #060910)
Respetar el espacio mínimo de ½× la altura del logo
Usar la versión en oscuro sobre fondos claros con la versión
ajustada
● Usos incorrectos
No eliminar el punto final del logotipo
No cambiar el color del punto por otro que no sea Raven Teal
No usar fuentes alternativas al wordmark
No deformar, rotar ni aplicar efectos no autorizados
No usar sobre fondos con poco contraste o imágenes complejas
SYS.03 // SISTEMA DE COLOR
Paleta Cromática
El sistema de color de Raven3 se construye sobre fondos oscuros
profundos con un único acento primario: el Raven Teal. Toda la paleta
está definida como custom properties CSS.
--bg-2
Void Black
#060910
Fondo más oscuro. Secciones hero, footer, fondos de canvas.
--bg
Deep Space
#0b0f17
Fondo principal del sitio. Base de todas las secciones.
--r3 · PRIMARY
Raven Teal ★
#00e5c8
Acento primario de marca. CTAs, highlights, iconos, logotipo.
Raven3 utiliza cuatro fuentes de Google Fonts, cada una con un rol
específico dentro de la arquitectura visual. Juntas crean la tensión
entre lo técnico y lo legible.
18pxEn Raven3 creamos sitios web a medida, tiendas online y
estrategias de SEO técnico con performance real. Sin
templates. Sin WordPress pesado. Resultados medibles.
15pxTexto secundario: Cada proyecto que tomamos nace desde la
estrategia, se diseña desde la experiencia y se desarrolla
desde la ingeniería.
13pxTexto terciario / captions / notas / metadatos de
contenido
Uso: Body copy, párrafos, descripciones de servicios,
testimoniales, contenido de blog. Pesos: 300 · 400 · 500 · 600.
04 // SHARE TECH MONO — UI & SISTEMA
Google FontsMonospace
14pxSYS.01 // ARQUITECTURA DIGITAL
11pxLAT -34.6037° // LONG -58.3816° // SIGNAL NOMINAL
10pxPERF · 95+ SEO · 92+ LCP ·
<1.2s CLS · 0.00
Uso: System labels (SYS.XX), coordenadas, métricas HUD, código,
etiquetas de navegación lateral, timestamps. Peso único (Regular
400).
SYS.05 // VOZ & TONO
Voz de Marca
Raven3 comunica con precisión y confianza. Sin relleno, sin jerga
vacía. Cada palabra tiene un propósito técnico o emocional —
preferiblemente ambos.
⚡
Directo
Sin rodeos. La primer oración debe comunicar el valor principal.
Nunca usamos frases genéricas de agencias. "Hacemos arquitectura
digital", no "somos un equipo apasionado".
🎯
Orientado a resultados
Hablamos de métricas reales: Lighthouse, LCP, conversión.
Prometemos cosas medibles. Los adjetivos sin datos son marketing
vacío.
🔧
Técnico & accesible
Usamos vocabulario técnico preciso sin alienar al cliente
no-técnico. Explicamos el "por qué" detrás de cada decisión de
ingeniería.
🚫
Anti-template
Nos diferenciamos activamente de las soluciones de bajo costo. No
somos para todos — somos para quien quiere calidad técnica real.
📊
Data-driven
Cada afirmación viene respaldada por datos. Mostramos scores,
porcentajes, proyectos entregados. Los números construyen
credibilidad.
💡
Confiado
No pedimos disculpas por nuestra especialización. No somos "la
opción más económica". Somos la opción correcta para quien valora
el resultado.
✓ Decimos esto
"Construimos sitios con Lighthouse 95+, LCP <1.2s y CLS
0.00."
"No hacemos webs lindas. Hacemos arquitectura digital que
convierte."
"Sin templates. Sin WordPress pesado. Resultados medibles."
"Auditoría técnica, benchmark y análisis de oportunidades de
mejora."
"Código limpio, semántico, performante y bien documentado."
"AGENCIA DIGITAL · BUENOS AIRES, ARGENTINA"
✗ Nunca decimos esto
"Somos un equipo apasionado por el diseño web."
"Soluciones digitales a medida para tu negocio."
"Trabajamos con las últimas tecnologías del mercado."
"Te acompañamos en tu viaje digital."
"¡Precios accesibles para todos los presupuestos!"
"Somos creativos innovadores y disruptivos."
SYS.06 // LENGUAJE VISUAL
Identidad Visual
El lenguaje visual de Raven3 es una fusión entre la estética de los
sistemas de control aeroespacial (HUD), la oscuridad del espacio
profundo y el glow tecnológico del ciberespacio.
RAVEN3 // SYS.00
STATUS NOMINAL
PERF 95+
Corner Brackets (HUD)
Decoración de esquinas en color Raven Teal con 20–24px de
tamaño. Delimitan zonas de información y aportan el lenguaje de
panel de control. Opacidad 35–50%.
RAVEN TEAL GLOW
Teal Glow Effect
El glow teal se aplica sobre elementos activos, CTAs en hover, y
el punto del logotipo. Box-shadow en tres capas (10px, 30px,
60px) con opacidades decrecientes.
GRID · 60px
Grid Overlay
Grid de 60×60px en color rgba(0,229,200,0.035–0.07) sobre fondos
oscuros. Evoca sistemas de coordenadas y cartografía digital. Se
usa en hero sections.
SYS.01 // IDENTIDAD
LAT -34.6037° // LONG -58.3816°
● SIGNAL NOMINAL
RAVEN3 // SYS.00 // INICIO
System Labels
Etiquetas tipo sistema en Share Tech Mono. Formato: "SYS.XX //
NOMBRE_SECCIÓN". Se usan como marcadores de sección y aportan el
lenguaje de interfaz de misión.
SCANNING...
Scanning Line
Línea de escaneo animada en teal con glow. Traversa secciones
verticalmente. Refuerza la narrativa de sistema activo y
monitoreo en tiempo real.
DEEP SPACE BG
Starfield Background
Canvas con 300–600 partículas/estrellas en color teal con
variación de opacidad y tamaño. Crea profundidad y escala
cósmica. Sutileza es clave: máx opacidad 0.7.
VOCABULARIO DE PATRONES
Dark BackgroundHUD CornersTeal GlowGrid OverlayScan LinesStarfieldSystem LabelsGlassmorphismMonospace UICoordinate DataPanel CardsMetric BlocksCorner BracketsParticle FX
SYS.07 // UI COMPONENTS
Componentes UI
El sistema de componentes de Raven3 prioriza la claridad, el contraste
y la interacción táctil. Todos los elementos activos usan Raven Teal
como color de estado.