ELIO DESIGN LIBRARY

무엇을 만들까요?

만들고 싶은 결과를 먼저 고르세요. 예제를 살펴보거나 내 내용으로 바로 시작할 수 있습니다.

START WITH A PAGE

내 내용이 담길 첫 페이지

결과물 스타일·색상 선택 사항예제의 추천 스타일로 살펴봅니다.

8가지 스타일을 나란히 비교

EXPLORE THE LIBRARY

이름보다 쓰임을 먼저 보고 고르세요.

FOR PEOPLE & AGENTS

첫 페이지를 만들 때도, 다음 화면을 다듬을 때도.
같은 입력과 정본으로 이어집니다.

기존 구성을 고르고 내 내용으로 편집하세요. 열어 볼 페이지는 HTML로, 다시 편집할 구성은 JSON으로 보관합니다.

작업 화면의 조작 기준과 결과물의 스타일을 구분하고, 이미 있는 토큰·컴포넌트·브랜드 아이콘을 사용하세요.

항목의 상세에서 원본 위치와 지원 입력을 확인하세요. 수정할 정본과 생성되는 파일, 확인 명령을 연결해 두었습니다.

정본·입력 형식·확인 명령

내려받은 편집 JSON을 프로젝트 루트에서 새 HTML로 렌더할 수 있습니다.

node scripts/render_cva.cjs --input my-page.cva.json --output my-page.html

실험적 표현은 해당 등록 정보가 있는 항목에 표시합니다. 정지 상태로 시작하고 사용자가 명시적으로 켭니다. 표시가 없는 항목도 적용 환경에 맞는 동작 확인이 필요합니다.

파일 형식의 버전, 현재 소스 커밋, 실제 서비스 반영은 각각 확인합니다. 결과물의 로고·출처 표시는 기존 이용 기준에 따라 선택할 수 있습니다.