당근마켓
SEED는 파운데이션·컴포넌트·패턴으로 탐색할 수 있는 제품 디자인 시스템입니다. 스타일과 인터랙션을 공통 기준으로 묶는 구조를 살펴볼 때 출발점으로 적합합니다. 구체적인 구현에는 해당 컴포넌트와 개발 문서를 추가로 확인하세요.
디자인 시스템이라는 이름 아래에도 서로 다른 자료가 있습니다. 제품 UI를 설계할 때는 파운데이션과 컴포넌트 규칙을, 브랜드 표현을 연구할 때는 로고 조합과 시각 언어를, 구현을 검토할 때는 라이브러리 문서를 먼저 보세요. 이 모음은 공식 사이트에서 확인할 수 있는 자료의 역할을 구분합니다. 공개 페이지를 확인한 날짜는 개별 색상·서체·토큰을 모두 검증한 날짜가 아닙니다.
SEED는 파운데이션·컴포넌트·패턴으로 탐색할 수 있는 제품 디자인 시스템입니다. 스타일과 인터랙션을 공통 기준으로 묶는 구조를 살펴볼 때 출발점으로 적합합니다. 구체적인 구현에는 해당 컴포넌트와 개발 문서를 추가로 확인하세요.
GDS는 브랜드의 로고·서체 영역과 UI의 간격·타이포그래피·컴포넌트를 나눠 제시합니다. 브랜드 규칙이 제품 화면 규칙으로 이어지는 정보 구조를 비교하기 좋습니다. 표시된 업데이트가 2021년이므로 현재 앱과 동일하다고 가정하지 마세요.
TOAST UI는 차트·에디터·그리드 등 실제 구현용 JavaScript 라이브러리와 프런트엔드 가이드를 제공합니다. 데이터 편집이나 시각화 도구를 조사할 때 유용하며, NHN 전체의 브랜드 매뉴얼로 읽기에는 범위가 다릅니다. 도입 전 개별 프로젝트의 라이선스와 상태를 확인하세요.
LG의 공식 Design System 페이지는 제품 형태에서 가져온 EI 형태와 정지·움직임 상태, Hero·Connect·Focus 레이아웃을 설명합니다. 브랜드 그래픽과 모션이 맥락에 맞게 변하는 방식을 연구할 때 참고하세요. 재사용 가능한 앱 위젯 목록을 제공하는 페이지는 아닙니다.
브랜드 리소스는 심볼·워드마크·시그니처의 역할과 조합 비례·최소 여백을 구분합니다. 금융 브랜드의 식별 요소를 매체에 적용하는 규칙을 살펴보기 좋습니다. 브랜드 가이드와 어셋 안내를 확인하되, 공개 다운로드를 무제한 사용 허가로 해석하지 마세요.
먼저 필요한 결과물을 정하고 자료를 고르세요. 화면 설계에는 컴포넌트 문서, 브랜드 분석에는 표현 규칙, 개발 검토에는 라이브러리 문서가 각각 다른 근거가 됩니다. 실제 적용 전 원문에서 최신 안내와 라이선스·상표 사용 조건을 확인하세요.