Listo para empezar tu kit
Abre Palette y deja que el workflow te lleve paso a paso. Sin login, sin nube, sin envios.
Empezar ahora § WORKFLOW · KIT DE MARCA
Crea el kit visual completo de tu marca en 4 pasos
Tu paleta, tu tipografia, tu patron y tu favicon, listos en una sesion, sin enviar nada a servidores. Las cuatro tools de aGo conectadas para que el output de cada paso alimente al siguiente.
Empezar por la paleta
El progreso se guarda en tu navegador. Puedes pausar y retomar.
/// el camino
Cuatro pasos, una salida coherente
- Color / aGo Palette
Define la paleta base, accesible por contraste
Eliges un color ancla y la herramienta calcula la escala completa validada WCAG 2.2. Marcas tonos de fondo, texto y acento. Exportas a CSS, Tailwind u OKLCH.
Pasa al siguiente: El color principal pasa al siguiente paso como tinta para tipografia y patron.
Abrir aGo Palette ↗ - Tipografia / aGo Font Specimen
Elige y prueba el par tipografico sobre layouts reales
Combinas display y body sobre cita editorial, articulo, card de producto y hero. Validas tamano, peso y line-height sin trampas de lorem ipsum.
Pasa al siguiente: Las familias elegidas se aplican en el preview del patron y en la marca tipografica del kit final.
Abrir aGo Font Specimen ↗ - Textura / aGo Patterns
Crea el patron base que dara textura al sistema
Eliges entre puntos, cuadricula, lineas, ruido feTurbulence, blueprint, crosshatch o chevron. Ajustas densidad, escala y color de la paleta.
Pasa al siguiente: El SVG del patron se reutiliza como fondo de la pagina de resumen y como background opcional del favicon.
Abrir aGo Patterns ↗ - Identidad / aGo Faviconic
Genera el favicon final que cierra el sistema
Subes una imagen o eliges un emoji, aplicas color de la paleta como fondo y exportas la suite completa: favicon.ico, apple-touch-icon, android-chrome 192 y 512, site.webmanifest.
Pasa al siguiente: Al terminar, las cuatro piezas se combinan en la pagina de kit listo para descargar como ZIP.
Abrir aGo Faviconic ↗
/// el kit final
Lo que obtienes tras los 4 pasos
Al cerrar el cuarto paso, la pagina de resumen junta las piezas y te entrega un ZIP descargable con todo lo necesario para que un equipo de desarrollo o diseno arranque sin volver a decidir.
- paleta.json: escala completa con contraste WCAG, lista para Tailwind, CSS o OKLCH.
- font.css:
@importde Google Fonts y variables CSS con los pares display y body. - pattern.svg: tu patron base como SVG escalable, listo para
background-image. - favicon-suite:
favicon.ico,apple-touch-icon,android-chrome-192,android-chrome-512ysite.webmanifest. - manifiesto.html: pagina de referencia que junta paleta, tipografia, patron y favicon, util para enviar al equipo.
/// preguntas frecuentes
Preguntas frecuentes
¿Es necesario hacer los cuatro pasos en una sola sesion?
No. El progreso se guarda en tu navegador con la key ago:workflow:kit-marca. Puedes cerrar la pestana y volver mas tarde a retomar desde donde quedaste.
¿Mis archivos se suben a algun servidor?
No. Las cuatro herramientas (Palette, Font Specimen, Patterns, Faviconic) procesan todo en el navegador. La coordinacion del kit tambien es local: cero servidor.
¿Que llevo de un paso al siguiente?
El color principal pasa al patron y al favicon. La tipografia se aplica al preview del kit final. El patron queda disponible como fondo opcional. No es un pipeline rigido, en cada tool puedes ajustar a mano.
¿Que obtengo al terminar?
Un ZIP con paleta.json, font.css con los @import de Google Fonts, pattern.svg, la suite de favicons y un manifiesto HTML que junta todo en una sola pagina de referencia para tu equipo.
¿Sirve para un cliente real o solo para un experimento?
Para definicion inicial de marca y para refresh de identidad existente. No reemplaza un manual de marca completo: para eso conviene un proceso con disenador. Si necesitas ese paso, contactanos en ago.cl/servicios.
¿Necesitas algo a medida?
El kit es una excelente base. Para un sistema de marca completo (manual, tono, motion, plantillas) el estudio aGo lo construye contigo.
Ver servicios aGo§ aGo lab estudio
¿Quieres un workflow custom para tu equipo?
Si tu flujo combina otras herramientas o necesita branding propio, aGo lab construye flujos hechos a medida.