1. Global Navigation & Status (네비게이션 및 배지)
Primary Badge
Success State
Error State
Muted Info
2. Typography Scale (제목 위계)
Heading level 1
Heading level 2
Heading level 3
Typography 그룹의 'Heading Scale'을 조절하면 제목들 사이의 크기 차이가 수학적으로 계산되어 변화합니다. 폰트 변경도 즉각 반영됩니다.
3. Focus & Interactive (인터랙션 및 포커스)
아웃라인 버튼의 테두리와 텍스트 색상이 Primary 토큰과 완벽하게 동기화되며, 호버 시 배경색이 칠해집니다.
4. Motion Visualization (애니메이션 리듬)
박스에 마우스를 올리세요
설정된 Duration 및 Easing 값이 이 박스뿐만 아니라 컴포넌트 전체 호버 트랜지션에 일괄 적용됩니다.
5. Grid Gutter (그리드 간격 제어)
Column A
Column B
Column C
6. Data & Components (데이터 및 모달)
| Project Name | Management |
|---|---|
| Bootstrap Ultimate Engine |
코드 자동 추출 (Export)
정교하게 세팅된 모든 글로벌 토큰이 포함된 최적화 CSS 코드입니다.
ultimate-system.css