Logo
experimentalLa API puede cambiar sin una versión mayor. Desde la versión 0.1.0.
Logo maestro |: pipepath en texto, con un sufijo opcional en Silkscreen para el sitio o el producto.
import { Logo } from '@pipepath/brand-ui';Ejemplos
tema oscuro
|: pipepath|: pipepath design
arcade claro
|: pipepath|: pipepath design
Props
| Prop | Tipo | Por defecto | Descripción (en inglés, desde el código) |
|---|---|---|---|
className | string | — | |
ref | Ref<HTMLSpanElement> | — | |
suffix | string | — | Site or product name after the wordmark, in Silkscreen (for example `brand`, `design`). |
Cuándo usarlo
- En el encabezado de los sitios de Pipepath, dentro de un enlace al inicio con un
aria-labelque diga a dónde va. - El sufijo nombra el sitio o el producto en Silkscreen.
Cuándo no usarlo
- Para imágenes, favicons, lockups o imágenes OG: descarga los archivos en brand.pipepath.com.
- No lo redibujes ni cambies sus colores: la marca va en cian de marca y el wordmark en el color de texto.