DESIGN.md 레퍼런스 활용 - VoltAgent
출처
- 원천 입구: getdesign.md
- 공개 저장소: VoltAgent/awesome-design-md
- 작성·관리 주체: VoltAgent / getdesign.md
- 요약 작성자: Codex
- 게시일: 지속 갱신 자료이며 최초 게시일은 확인하지 않았다.
- 확인일: 2026-09-12
내 말로 요약
사이트에서 관찰한 색상·글자·간격·구성 요소의 패턴을 DESIGN.md 형태로 살펴보는 자료 모음이다. 하나의 사례를 색상표로만 소비하지 않고 어떤 화면 목적과 정보 위계에서 그 규칙이 쓰였는지 비교하는 데 활용한다.
이 자료는 공개적으로 관찰 가능한 패턴에 대한 독립 분석이다. 브랜드가 공인한 디자인 시스템이나 해당 제품의 모든 화면을 설명하는 명세로 취급하지 않는다. 이 작업에서 상세 확인한 Linear 사례에는 큰 제목·소개 문구·CTA 등 마케팅 화면의 구성이 포함되어 있었다. 그 표현을 반복 업무용 앱의 화면 밀도에 그대로 적용할 근거로 삼지 않는다.
다시 방문할 부분
- 전체 입구: 이번 화면과 목적이 맞는 사례를 찾을 때.
- Linear 분석: 제품 소개·SaaS 페이지의 위계와 분위기를 비교할 때. 현재 분석의 대상 화면을 다시 확인한다.
- Vercel 분석: 기술 제품 사이트의 표현을 비교할 때. 실제 사용할 규칙은 미리보기와 본문을 함께 본다.
적용과 확인 경계
레퍼런스의 대상 화면·독자·사용 빈도를 먼저 확인한다. 프로젝트에 채택할 때는 선택한 규칙과 이유를 프로젝트 문서에 남기고, 실제 토큰·컴포넌트 값은 코드에서 확인한다. 사이트 선택 자체를 DanzzaN의 특정 색상이나 스타일 선호로 해석하지 않는다.