사람함께에이전트▾
사람 — 직접 정하고 책임지는 비즈니스 규칙과 흐름. 직접 읽어보세요.
함께 — 개념은 알아두고, 세부 규칙은 에이전트가 따릅니다.
에이전트 — 에이전트가 따르는 규칙과 레퍼런스. 필요할 때 찾아보세요.
모듈 규칙▾
CSS Styling Guidelines
Comprehensive styling guidelines for Akan.js components using TailwindCSS and akanjs/ui semantic tokens ensuring consistency, maintainability and proper theming across applications.
Core Principles
Follow these fundamental principles for consistent styling:
principle설명
Utility-First
Use Tailwind's utility classes instead of custom CSS
Component Composition
Design for composition with className overrides
Theme Consistency
Use the semantic design-token color system
Responsive Design
Mobile-first layouts with breakpoint prefixes
Accessibility
Ensure proper contrast and focus states
Class Management (clsx)
Use clsx for conditional class handling and composition:
Component Best Practices
Forward className Prop
Semantic Color System
primarycolor기본값 theme-defined
Primary brand color
secondarycolor기본값 theme-defined
Secondary brand color
base-100color기본값 theme-defined
Base background color
Responsive Design
State Variants
Consistent Spacing