mirror of
https://github.com/luxfi/design.git
synced 2026-10-30 16:58:57 +00:00
zeekay
d954227524
Monochrome, dark by default. One hue rendered through an opacity ladder. Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/ overlays components + brand guidelines + ui kit. The single source of truth for every Lux surface — loadable and editable.
12 lines
511 B
TypeScript
12 lines
511 B
TypeScript
/** The Lux mark from the press kit.
|
|
export interface LuxLogoProps {
|
|
/** Rendered square size in px. Nav/footer use 22; hero lockups 80. */
|
|
size?: number;
|
|
/** white on dark surfaces (default), black on light, inherit to take currentColor. */
|
|
variant?: 'white' | 'black' | 'inherit';
|
|
title?: string;
|
|
}
|
|
export function LuxLogo(props: LuxLogoProps): JSX.Element;
|
|
export interface LuxWordmarkProps extends LuxLogoProps { label?: string }
|
|
export function LuxWordmark(props: LuxWordmarkProps): JSX.Element;
|