@zedtech/zedkit-brand
Show the logo in a React app
Render the logo as an inline SVG that follows the text colour, so light and dark need no second asset.
At a glance
- Who: React apps that put the mark, the wordmark or both in a header, a footer or a sign-in page.
- What: Render the logo as an inline SVG that follows the text colour, so light and dark need no second asset.
- Use when: Any React surface that shows the zedkit brand.
- Avoid when: Your own brand mark — draw it with your own SVG;
@zedtech/zedkit-uihasBrandLogofor that. - See also: Get the logo as SVG markup, icon sources or raw shapes
Install
pnpm add @zedtech/zedkit-brandLatest: 0.1.1 (via changesets).
Example
import { ZedkitLogo } from "@zedtech/zedkit-brand/react";
const header = <ZedkitLogo variant="lockup" height={32} />;Wraps: react
Write each tool's agent files from one source and a policy
Generate `.cursor/agents`, `.claude/agents`, and Muse-native files in `.agents/agents` from the unmarked/kit source and `.agents/tokenomics.md`, with the model…
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…