Cargando...
Recursos gráficos

Kit de marca

El logo, el isotipo, los colores y las imágenes oficiales de TCGmatch para prensa, tiendas, creadores de contenido y aliados. Descárgalos y úsalos tal como vienen.

Descargar todo (ZIP)699 KB · SVG y PNG

Incluye una guía de uso (LEEME.txt).

Logo de TCGmatch

Logos

El logo de TCGmatch

Cada versión viene en SVG (vectorial, para imprimir o escalar sin perder calidad) y en PNG con fondo transparente. Elige la versión según el fondo donde va a ir.

Logo horizontal

PNG de 3000 × 561 px

La versión de uso general: sitio web, encabezados, firmas y piezas apaisadas.

Logo vertical

PNG de 2000 × 855 px

Para espacios más altos o cuadrados, como afiches, stickers o portadas.

Isotipo

El símbolo de las dos cartas

El isotipo solo, sin texto. Para espacios pequeños o cuadrados: íconos, avatares y sellos. Viene en SVG y en PNG transparente de 1024 × 1024 px.

Redes

Fotos de perfil e imagen para compartir

Listas para usar en redes sociales, directorios y presentaciones.

Foto de perfil oscura de TCGmatch

Foto de perfil oscura

1024 × 1024 px. Funciona recortada en círculo.

Foto de perfil clara de TCGmatch

Foto de perfil clara

1024 × 1024 px. Funciona recortada en círculo.

Imagen para compartir de TCGmatch

Imagen para compartir

1200 × 630 px. Es la que aparece al compartir un enlace de tcgmatch.cl.

Colores

Paleta de la marca

El degradado de celeste a azul es el sello de TCGmatch: está en el isotipo y en «match».

Degradado de marca

De celeste a azul, de arriba hacia abajo.

HEX#00E0FF → #2563EB
CSSlinear-gradient(180deg, #00E0FF 0%, #2563EB 100%)

Celeste

Extremo claro del degradado de marca.

HEX#00E0FF
RGB0, 224, 255

Azul

Extremo oscuro del degradado y color de los botones del sitio.

HEX#2563EB
RGB37, 99, 235

Azul oscuro

Fondo de marca: imagen para compartir y fotos de perfil.

HEX#0F172A
RGB15, 23, 42

Negro

«TCG» en el logo a color.

HEX#000000
RGB0, 0, 0

Blanco

«TCG» sobre fondos oscuros y logo en una tinta.

HEX#FFFFFF
RGB255, 255, 255

Tipografía

Las fuentes de la marca

TCGmatch usa dos tipografías. Si vas a armar una pieza con texto, consíguelas con su fundidora.

Goldplay

Latinotype, fundidora chilena

Ver Goldplay en Latinotype

Los archivos de fuente no vienen en el kit: cada tipografía se licencia directamente con su fundidora.

Sistema tipográfico

Doce estilos, de la portada al precio: familia, peso, tamaño e interlineado de cada uno.

Las muestras usan Nexa y Goldplay si las tienes instaladas; si no, la fuente del sistema. La referencia son las medidas.

Títulos

  • Titular grandeDisplay

    La frase principal de una portada o un banner. Una por pieza.

    Liga de los sábados

    Familia
    Nexa Heavy
    Peso 900 · sistema 800
    Tamaño
    60 px
    Móvil 40 px
    Interlineado
    1,02
    Móvil 1,05
    Espaciado
    −0,025 em
    Caja
    Oración
    Lienzo 1080*
    104 px / 1,02
  • Título de páginaH1

    El título de una página o de un post. Uno por pieza.

    Compra y vende cartas

    Familia
    Nexa Heavy
    Peso 900 · sistema 800
    Tamaño
    48 px
    Móvil 36 px
    Interlineado
    1,1
    Espaciado
    −0,025 em
    Caja
    Oración
    Lienzo 1080*
    80 px / 1,05
  • Título de secciónH2

    Títulos de sección dentro de una página.

    Ofertas de la semana

    Familia
    Nexa Heavy
    Peso 900 · sistema 700
    Tamaño
    30 px
    Móvil 24 px
    Interlineado
    1,25
    Espaciado
    −0,025 em
    Caja
    Oración
    Lienzo 1080*
    60 px / 1,1
  • Título de tarjetaH3

    Títulos de tarjeta y nombres de producto.

    Gólem de Ámbar

    Familia
    Goldplay SemiBold
    Peso 600
    Tamaño
    20 px
    Móvil 18 px
    Interlineado
    1,375
    Espaciado
    −0,01 em
    Caja
    Oración
    Lienzo 1080*
    44 px / 1,25

Texto

  • BajadaSubtitle

    Bajo un título, para presentar el tema en una o dos líneas.

    Publica tus cartas en minutos y véndelas a jugadores de todo Chile.

    Familia
    Goldplay Regular
    Peso 400
    Tamaño
    18 px
    Igual en móvil
    Interlineado
    1,78
    32 px
    Espaciado
    0
    Caja
    Oración
    Lienzo 1080*
    36 px / 1,4
  • TextoBody

    Texto de lectura: descripciones, condiciones y párrafos.

    Revisa la condición de cada carta antes de comprar. Si algo no coincide con la publicación, abre un reclamo y te ayudamos.

    Familia
    Goldplay Regular
    Peso 400
    Tamaño
    16 px
    Igual en móvil
    Interlineado
    1,75
    28 px
    Espaciado
    0
    Caja
    Oración
    Lienzo 1080*
    30 px / 1,5
  • Texto chicoSmall

    Datos secundarios: edición, idioma, despacho.

    Despacho en 2 a 4 días hábiles a todo Chile.

    Familia
    Goldplay Regular
    Peso 400
    Tamaño
    14 px
    Igual en móvil
    Interlineado
    1,43
    20 px
    Espaciado
    0
    Caja
    Oración
    Lienzo 1080*
    26 px / 1,45
  • NotaCaption

    Notas al pie, fechas y textos bajo una cifra.

    Precio de referencia actualizado hoy

    Familia
    Goldplay Medium
    Peso 500
    Tamaño
    12 px
    Igual en móvil
    Interlineado
    1,33
    16 px
    Espaciado
    0
    Caja
    Oración
    Lienzo 1080*
    22 px / 1,4

Interfaz

  • BotónButton

    Botones y enlaces de acción. Un verbo y pocas palabras.

    Agregar al carro
    Familia
    Goldplay SemiBold
    Peso 600
    Tamaño
    16 px
    Móvil 14 px
    Interlineado
    1,25
    Espaciado
    0
    Caja
    Oración, sin punto final
    Lienzo 1080*
    30 px / 1,2
  • AntetítuloLabel

    Antetítulos y categorías, sobre un título. Dos o tres palabras.

    Torneo oficial

    Familia
    Goldplay SemiBold
    Peso 600
    Tamaño
    14 px
    Móvil 12 px
    Interlineado
    1,2
    Espaciado
    +0,1 em
    Caja
    Mayúsculas
    Lienzo 1080*
    24 px / 1,2

Cifras

  • Cifra destacadaMetric

    Una cifra que es la noticia, con su nota debajo.

    12.480

    Familia
    Nexa Heavy
    Peso 900 · sistema 800
    Tamaño
    48 px
    Móvil 36 px
    Interlineado
    1
    Espaciado
    −0,03 em
    Caja
    Cifras tabulares
    Lienzo 1080*
    140 px / 1
  • PrecioPrice

    Precios en pesos: punto de miles y sin decimales.

    $12.990

    Familia
    Goldplay SemiBold
    Peso 600
    Tamaño
    20 px
    Móvil 18 px
    Interlineado
    1,1
    Espaciado
    0
    Caja
    Cifras tabulares
    Lienzo 1080*
    44 px / 1,1

Móvil: pantallas de menos de 640 px.

* Lienzo 1080: tamaño / interlineado en un post o una historia de 1080 px de ancho.

Peso «sistema»: el que se usa cuando Nexa no está disponible, como en esta página.

Todo junto

Los doce estilos en una página de ejemplo, en escritorio y en celular.

Torneo · Temporada 2026

Liga de los sábados

Doce fechas, un ranking y premios para los mejores de la temporada.

Inscribirme
Ver bases

jugadores

128

fechas

12

rondas por fecha

6

Compra y vende cartas TCG

Publica tus cartas, compara precios entre tiendas y recibe tu compra en cualquier parte de Chile.

Ofertas de la semana

Ver todas

Vigía Lunar

Ed. Cumbres

$12.990

3 disponibles

Gólem de Ámbar

Ed. Cumbres

$4.590

1 disponible

Celular, menos de 640 px

Qué cambia en el celular

En pantallas de menos de 640 px, los títulos, botones, etiquetas y cifras bajan un paso.

  • Titular grandeDisplay60 → 40 px
  • Título de páginaH148 → 36 px
  • Título de secciónH230 → 24 px
  • Título de tarjetaH320 → 18 px
  • BotónButton16 → 14 px
  • AntetítuloLabel14 → 12 px
  • Cifra destacadaMetric48 → 36 px
  • PrecioPrice20 → 18 px

Iguales en ambos: Bajada 18 px · Texto 16 px · Texto chico 14 px · Nota 12 px.

Reglas rápidas

Cuatro errores comunes y cómo evitarlos.

Correcto

Torneo

Liga de los sábados

Incorrecto

Liga de los sábados

Mayúsculas solo en etiquetas

Un antetítulo corto, sí; un título entero en mayúsculas cuesta leerlo.

Correcto

$12.990

Incorrecto

$12,990.00

Precios con punto de miles

Signo peso, punto de miles y sin decimales, como en el sitio.

Correcto

Liga de los sábados

Incorrecto

Despacho en 2 a 4 días hábiles a todo Chile.

Degradado en una sola palabra

Solo en un titular grande (Display o H1) sobre azul oscuro. Nunca en texto chico.

CorrectoInscribirme
IncorrectoINSCRIBIRME.

Botones en tipo oración, sin punto

Un verbo y pocas palabras.

Uso del logo

Cómo usar el logo

Unas pocas reglas para que el logo se vea siempre bien y se reconozca a la primera.

Espacio libre

Deja alrededor del logo un margen libre igual al alto de la «T» de TCG. Ningún texto, imagen ni borde debe entrar en esa zona. La regla es la misma para el logo vertical.

Tamaño mínimo

Por debajo de este tamaño el texto deja de leerse bien. Si el espacio no alcanza, usa el isotipo.

24 px

En pantalla

24 px de alto

25 mm

En impresión

25 mm de ancho

Lo que no hay que hacer

Incorrecto: No lo deformes

Escálalo siempre en proporción, sin estirarlo ni aplastarlo.

Incorrecto: No cambies los colores

Usa solo las versiones a color, blanco o negro del kit.

Incorrecto: No lo rotes

El logo va siempre derecho, sin inclinarlo.

Incorrecto: No agregues efectos ni sombras

Sin sombras, contornos, brillos ni degradados nuevos.

Incorrecto: No lo uses sobre fondos sin contraste

Elige la versión que se lea bien sobre el fondo, o cambia el fondo.

Incorrecto: No separes el isotipo del texto

No los muevas ni los combines de otra forma: usa la versión horizontal o la vertical.

Fondos

Logo sobre imágenes y fondos

Elige la versión según el fondo que queda justo detrás del logo. Si ninguna se lee entera, usa un contenedor.

Guía rápida

Mira la zona donde va el logo, no la imagen completa.

  • Claro y parejo

    Blanco, grises y fotos luminosas

    Usa: Original

  • Oscuro y parejo

    Azul oscuro, negro y fotos nocturnas

    Usa: Original para fondo oscuro

  • De color medio o intenso

    Azules, degradados y colores fuertes

    Usa: Blanco

  • De color claro

    Celestes, pasteles o impresión a una tinta

    Usa: Negro

  • Con detalle o sin contraste

    Texturas, cartas y medios tonos

    Usa: Contenedor

Caso por caso

Primero lo correcto; al lado, el error más común.

Fotografía clara

Correcto: Original

Se lee completo sobre la luz.

Incorrecto: Blanco

Se pierde en las zonas claras.

Fotografía oscura

Correcto: Original para fondo oscuro

El «TCG» pasa a blanco.

Incorrecto: Original

El «TCG» negro desaparece.

Fotografía con mucho detalle

Correcto: Contenedor blanco

Le da al logo un fondo parejo.

Incorrecto: Blanco sobre la foto

La textura se come las letras.

Fondo con degradado

Correcto: Blanco, en la zona oscura

Donde el degradado es parejo.

Incorrecto: Original

«match» choca con el fondo.

Celestes, como el logo

Correcto: Negro

Contrasta con los celestes.

Incorrecto: Blanco

Sobre celeste casi no se ve.

Azules, como el logo

Correcto: Blanco

Destaca sobre el azul.

Incorrecto: Original

«match» se funde con el fondo.

Imágenes de cartas

Correcto: En una zona despejada

Sobre el tapete, lejos del arte.

Incorrecto: Encima de las cartas

Compite con el arte y se pierde.

Ninguna versión contrasta

Correcto: Contenedor azul oscuro

Cuando ninguna versión alcanza.

Incorrecto: Blanco o negro, sin respaldo

Ninguno se lee entero.

Contenedor de protección

Es el espacio libre del logo, pintado de blanco o azul oscuro. Úsalo cuando ninguna versión se lea sobre la imagen.

Medidas

½ x
Margen de x
x = alto de la «T»
Radio de ½ x
Crece con el logo
Blanco o azul oscuro
Sólido, sin sombra

Formas

  • Panel blanco

    Con el original

  • Panel azul oscuro

    Con el de fondo oscuro

  • Franja

    De borde a borde

  • Isotipo

    En espacios pequeños

Adapta el fondo, no el logo

Si no se lee, cambia la versión, mueve el logo a otra zona o usa un contenedor.

Incorrecto: No le agregues sombra ni contorno

La sombra no arregla el contraste.

Incorrecto: No le bajes la opacidad

Siempre al 100 %, sin fundirse con la foto.

Incorrecto: No uses vidrio ni transparencias

Sobre una foto, el contenedor es sólido: blanco o azul oscuro.

Incorrecto: No inventes contenedores

Ni otros colores ni otras formas.

Incorrecto: No aprietes el contenedor

El margen es x por lado, como el espacio libre.

Incorrecto: No lo cortes con el borde

El espacio libre también va contra el borde de la imagen.

Jerarquía

Jerarquía de marca

Cuánto pesa TCGmatch en una pieza según su rol. Cómo se arma cada combinación de logos está en Co-branding.

Los tamaños son de peso óptico, no de alto: las fracciones (¾, ½) se comparan a ojo según la forma de cada logo. La x es el alto de la «T» de TCG, la unidad del espacio libre.

Caso A: Evento o campaña oficial de TCGmatch

TCGmatch es la marca principal y tiene la máxima jerarquía.

Tamaño relativo
La marca con más peso de la pieza; nada la iguala.
Posición
Arriba a la izquierda o abajo al centro.
Distancia entre marcas
Su espacio libre de una «T», sin otras marcas cerca.
Texto de contexto
No lleva.

Correcto: Protagonista de la pieza

Solo y al tamaño de logo principal.

Incorrecto: Chico y en una esquina

Así parece un auspiciador de su propio evento.

Caso B: Evento de TCGmatch junto a un partner

TCGmatch mantiene la jerarquía principal y el partner aparece como secundario.

Tamaño relativo
El partner, claramente menor: cerca de ¾ del tamaño óptico de TCGmatch.
Posición
TCGmatch primero, a la izquierda o arriba.
Distancia entre marcas
x, separador, x (o 2x sin separador).
Texto de contexto
Opcional, antes del partner: «Junto a», «En alianza con».

Correcto: TCGmatch primero y más grande

El partner va después del separador.

Incorrecto: El partner adelante

Si el evento es de TCGmatch, el partner no va primero ni más grande.

Caso C: Evento externo auspiciado por TCGmatch

La marca del organizador es la principal y TCGmatch aparece como sponsor o partner.

Tamaño relativo
Cerca de la mitad del tamaño óptico del organizador, igual que los otros auspiciadores.
Posición
En la franja de auspiciadores, abajo; nunca junto al título.
Distancia entre marcas
x entre auspiciadores; la franja, separada del contenido.
Texto de contexto
«Auspicia», «Con el apoyo de» o «Partner oficial».

Correcto: En la franja de auspiciadores

Al mismo peso que las demás marcas que apoyan.

Incorrecto: Al nivel del organizador

En un evento ajeno, TCGmatch no va arriba ni con su mismo peso.

Caso D: Colaboración 50/50

Las dos marcas tienen el mismo peso óptico.

Tamaño relativo
El mismo peso óptico; no el mismo alto ni el mismo ancho.
Posición
En una fila, alineada como el resto de la pieza; primero la marca que publica.
Distancia entre marcas
x, separador, x.
Texto de contexto
No hace falta. Si va, sobre los logos: «En colaboración».

Correcto: Mismo peso a la vista

El logo cuadrado va más alto para pesar lo mismo.

Incorrecto: Mismo alto

Igualar el alto no iguala el peso: el cuadrado se ve más chico. Ver proporción óptica.

Co-branding

Co-branding y alianzas

Cómo armar el logo de TCGmatch junto al de otra marca. Qué peso le toca a cada una según su rol está en Jerarquía.

Seis combinaciones

Los logos de otras marcas son de ejemplo: usa siempre el archivo oficial de cada una.

TCGmatch
PARTNER

Igual jerarquía

Mismo peso óptico y el separador al medio.

Caso D en Jerarquía
TCGmatch
PARTNER

TCGmatch principal

El partner, más chico, después del separador.

Caso B en Jerarquía
ORGANIZADOR
TCGmatch

Partner principal

TCGmatch acompaña como colaborador.

Caso C en Jerarquía
PARTNER
En alianza conTCGmatch

En alianza con TCGmatch

En la pieza del partner: el texto va antes de TCGmatch, sin separador.

TIENDA
Powered byTCGmatch

Powered by TCGmatch

Para una tienda o un servicio que funciona con TCGmatch: abajo y chico.

TCGmatch
PARTNER
TIENDA

Tres o más marcas

Todas con el mismo peso, en una fila y a la misma distancia.

Distancia, separador y alineación

Todo se mide con la x: el alto de la «T» de TCG en el logo de TCGmatch.

Distancia mínima y separador

El separador es una línea de 1 px, gris claro o blanca al 30 %, del alto del logo más alto.

TCGmatch
PARTNER
Con separador: x, línea, x
TCGmatch
En alianza conPARTNER
Sin separador (con texto de contexto): 2x

x = alto de la «T» de TCG

Alineación

Los logos se centran en un mismo eje, nunca por la base ni por arriba.

TCGmatch
PARTNER
En fila: eje horizontal
TCGmatch
PARTNER
Apilados: eje vertical

Mismo peso, no la misma medida

Iguala lo que se ve, no los números: un logo compacto necesita más alto que uno apaisado.

TCGmatch
PARTNER

Correcto: Mismo peso óptico

Se ajusta a ojo hasta que ninguna marca parezca más grande.

Incorrecto: Mismo alto

El logo cuadrado queda chico al lado del apaisado.

Incorrecto: Mismo ancho

Ahora el cuadrado aplasta a TCGmatch.

Según la forma del logo

TCGmatch
PARTNER

Muy horizontal

Va un poco más bajo que TCGmatch: al mismo alto pesaría más.

TCGmatch
PARTNER

Cuadrado o circular

Casi el doble de alto que TCGmatch para pesar lo mismo.

TCGmatch
PARTNER

Vertical

Aún más alto. Si la fila queda muy alta, apílalos.

TCGmatch
PARTNER

Apilados

En piezas altas: logo vertical de TCGmatch arriba y el partner abajo.

Logo completo o isotipo

En una alianza va el logo completo: el isotipo solo no dice TCGmatch.

TCGmatch
PARTNER

Correcto: Logo completo

La opción por defecto, en cualquier combinación.

Isotipo de TCGmatch
PARTNER

Correcto: Isotipo en un espacio cuadrado

Solo si el espacio es chico (un avatar, un sello) y el otro logo también es compacto.

Isotipo de TCGmatch
PARTNER

Incorrecto: Isotipo frente a un logo completo

Al lado de un nombre escrito, el isotipo solo pierde.

Fondo claro y fondo oscuro

Cada marca en la versión que corresponde al fondo, y el separador también.

TCGmatch
PARTNER

Correcto: Fondo claro

TCGmatch a color y separador gris claro (#D1D5DB).

TCGmatch
PARTNER

Correcto: Fondo oscuro

TCGmatch «color para fondo oscuro», el partner en negativo y separador blanco al 30 %.

TCGmatch
PARTNER

Incorrecto: Versiones de fondo claro sobre oscuro

El «TCG» negro y el logo gris del partner se pierden.

Lo que no hay que hacer

Vale para el logo de TCGmatch y para el de cualquier marca aliada.

Incorrecto: No los pegues

Entre los logos va al menos x, o 2x sin separador.

Incorrecto: No los alinees por la base

Van centrados en el mismo eje, no por arriba ni por abajo.

Incorrecto: No deformes un logo para emparejarlo

Ni el de TCGmatch ni el del partner: cambia el tamaño, no la proporción.

Incorrecto: No uses otro separador

Ni barras gruesas ni de color: solo la línea fina y gris.

TCGmatch
PARTNER

Incorrecto: No cambies sus colores para combinarlos

Cada marca con sus colores: el partner no se pinta con el azul de TCGmatch.

Incorrecto: No dejes cada logo a su tamaño

En una fila de marcas, todas con el mismo peso y a la misma distancia.

Sistema gráfico

Formas, color y patrones

Los recursos que salen del logo. Con ellos, una pieza se reconoce como TCGmatch antes de ver el logo.

Superficies de marca

El azul oscuro con halo es la superficie de la marca; el blanco y el azul de acción la acompañan.

Antetítulo

Título

Azul oscuro con haloPrincipal

El fondo de la marca: encabezados, redes y piezas institucionales.

Fondo
#0F172A
Halo
#2563EB al 45 %

Antetítulo

Título

Blanco

Piezas claras y contenido largo, solo o con un patrón muy suave.

Fondo
#FFFFFF
Texto
#0F172A

Antetítulo

Título

Azul de acción

Llamados a la acción y bloques con texto blanco.

Degradado
#2563EB → #1E40AF

Azul oscuro liso #0F172A

Cuando la pieza ya trae mucha imagen o texto.

Gris claro #F9FAFB

Para alternar secciones y en cajas internas.

Proporción de color

Un color de fondo manda; el azul y el celeste son acentos. Proporciones aproximadas, medidas en las piezas actuales.

Pieza oscura

Como el encabezado de esta página o la imagen para compartir.

Pieza clara

El celeste va solo dentro del degradado: como texto sobre blanco no se lee.

Degradado de marca

Siempre de celeste a azul, con el celeste al inicio. Es un acento, no un fondo para leer.

Vertical · 180°

El oficial, el del isotipo: formas y muestras.

Horizontal · 90°

Bandas, barras y subrayados.

Diagonal · 135°

Superficies grandes y decorativas, sin texto encima.

Tu próxima carta

Correcto: Una palabra del titular

Solo en un titular grande (Display o H1) sobre azul oscuro.

Incorrecto: Invertido

El azul nunca va arriba ni al inicio.

Incorrecto: Con un tercer color

Solo celeste y azul.

Compra y vende cartas con envío a todo el país.

Incorrecto: Texto sobre el degradado

Blanco sobre celeste no se lee (1,6:1).

Contenedores

Tarjetas blancas y planas sobre claro; paneles de vidrio sobre azul oscuro.

Tarjeta

Blanca y plana, sobre blanco o gris claro.

Radio
16 px
Borde
1 px #E5E7EB
Sombra
mínima

Caja interna

Agrupa datos dentro de una tarjeta.

Radio
12 px
Fondo
#F9FAFB
Borde
no

Panel vidrio

Solo sobre azul oscuro, liso o con halo; nunca sobre fotos. Enmarca el logo o un dato.

Radio
24 px
Borde
blanco 10 %
Relleno
blanco 3 %
Torneo
Torneo

Píldora

Antetítulos, etiquetas y filtros.

Radio
completo
Texto
mayúsculas

Radios, bordes y sombras

Esquinas suaves como las de las cartas del isotipo, bordes finos y sombras casi planas.

Radios

Más grande el contenedor, más redondo.

  • 24 pxPaneles
  • 16 pxTarjetas
  • 12 pxCajas y botón grande
  • 8 pxBotones chicos
  • TotalPíldoras

Bordes

De 1 px. El punteado es solo para cotas.

  • Claro#E5E7EB
  • OscuroBlanco 10 %
  • Cotas#93C5FD

Sombras

Mínima en tarjetas y media en imágenes. Nada más.

  • TarjetasMínima
  • ImágenesMedia
  • Incorrecto: De colorNunca

Formas del isotipo

Una carta inclinada con esquinas suaves: la forma base del sistema. Se puede recolorear; el isotipo no.

Geometría

Medida sobre el isotipo oficial.

23,5°45 %10 %
Inclinación
23,5°
Proporción
4:5
Esquinas
7 % del alto
Desfase
45 % del alto
Corte
10 % del alto
Degradado
Vertical

La carta sola

En degradado, azul oscuro, blanco o azul suave; siempre con su inclinación.

Correcto: Acento grande

Cortada por el borde y detrás del contenido.

  1. Publica tu carta
  2. Recibe el pago
  3. Envíala

Correcto: Viñetas y pasos

Chica, en lugar de puntos o números sueltos.

Incorrecto: Reflejada, girada o estirada

Siempre inclinada a la derecha y con su proporción.

Patrones

Texturas muy suaves hechas con la carta. Van de fondo, nunca detrás de texto chico.

Rayas

Paralelas a los lados de la carta.

Trazo
2 px
Cada
24–40 px
Opacidad
4–8 %

Cartas en serie

Cartas chicas en filas escalonadas.

Losa
140 px
Opacidad
4–5 %

Sobre blanco

En azul oscuro y aún más tenue.

Color
#0F172A
Opacidad
4–5 %

Retira tu compra en la tienda o pide envío a domicilio.

Incorrecto: Marcado o bajo texto chico

Si se nota más que el contenido, sobra.

El isotipo como marca de agua

El archivo oficial, grande y tenue. Uno por pieza, y la pieza igual lleva el logo.

Correcto: Sobre azul oscuro

Grande y tenue, saliendo por una esquina.

Blanco
5–8 %
A color
10–15 %

Correcto: Sobre blanco

En negro, casi imperceptible.

Negro
3–5 %

Incorrecto: Centrado detrás del logo

Se lee como un segundo logo.

Incorrecto: Chico y entero

Si se ve completo, compite con el logo.

Tamaño: entre 60 y 120 % del alto de la pieza y al menos 3 veces el alto del logo, con cerca de un tercio fuera del borde. Sin girarlo ni cambiarle el color.

Imágenes

Fotos limpias, con esquinas redondeadas o recortadas en una carta. El texto nunca va directo sobre la foto.

Correcto: Esquinas redondeadas

Como una tarjeta, con la sombra de imagen.

Radio
12–16 px
Sombra
de imagen

Correcto: Recortada en una carta

Una sola por pieza.

Torneo

Final regional

Correcto: Velo azul oscuro bajo el texto

Del azul oscuro a transparente, solo donde va el texto.

Incorrecto: Teñida con el degradado

Sin filtros ni tintes: la foto va como es.

Composición y espaciado

Margen amplio, alineación a la izquierda y una sola idea por pieza.

Alineada a la izquierda1080 × 1350 px · 4:5

Por defecto. Logo arriba a la izquierda, texto abajo y margen de 80 px.

Centrada1080 × 1080 px · 1:1

Solo para una idea corta: un precio, una fecha, un anuncio. Logo abajo al centro.

Espaciado

Todo sale de una base de 4 px.

  • 4Unidad base
  • 8Entre botones
  • 16Dentro de una tarjeta
  • 20Entre tarjetas
  • 32Tarjetas con texto largo
  • 48Entre bloques
  • 80Margen de una pieza

Iconografía

Íconos de contorno (Heroicons), del mismo grosor: en el color del texto o en el acento de la pieza, celeste sobre oscuro y azul sobre claro.

Contorno de 1,5 px

Grilla de 24 × 24 y esquinas redondeadas, como la marca.

SVGComprar

Tamaños

16 px en botones y filas, 20 px en llamados y 28 px en insignias.

Incorrecto: Rellenos o de otros estilos

Un solo estilo: sin íconos rellenos, de colores ajenos a la marca ni con otro grosor.

El sistema en acción

Dos piezas armadas solo con estos recursos: tapa el logo y se siguen reconociendo.

Evento1080 × 1350 px · 4:5

Halo · rayas · carta de acento · palabra en degradado · panel vidrio

Una sola idea1080 × 1080 px · 1:1

Blanco · carta en degradado · botón azul · barra en degradado

Ver los templates, con sus zonas y medidas

Cartas y producto

Cartas y producto en las piezas

Un mismo tratamiento para fotos, renders y composiciones: el producto entero, sin deformar y sin quitarle el lugar al mensaje.

Medidas

Lo que se mantiene igual en todas las piezas.

Proporción y perspectiva

63 × 88 mm (5:7), siempre entera y de frente: se gira, nunca se estira ni se tuerce.

Ángulos

0°, 6° o 12°, hacia el mismo lado que el isotipo. Su inclinación, 23,5°, es el tope.

Superposición

Como en el isotipo, la de adelante va más abajo y cubre a lo más el 40 % de la otra.

Escala y profundidad

Hasta tres planos: la principal adelante, las de apoyo al 70 % y el fondo.

Sombra

Una sola luz, desde arriba: sombra suave hacia abajo, en azul oscuro y sin color.

Márgenes y texto

En un lienzo de 1080: 80 px al borde y al texto. Entre cartas, 1/10 de su alto.

El isotipo inclina sus cartas con un sesgo; una carta real solo se gira. Sus 23,5° marcan el tope, no la forma.

Composiciones

Los casos más comunes, con las mismas medidas.

Una carta

Al centro o en su columna; derecha o girada 6°.

Dos cartas

Paralelas, como el isotipo: la izquierda más abajo y 1/10 del alto entre ambas.

Grupo

En abanico, en pasos de 6°: de cada carta se ve su nombre.

Carta destacada

Una sola, al frente y más grande; las de apoyo al 70 %, detrás.

Cartas de apoyo

Más chicas y a un costado, en un tercio de la pieza: el mensaje manda.

Superpuestas

En escalera: cada una deja ver su nombre y su arte.

Sobre fondo de marca

Halo, rayas o una forma del isotipo detrás; la carta encima y entera.

Producto sellado

Derecho, entero y apoyado, con su escala real: carta, sobre, caja.

Carta, logo y botón

La carta acompaña al mensaje: no tapa el logo ni el texto.

Tres zonas que no se pisan

Medidas en un lienzo de 1080 px de ancho.

  1. Logo

    Arriba, con su espacio libre. Ninguna carta lo toca.

  2. Carta

    Entera y dentro del margen de 80 px.

  3. Texto y botón

    Juntos, a 80 px de la carta, con un solo botón y nunca sobre el arte.

En formatos horizontales, como un banner, la carta va a un costado y el texto al otro, con la misma separación.

Correcto: Cada cosa en su zona

Logo, carta y mensaje separados por 80 px.

Incorrecto: La carta encima de todo

Tapa el logo y queda bajo el texto: nada se lee bien.

En fotos

Luz pareja y un fondo tranquilo: la carta es la protagonista.

Correcto: De frente o desde arriba

Con luz suave y pareja, sin reflejos sobre el arte.

Incorrecto: Con reflejos

Un brillo sobre el arte esconde la carta: cambia la luz o el ángulo.

Incorrecto: Sobre un fondo recargado

La textura compite con la carta: usa una superficie lisa u oscura.

Lo que no hay que hacer

Incorrecto: No la deformes

Escálala siempre en su proporción, 63 × 88.

Incorrecto: No la inclines como el isotipo

El isotipo va sesgado; la carta solo se gira.

Incorrecto: No la cortes con el borde

Muéstrala entera y dentro del margen.

Incorrecto: No la recortes con la forma del isotipo

Esa forma es para fotos de ambiente y acentos, no para el producto.

Incorrecto: No tapes su nombre ni su arte

De la carta de atrás se ve al menos el 60 %.

Incorrecto: No la gires de más

En pasos de 6° y nunca más de 23,5°.

Incorrecto: No le pongas filtros ni brillos

Va con sus colores reales y la sombra suave.

Incorrecto: No la pongas en perspectiva

De frente: se gira en el plano, no se tuerce.

Incorrecto: No cambies la escala real

La carta nunca se ve más grande que su sobre o su caja.

Comunicación

Modos de comunicación

Una sola identidad con tres intensidades. El logo, las tipografías y los colores no cambian: cambian la composición y la cantidad de elementos.

Siempre igual

La base de la marca no cambia en ningún modo.

  • LogoArriba a la izquierda o abajo al centro
  • TipografíaNexa y Goldplay
  • ColoresCeleste, azul y azul oscuro
  • Margen y CTA80 px y un solo botón

Cambia la intensidad

Más o menos color, elementos y movimiento según lo que se comunica.

  1. Institucional

  2. Marketplace

  3. Comunidad

Modo 1: Institucional

Sobrio y con mucho aire: la marca habla como empresa.

  • Alianzas
  • Comunicados
  • Prensa
  • Documentos formales
Post1080 × 1350 px · 4:5

Características visuales

Color
Blanco o azul oscuro plano; el degradado, solo en un filete.
Elementos
Logo, titular y una línea. Sin producto ni stickers.
Composición
Alineada a la izquierda, con mucho espacio libre.
Tipografía
Título de página (H1) y texto de lectura; sin cifras destacadas.
Banner web1240 × 296 px

Correcto: Un mensaje y mucho aire

Logo, titular y una línea bastan.

Incorrecto: Sin stickers ni ofertas

Los precios y los sellos de oferta no van en una pieza formal.

Modo 2: Marketplace

El producto y el precio mandan, con un llamado a la acción claro.

  • Productos
  • Promociones
  • Precios
  • Oportunidades
Post1080 × 1350 px · 4:5

Características visuales

Color
Fondo claro; azul de acción en el botón y degradado detrás del producto.
Elementos
Producto, precio y un solo botón.
Composición
El producto al centro y el precio junto al botón.
Tipografía
Precio como cifra destacada (Metric) y nombre del producto.
Banner web1240 × 296 px

Correcto: Producto, precio y un botón

Que se entienda qué es, cuánto cuesta y qué hacer.

Incorrecto: No satures la pieza

Varios botones y sellos compiten entre sí y nada se lee.

Modo 3: Comunidad

Más energía para torneos y comunidad, con la misma paleta.

  • Torneos
  • Rankings
  • Resultados
  • Contenido social
Post1080 × 1350 px · 4:5

Características visuales

Color
Azul oscuro con halo, degradado y patrón de líneas.
Elementos
Cartas, cifras, rankings y auspiciadores.
Composición
Diagonales de 23,5° y escala marcada.
Tipografía
Titular grande (Display) con una palabra en degradado.
Banner web1240 × 296 px

Correcto: Energía con la paleta de marca

Degradado, diagonales y cifras grandes.

Incorrecto: No cambies colores ni fuentes

Más energía no es otra identidad.

Una sola marca

El mismo lanzamiento en los tres modos: cambia la intensidad, no la identidad.

Institucional1080 × 1350 px · 4:5
Marketplace1080 × 1350 px · 4:5
Comunidad1080 × 1350 px · 4:5
  • El mismo logo, en el mismo lugar
  • Los mismos estilos de titular
  • Un solo llamado a la acción
  • El mismo margen de 80 px

Templates

Templates oficiales

Composiciones base para TCGmatch y sus colaboradores: ocho formatos, un solo sistema. Cambia el contenido, no la estructura.

Zonas de cada template

  • Zona, con su número
  • Margen seguro
  • Reservado por la red

Redes sociales

Feed, historias y miniaturas de video.

Instagram · Feed

1080 × 1350 px · 4:5Modo Institucional

  • Logo
  • Imagen
  • Titular · Display o H1
  • Datos
  • Botón

Instagram · Historia

1080 × 1920 px · 9:16Modo Marketplace

  • Logo
  • Imagen
  • Titular · Display o H1
  • Botón
  • Reservado por la red

A 168 px, como en la lista de videos, el titular se sigue leyendo.

Miniatura de YouTube

1280 × 720 px · 16:9Modo Comunidad

  • Logo
  • Titular · Display o H1
  • Imagen
  • Datos
  • Reservado por la red

Piezas por objetivo

Todas en 1080 × 1350 px, el formato vertical del feed.

Anuncio de torneo

1080 × 1350 pxModo Comunidad

  • Logo
  • Titular · Display o H1
  • Datos
  • Imagen
  • Botón
  • Sponsors

Anuncio de alianza

1080 × 1350 pxModo Institucional

  • Logo
  • Sponsors
  • Imagen
  • Titular · Display o H1
  • Datos
  • Botón

Ganador y resultados

1080 × 1350 pxModo Comunidad

  • Logo
  • Titular · Display o H1
  • Datos
  • Imagen
  • Sponsors

Promoción u oferta

1080 × 1350 pxModo Marketplace

  • Logo
  • Sponsors
  • Imagen
  • Titular · Display o H1
  • Datos
  • Botón

Web

Del tamaño de los banners de la página de inicio.

Banner web

1240 × 296 pxModo Marketplace

  • Logo
  • Titular · Display o H1
  • Botón
  • Datos
  • Imagen

Los archivos editables de cada template se podrán descargar desde su tarjeta. Si necesitas uno antes, escríbenos.

Sobre TCGmatch

Textos para presentar a TCGmatch

Para notas de prensa, bases de concursos, auspicios o la descripción de un evento.

Descripción corta

TCGmatch es el marketplace chileno de cartas coleccionables. Jugadores, coleccionistas y tiendas compran y venden Pokémon, Magic, Mitos y Leyendas, One Piece y más, comparando precios de decenas de vendedores.

Descripción larga

TCGmatch es el marketplace chileno de cartas coleccionables, donde jugadores, coleccionistas y tiendas compran y venden cartas sin barreras. Nació en agosto de 2023 de la mano de Sebastián Iturra, jugador de TCG que, al volver al hobby, notó que en Latinoamérica no existía una plataforma que conectara de verdad a compradores y vendedores. Hoy reúne Pokémon, Magic, Mitos y Leyendas, One Piece, Yu-Gi-Oh!, Lorcana y más en un solo lugar: se pueden comparar precios de decenas de vendedores, publicar gratis y pagar de forma segura con Mercado Pago. TCGmatch está disponible en tcgmatch.cl y en su app para iOS y Android, y su propósito es convertirse en el marketplace referente del TCG en toda Latinoamérica.

Cómo se escribe el nombre

Todo junto, con «TCG» en mayúsculas y «match» en minúsculas.

  • Correcto: TCGmatch
  • Incorrecto: TCG Match
  • Incorrecto: Tcgmatch

La app de TCGmatch

Compra, vende y colecciona desde el celular. Disponible para iOS y Android.

¿Necesitas otro formato o tienes dudas?

Escríbenos y te ayudamos con lo que necesites.

Al descargar estos recursos aceptas usarlos sin modificarlos y solo para referirte a TCGmatch.