DJ
XC

Xmart Cloud
Brand Guide

Guia centralizada de identidad visual, paleta, tipografia y componentes UI. Click en cualquier color para copiar.

30 tonos
2 temas
15 componentes

Logos

Variantes para distintos fondos
Xmart Cloud Logo Completo
Logo Completo
Cuadrado · Fondos oscuros
Xmart Cloud Logo Horizontal
Logo Horizontal
Banner · Header / Footer
Cloud Icon
Icono Nube
Solo icono · Favicon
Xmart Cloud Logo Variante
Logo Variante
Horizontal · Dos lineas
XC Icon
Icon XC
Abreviado · App icon

Como usar

Guia rapida de implementacion
/* 1. Importar la paleta */ @import 'xmart-cloud-palette.css'; /* 2. Activar tema en el HTML */ <html data-theme="dark"> /* o "light" */ /* 3. Usar las variables */ .mi-componente { background: var(--xc-bg-elevated); color: var(--xc-text-primary); border: 1px solid var(--xc-border-default); border-radius: var(--xc-radius-md); }

Colores Primarios

Click = hex · Doble-click = var()

Acentos principales de la marca. Teal como primario, Cyan como secundario, Violet como terciario.

Colores Secundarios

Fondos, textos y bordes que se adaptan automaticamente al tema activo.

Fondos
Textos
Bordes

UI & Estado

Colores semanticos para feedback: exito, advertencia, error e informacion.

Gradientes

Tipografia

Principal: Montserrat (body & UI) · Secundaria: Inter (headings & display)

DisplayInter · 2.5rem / 800
Xmart Cloud
H1Inter · 1.75rem / 700
Infraestructura inteligente
H2Inter · 1.25rem / 700
Gestion de recursos
H3Inter · 1.05rem / 600
Configuracion de clusters
BodyMontserrat · 0.9375rem / 400
Texto principal para contenido general. Contraste optimizado para ambos temas.
SmallMontserrat · 0.8125rem / 400
Texto secundario para descripciones auxiliares y metadata.
CaptionMontserrat · 0.6875rem / 400
Labels, timestamps y textos de soporte.

Botones

Estilo shadcn/ui
Solidos
Glass & Glow
Tamanos
Con iconos
Estados

Inputs & Forms

Auto-deploy

Cards

Default, Glass, Gradient & Glow

Default

Recursos

Gestion de clusters, nodos y balanceadores con auto-scaling inteligente.

Despliegues

Pipelines CI/CD con rollback automatico y blue-green deployments.

📊

Monitoreo

Metricas en tiempo real, alertas y dashboards personalizables.

Glass / Blur

🔒

Seguridad

Firewall inteligente, WAF y proteccion DDoS con reglas personalizadas.

Activo Ultima revision: hoy
🚀

Edge Functions

Funciones serverless en el borde con latencia <50ms global.

24 funciones
🤖

AI Studio

Entrena, despliega y escala modelos ML con inferencia optimizada.

3 modelos

Gradient

Plan Pro

Para equipos en crecimiento

$49 /mes
  • 50 GB almacenamiento
  • CI/CD ilimitado
  • Soporte prioritario
💎

Plan Enterprise

Infraestructura dedicada

$199 /mes
  • Almacenamiento ilimitado
  • SLA 99.99% garantizado
  • Soporte 24/7 dedicado

Glow

📈

99.98%

Uptime ultimo mes

12ms

Latencia promedio

🚀

2.4k

Requests / segundo

Glass + Gradient Border (hover)

Cloud Storage

Almacenamiento distribuido S3-compatible con replicacion multi-region.

A
M
+3
5 miembros
🔗

API Gateway

Rate limiting, cache y transformacion de requests en el borde.

Healthy v3.2.1
🛡

Identity & Auth

SSO, MFA, OAuth2 y gestion de roles con audit log completo.

2 alertas 1.2k users

Tabla

Servicio Estado Costo
api-gateway Activo $142/mo
auth-service Activo $89/mo
ml-pipeline Scaling $256/mo
cdn-edge Down $78/mo

Alertas

Aviso

Este es un alert por defecto con informacion general del sistema.

Exito

Despliegue completado exitosamente en la region US East.

Advertencia

Uso de CPU al 87% — considera escalar los recursos.

Error

Fallo de conexion con el servicio cdn-edge en la region Global.

Badges

Default Primary Secondary Success Warning Error Outline

Dialog

Tabs

Vista General

Panel principal con metricas de rendimiento, estado de servicios y actividad reciente del equipo.

Stats Dashboard

Instancias activas
1,247
↑ 12.5%
Uptime
99.98%
↑ 0.03%
Latencia media
42ms
↓ 8.2%
Deploys / semana
84
↑ 24%

Pricing

Starter
$29/mes

Para proyectos personales y startups

  • 5 instancias
  • 10 GB storage
  • Soporte email
Popular
$99/mes

Para equipos en crecimiento

  • 25 instancias
  • 100 GB storage
  • Soporte prioritario
  • CI/CD pipelines
Enterprise
Custom

Para grandes organizaciones

  • Instancias ilimitadas
  • Storage ilimitado
  • SLA 99.99%
  • Soporte 24/7

Tooltip & Popover

Tooltip arriba
Notificaciones

Configura como recibes las alertas del sistema.

Popover con acciones
Mi perfil
Configuracion
Cerrar sesion
Dropdown menu

Keyboard Shortcuts

Buscar
K
Nuevo recurso
N
Cambiar tema
D
Guardar
S

Avatars

XC
DJ
AM
KR
Avatar group (stacked)
DJ
AM
KR
LP
+3
Con estado
DJ
AM
KR

Progress

Almacenamiento72%
CPU45%
Memoria89%
Deploys100%

Skeleton

Loading placeholders

Confirmar accion

Estas seguro que deseas eliminar este recurso? Esta accion no se puede deshacer.