LogoForge

Interactive brand-mark editor: pick a shape, monogram, palette and layout, browse twelve seeded variations, then download SVG or PNG or copy the SVG source. The chrome follows data-style and the active theme; the marks keep their own palettes.

Import

import { LogoForge } from "@jcsoftdev/ui/brand";

Usage

<LogoForge />

Props

Prop	Type	Default	Description
defaultValue	Partial<LogoForgeValue>
onChange	((options: MarkOptions) => void)		Called with the generator options each time the editor changes.
className	string

* marks a required prop.

Storybook stories

• Default
• Narrow
• Brutal Preset
• Barbería Don Lucho

Source

packages/ui/src/brand/logo-forge.tsx