@olundot/ui · Reference

OlunLogo

OLUN wordmark와 symbol을 package component로 렌더링하는 브랜드 자산입니다.

OlunLogo
symbol과 wordmark를 함께 렌더링합니다.
OlunSymbol
조밀한 app icon이나 nav brand에 쓰는 symbol-only export입니다.
tokens
text-primary, accent-solid, accent-fg 토큰으로 mode에 대응합니다.

기본 로고

symbol + wordmark
OLUN.
코드 보기tsx
import { OlunLogo } from "@olundot/ui";

export function BrandLockup() {
  return <OlunLogo />;
}

심볼

OlunSymbol
코드 보기tsx
import { OlunSymbol } from "@olundot/ui";

export function CompactBrand() {
  return <OlunSymbol size={40} />;
}

워드마크 단독

showSymbol=false
OLUN.
코드 보기tsx
import { OlunLogo } from "@olundot/ui";

export function WordmarkOnly() {
  return <OlunLogo showSymbol={false} fontSize={22} />;
}