"어떻게 진행되나"를 번호로 잇는 섹션. 데스크톱은 가로 + 사이 연결선, 모바일은 세로 + 왼쪽 세로선으로 자동 전환(마크업 변화 없음).
패턴 고르기
갤러리에서 라이브 프리뷰를 보고 필요한 것만 고릅니다.
폴더 복사
src/patterns/<slug> 폴더를 그대로 프로젝트에 가져옵니다.
토큰 맞추기
브랜드 색 토큰만 바꾸면 라이트·다크가 함께 맞춰집니다.
배포
추가 의존성이 없어 그대로 빌드하면 끝입니다.
데스크톱은 가로 + 사이 연결선, 모바일은 세로 스택 + 왼쪽 세로선으로 자동 전환됩니다(마크업은 그대로).