Skip to content

brands/marks

import { … } from 'zidane-ui'ui/src/brands/marks.ts

Constants#

BRAND_MARKSConstant#

Every logo the kit has, by slug.

TypeScript
const BRAND_MARKS: Readonly<Record<string, BrandMarkData>>

ui/src/brands/marks.ts:28

Interfaces#

BrandMarkDataInterface#

One logo: the brand's name, its color and its paths.

TypeScript
interface BrandMarkData
BrandMarkData properties
NameTypeDescription
hexstring

The brand color, as six hex digits without #.

pathsreadonly BrandMarkPath[]

The logo, as one-color paths in a 24 by 24 box.

titlestring

The brand's name.

ui/src/brands/marks.ts:18

BrandMarkPathInterface#

One path of a logo, in a 24 by 24 box.

TypeScript
interface BrandMarkPath
BrandMarkPath properties
NameTypeDescription
dstring

The SVG path.

evenOdd?boolean

The path fills by the even-odd rule.

ui/src/brands/marks.ts:10