Branding & Identidad

Information

Manual visual y mapa completo de Ciszu Network: quiénes somos, cómo se ve la marca y dónde vive cada sección del ecosistema.

4

Webs Next.js

Deploys en Vercel

7

Paquetes

Compartidos en el monorepo

62

Documentos

Fuente de verdad técnica

100%

Open source

Repositorio público

Identidad Visual

Isotipo · Logotipo · Composición

Isotipo de Ciszu Network
Unidad mínima

Isotipo

Engranaje en degradado azul con una «C» en perspectiva, acento cian y un nodo verde de estado. Es la unidad mínima de la marca y la pieza que identifica al ecosistema en tamaños pequeños.

  • · Variantes outline / not-outline y combinaciones z/c para cualquier fondo.
  • · Prohibido deformarlo, rotarlo o recolorearlo fuera de la paleta oficial.
Logotipo de Ciszu Network
Lettering propio

Logotipo

Lettering propio de «Ciszu» con trazo continuo, punto sobre la i y nodo verde terminal. Su versión simple se usa en la navbar y su versión completa encabeza la portada.

Brand
Composición maestra de Ciszu Network: isotipo y logotipo

Composición Maestra

Isotipo y logotipo unidos en una sola pieza. Es la versión canónica para portadas, presentaciones y piezas donde la marca debe leerse completa.

Bright Future Promised
  • · Espacio de seguridad: un módulo del isotipo alrededor de la composición.
  • · Usar siempre la variante con contraste válido sobre el fondo destino.

Colorología de Marca

Haz click en un swatch para copiar su HEX

Regla de marca: neón cian y rosa sobre negro. El azul brand sostiene la identidad, el cian aporta energía tecnológica, el rosa creatividad y el negro la base inmersiva de todo el ecosistema.

Formatos de Archivo

Entrega y fuente de los assets de marca

.svg

Vector web

Formato preferente para logos e iconos: escala sin pérdida, trazo nítido y color editable por CSS.

.png

Raster con transparencia

Entrega para avatares, aplicaciones e insignias donde el vector no es viable.

.ai

Fuente editable

Archivo maestro de Adobe Illustrator. Vive dentro del proyecto y no se distribuye públicamente.

Los logos se publican hoy en .svg, .png y .ai. Las derivadas optimizadas .webp / .avif se reservan para multimedia raster y se generarán cuando el asset lo requiera.

Propósito

Misión · Visión

Misión

Democratizar la tecnología de alto rendimiento: crear soluciones digitales accesibles, escalables y con un diseño de primer nivel, desde Latinoamérica para el mundo. Cada proyecto del ecosistema existe para resolver un problema real con la máxima calidad.

Visión

Ser el referente de innovación digital de la región: un ecosistema de productos conectados por una misma identidad que inspire a creadores y usuarios, y que demuestre que se puede construir tecnología de clase mundial desde Venezuela.

Objetivos

Macro estrategia · Micro táctica

Objetivos Generales

Macro estrategia

  • 1

    Consolidar el ecosistema

    Coordinar las 4 webs, el bot de Discord y el juego bajo una misma identidad, estándares de calidad y experiencia de usuario.

  • 2

    Hacer crecer la comunidad

    Convertir Ciszugamens, MuzicMania y CiszuBot en puntos de encuentro activos, con soporte, eventos y canales de feedback reales.

  • 3

    Estandarizar la marca

    Aplicar el mismo sistema visual en todas las webs y canales oficiales: paleta, tipografía, iconografía y componentes compartidos.

  • 4

    Documentar y abrir

    Mantener documentación viva y código abierto para que el ecosistema sea auditable, mantenible y replicable.

Objetivos Específicos

Micro táctica

  • 01

    Monorepo sin duplicación

    Un solo repositorio pnpm con paquetes compartidos (@ciszu/ui, @ciszunetwork/db, utils, cdn, email, payments y config) que se propagan a todo el ecosistema.

  • 02

    Datos seguros por defecto

    Postgres con Row Level Security en toda tabla nueva, autenticación CISZU ID compartida y Storage CDN para los assets.

  • 03

    CI/CD verificable

    Deploys desde GitHub Actions hacia Vercel con lint, tests, SAST/DAST, CodeQL y auditoría de dependencias en cada cambio.

  • 04

    Rendimiento y monitoreo

    Webs optimizadas en el edge, con errores en Sentry, analítica en PostHog y disponibilidad vigilada por UptimeRobot.

Ideología

Los cuatro pilares

Open Web

Tecnología accesible desde cualquier dispositivo y navegador, sin barreras de entrada ni dependencia de una sola plataforma.

Privacy First

Privacidad por diseño: datos mínimos, políticas claras y control del usuario sobre lo que comparte.

Calidad de marca

La estética es funcionalidad: cada píxel y cada línea de código forman parte de la misma identidad.

Comunidad primero

El feedback de la comunidad —changelog, reviews, stats y reportes— guía la evolución del ecosistema.

Filosofía

El código es el lienzo

Tagline oficial · Ciszu Network

Bright Future Promised

Un futuro brillante no se promete: se construye. Cada web, cada bot y cada juego del ecosistema es una línea más de esa promesa.

DRYKISSSOLID
¿Qué significa "Bright Future Promised"?

Es la promesa de marca de Ciszu Network: un futuro brillante no se declara, se construye. El tagline acompaña al logo y resume el compromiso de entregar tecnología con propósito.

¿Cómo se construye cada proyecto?

Con principios DRY, KISS y SOLID, documentación como fuente de verdad y verificación con build real antes de dar una tarea por terminada.

¿Cómo conviven diseño y código?

En un mismo sistema: tokens de color y tipografía, una librería UI compartida entre las webs y componentes que se prueban antes de publicarse.

¿Cómo se mide el éxito?

Con señales reales: métricas de rendimiento, disponibilidad, errores en producción y el feedback que la comunidad deja en reviews, stats y feedback.

Librería de Iconos Maestra

Selección de 28 iconos del registro inline de @ciszu/ui

Ecosistema Tecnológico

La infraestructura que sostiene el ecosistema

ri-filled-nextjs iconFramework

Next.js 15

Framework de las 4 webs: App Router, server components y renderizado optimizado para SEO.

ri-filled-reactjs iconUI Library

React 19

Base de la interfaz: componentes reutilizables, hooks y el modelo de interacción de todo el ecosistema.

ri-typescript iconType System

TypeScript

Tipado estricto de punta a punta para evitar errores en producción y sostener el código a escala.

ri-filled-tailwind-css iconStyling

Tailwind CSS 4

Sistema de estilos atómico con tokens propios de marca: brand, neones, superficies y tipografía.

ri-filled-supabase iconBackend

Supabase

Postgres con Row Level Security, autenticación CISZU ID, Storage y el CDN que sirve los assets.

Deploy

Vercel

Edge network y despliegues continuos de cada web desde el repositorio de GitHub.

State

Zustand

Estado global ligero del cliente: preferencias, tema, idioma y UI compartida entre páginas.

Observability

Sentry + PostHog

Observabilidad y analítica: errores en tiempo real y métricas de uso para decidir con datos.

Explora el Proyecto

Todas las secciones del ecosistema

Orígenes & Arquitectura

Monorepo · Paquetes · Datos · Despliegue

  1. 1

    Monorepo pnpm

    Un único repositorio reúne las 4 webs Next.js, el bot de Discord, el juego y los paquetes; turbo orquesta dev, build, lint y tests.

  2. 2

    Paquetes compartidos

    @ciszu/ui (componentes), @ciszunetwork/db (esquemas Drizzle), utils, cdn, email, payments y config: un cambio se propaga a todo el ecosistema sin duplicar código.

  3. 3

    Datos y autenticación

    Supabase centraliza Postgres con RLS, el auth CISZU ID compartido y el Storage CDN que sirve logos, iconos y multimedia.

  4. 4

    Despliegue continuo

    GitHub Actions ejecuta CI (lint, tests, SAST, DAST, CodeQL) y publica cada web en Vercel; UptimeRobot y Sentry vigilan la producción.

OrígenesDetrás de cada proyecto está Ciszu Network, liderado por su CEO y fundador. Conoce al equipo y la historia del ecosistema.Conocer al equipo →