← All packages

@lacspace/brand

v1.1.0Media Kit0 deps

The official Lacspace mark, colours and animations — for everyone to use. Render the self-contained SVG logo and the signature self-crafting reveal anywhere (zero-dep, isomorphic), make Lacspace installable as a favicon / PWA app-icon in one call, and reach the pixel-exact master artwork + Lottie motion bundled inside. Free to reference Lacspace under the Brand Usage Licence — don't alter the mark. Includes React bindings.

npm i @lacspace/brand

Usage

brand.ts
import { mark, craftMark, installable, brandCss } from "@lacspace/brand";

// The Lacspace mark, self-contained — no fonts, no deps
logoEl.innerHTML = mark({ size: 256, variant: "fullcolor" });

// The signature self-crafting hero animation (pure CSS, zero JS)
heroEl.innerHTML = craftMark({ size: 320 });

// Make Lacspace installable as a favicon / PWA app-icon
const { headLinks, manifest, dataUri } = installable({ base: "/brand/", name: "Lacspace" });

// Palette as CSS variables
document.head.insertAdjacentHTML("beforeend", `<style>${brandCss()}</style>`);

Exports 14

markiconTilecraftMarkpulseMarkfloatMarkrevealMarkshimmerMarkinstallablefaviconDataUriwebManifestbrandCssCOLORSGUIDELINESASSETS

Keywords

lacspacebrandlogobrand-assetslogo-animationanimated-svglottiefaviconapp-iconpwa-iconreact

More in Media Kit