Estándares de Diseño KIRI

Sistema completo de color, tipografía, componentes y patrones para mantener coherencia visual en todos nuestros productos.

Última actualización: Abril 2026

Sistema de Color

Verde KIRI es nuestra identidad. Los colores secundarios son solo para iconografía de productos.

Gradientes:

Open Sans es Nuestro Estándar

Usa pesos 300-700 para crear jerarquía clara. DM Sans para titulares de brand manual.

• Pesos: 300, 400, 500, 600, 700
• Fallback: system-ui, -apple-system

Sistema de Espaciado

El espaciado crea respiración visual. Usa estos valores para separar contenido de forma consistente.

• 12px — Botones, iconos
• 16px — Elementos pequeños
• 24px — Cards, secciones
• 48px — Entre secciones
• Container: max-width 1140px
• Padding: 24px (mobile) / 48px (desktop)

Breakpoints: 540px, 768px, 900px, 1000px+

Elementos Estándar

Los componentes garantizan consistencia. Úsalos siempre en nuevas páginas y desarrollos.

Descargar Fondos KIRI

Colección de fondos profesionales para videollamadas y reuniones. Disponibles en alta resolución.

• 5 variantes con gradientes KIRI
• 1920×1080px optimizados para web
• Zona central marcada para seguridad
• Disponibles en PNG de alta calidad

📥 Descargar Fondos

Crea tu Firma KIRI

Generador interactivo de firmas de email. Personaliza con tu nombre, cargo y foto. Copia en Gmail instantáneamente.

• Personalizable: nombre, cargo, contacto
• Foto con efecto: gradient frame verde
• Incluye sociales: Facebook, LinkedIn, Instagram
• Exporta como PNG o copia para Gmail

✉️ Ir al Generador