@zedtech/zedkit-brand
Use the ready-made SVG files
Ship the logos as plain SVG files: mark, wordmark and lockup, each on light and on dark, plus favicon, apple-touch and og.
alpha
Usage
At a glance
- Who: Anyone who wants a file path: a bundler import, an
<img>, a design tool, a copy step. - What: Ship the logos as plain SVG files: mark, wordmark and lockup, each on light and on dark, plus favicon, apple-touch and og.
- Use when: Static sites, documents, and anywhere an
<img src>is enough. - Avoid when: When the logo must follow the text colour — use
ZedkitLogoorlogoSvgwiththeme: "current". - See also: Get the logo as SVG markup, icon sources or raw shapes
Install
pnpm add @zedtech/zedkit-brandLatest: 0.0.0 (via changesets).
Example
// Files in `@zedtech/zedkit-brand/assets/*`: mark | wordmark | lockup, each -on-light.svg or -on-dark.svg, plus favicon, apple-touch, og.
import lockupUrl from "@zedtech/zedkit-brand/assets/lockup-on-dark.svg";Wraps: (none)
Get the logo as SVG markup, icon sources or raw shapes
Build a standalone SVG of the mark, wordmark or lockup on light, on dark or in the current colour; get the favicon, apple-touch and 1200x630 social card source…
Model success or failure without throwing
Return `ok`/`err` Results so failures are values the compiler forces you to handle.