blurssism — 브랜드형 웹 화면을 위한 디자인 시스템

브랜드형 웹 화면을 위한 디자인 시스템이에요. 우유 거품 같은 바탕 위에 젖빛 크레마 블러레마(Blurema)를 필요한 곳에만 띄우고, 색은 카페인에서 가져왔어요. 유리 표현은 Apple Liquid Glass와 Samsung One UI에서 영감을 받았습니다.
A design system for brand-led web interfaces, with caffeine-inspired palettes, a responsive grid, and React & Svelte components.

시작하기 브랜드북 읽기

팔레트와 배경을 고르면 이 페이지와 아래 미리보기가 모두 바뀌어요. Pick a palette and background — the page and every preview follow.

시작하기 Get started

npm install @caffeinecatkr/blurssism

// React · Next.js
import { Button, PalettePicker } from "@caffeinecatkr/blurssism";
// Svelte 5 · SvelteKit
import { Button, PalettePicker } from "@caffeinecatkr/blurssism/svelte";

import "@caffeinecatkr/blurssism/tokens.css";
import "@caffeinecatkr/blurssism/bundle.css";

<html data-palette="matcha" data-theme="dark">