brand.pipepath.com · v1.0.1

La marca de Pipepath, lista para usar.

Tokens, primitivas Arcade, tipografía y voz para cada superficie de Pipepath. Todo sale de un solo import: @pipepath/brand/css/brand.css.

Tipografía

space grotesk · jetbrains mono · silkscreen
display · 700Tu servidor, en línea sin abrir puertos.
título · 700Abre el puerto 25565 en tu servidor local.
cuerpo · 400

El agente abre una conexión saliente hacia el relay más cercano. No tocas el router ni configuras el firewall: el relay recibe a los jugadores y los envía a tu servidor local.

monomc-7f3k.spawn.gg · tcp 25565 · 18 ms
pixel · etiquetasen línea · 12 jugadores
12px14px16px18px24px32px46px64px

Color

oscuro por defecto · arcade claro
bgOscuro #0A0A12Claro #F6F5FB
surfaceOscuro #12121EClaro #FFFFFF
lineOscuro #2A2A40Claro #D9D6EA
fgOscuro #F1F0FFClaro #14121F
mutedOscuro #8F8DB0Claro #5E5A7A
accentOscuro #B18CFFClaro #6D3FE0
accent-2Oscuro #5CE1E6Claro #0A737A
okOscuro #7DFF9BClaro #13773A
warnOscuro #FFD166Claro #9A6400
errOscuro #FF6B8AClaro #C42A4B

Neones de producto

violeta · SpawnOscuro #B18CFFClaro #6D3FE0
limeOscuro #C6FF4DClaro #4F7A00
pinkOscuro #FF7AD9Claro #B0247F
amberOscuro #FFB547Claro #8F5A00

Componentes

hud · túnel · botones

Cómo habla la marca

claro · concreto · de jugador a jugador
ContextoTonoJerga gamerEjemplo
Titulares de landing y secciones principales (hero)EnérgicoSí, medida«Tu servidor, en línea sin abrir puertos.»
Estados vacíos, 404, éxitoLivianoSí«Sin túneles todavía. Crea uno y llama a tu party.»
Guías y docsClaro, paso a pasoSolo términos que los jugadores ya usan«Abre el puerto 25565 en tu servidor local.»
ErroresCalmo: qué pasó y cómo se arreglaNo«Tu servidor de Minecraft no responde en el puerto 25565. Ábrelo y Spawn reconecta solo.»
Precios, facturación, cuenta, legalSerio, exactoNunca«Tu plan Pro se renueva el 12 de noviembre por USD 5.»
Incidentes y caídasTransparente, con horasNunca«El relay de São Paulo está caído desde las 14:05 (UTC−3). Ya lo estamos levantando.»

Descargas

svg · png 1× · png 2×

Logo

El sufijo -dark es para fondos oscuros y -light para fondos claros.

Ícono

El sufijo -dark es para fondos oscuros y -light para fondos claros.

Favicon

Dibujados en píxeles a 16×16 y a 32×32.

Lockups de producto

El sufijo -dark es para fondos oscuros y -light para fondos claros.

Imágenes OG

Imágenes de 1200×630 para compartir, una por producto.