Recursos de Marca

Kit de Medios

Descarga los recursos oficiales de la marca OneSwap.ai para prensa, asociaciones y cobertura mediática. Todos los recursos están disponibles en formato SVG y PNG de alta resolución.

Descargar Kit Completo

Logos

Variantes de Logo

Utiliza la variante de logo adecuada según el fondo. Se prefieren las versiones a color para mantener la coherencia de marca.

Color Claro

Logo a color claro — usar sobre fondos oscuros

SVG PNG

Color Oscuro

Logo a color oscuro — usar sobre fondos blancos o claros

SVG PNG

Monocromático Claro

Logo blanco monocromático para fondos oscuros

SVG PNG

Monocromático Oscuro

Logo oscuro monocromático para fondos claros

SVG PNG

Iconos

Variantes de Icono

Icono cuadrado para aplicaciones, avatares sociales y espacios compactos. Disponible en tratamientos a color y monocromáticos.

Color (Transparente)

Icono de color de marca con fondo transparente

SVG PNG

Color (Con Fondo)

Icono de color de marca sobre fondo de marca

SVG PNG

Claro (Transparente)

Icono blanco para fondos oscuros

SVG PNG

Oscuro (Transparente)

Icono oscuro para fondos claros

SVG PNG

Directrices

Directrices de Marca

Sigue estas directrices para mantener la coherencia al representar la marca OneSwap.ai.

Colores de Marca

Primary

#FE2D56

Acento de marca, botones CTA, resaltados clave

Accent

#00E0D6

Resaltados de acento, anillos, colores de gráficos. Modo oscuro: #09F3E9

Background

#161824

Fondo principal del modo oscuro, texto de primer plano

Card

#202330

Tarjetas, paneles, popovers

Secondary

#2A2E40

Bordes, superficies atenuadas, fondos de entrada

Muted Text

#8F95A5

Texto secundario, descripciones, marcadores de posición

Uso del Logo

Correcto

✓Usa el logo con suficiente espacio libre (al menos el 50% de la altura del icono en todos los lados)
✓Usa la variante a color como opción principal
✓Mantén un ancho mínimo de 120px para el logo completo
✓Usa la variante clara/oscura adecuada para garantizar la legibilidad

✕ Incorrecto

✕Estirar, distorsionar o sesgar el logo en cualquier dirección
✕Cambiar los colores del logo o aplicar degradados personalizados
✕Añadir sombras, contornos o efectos visuales al logo
✕Rotar el logo o colocarlo sobre fondos complejos o de bajo contraste

Tipografía

Fuente Principal

Inter

Fuente sans-serif del sistema como respaldo

Pesos de Fuente

Bold (700) — Headings

Semibold (600) — Subheads

Medium (500) — Buttons

Regular (400) — Body

Escala de Tamaños

H1 — 48px / 3rem

H2 — 30px / 1.875rem

H3 — 24px / 1.5rem

Body — 16px / 1rem

Small — 14px / 0.875rem

Caption — 12px / 0.75rem

Espaciado y Radio

Radio de Bordes

4px

Cards

6px

Buttons

full

Badges / Pills

Sistema de Espaciado

4pxTight — icon gaps, inline spacing

8pxDefault — element margins

16pxComfortable — card padding

24pxGenerous — section content padding

48pxLoose — section vertical spacing

¿Necesitas algo específico?

Para solicitudes de recursos personalizados, consultas de co-branding o preguntas relacionadas con la prensa, no dudes en contactar a nuestro equipo.

Contáctanos