LafLabs
회사작업오픈소스문의
디자인 시스템 문서

디자인 시스템 문서

  • 개요
  • 기초 원칙
  • 컴포넌트
  • 레시피
  • 패턴
  • 에셋
  • AI에서 사용하기

LafLabs 디자인 시스템

LafLabs 제품과 문서를 일관되게 설계하고 구현하기 위한 기준입니다.

시스템
LafLabs Web Design
버전
2026.10.3
업데이트
2026-10-07

공식 로고

LafLabs 공식 로고
PNG / 460 × 460 px

LafLabs 로고가 필요한 공개 화면에서 원본 비율로 사용합니다.

문서

기초 원칙

색, 타이포그래피, 간격, 접근성, 문장 원칙을 정리합니다.

→

컴포넌트

지원하는 UI의 상태, API, 사용 기준을 확인합니다.

→

레시피

반복되는 인터페이스 작업을 위한 운영형 컴포넌트 조합입니다.

→

패턴

실제 컴포넌트를 페이지 단위로 구성하는 규칙입니다.

→

에셋

공식 로고와 System loop 원본을 내려받습니다.

→

AI에서 사용하기

AI 디자인 작업에 쓸 Markdown, token, Skill 리소스를 안내합니다.

→

시작 경로

Designer
기초 원칙에서 시각 언어를 확인하세요.→
Developer
컴포넌트에서 지원 API를 확인하세요.→
AI
AI 리소스를 작업 환경에 연결하세요.→
LafLabs

LafLabs는 제품을 기획하고 개발하며, 운영에 필요한 기반 기술까지 직접 구축하는 소프트웨어 개발사입니다.

회사

일하는 방식채용문의하기GitHub

문서

공지사항법적 고지공시디자인 가이드
© 2026 LafLabs Inc. All rights reserved.

쿠키 설정

분석 쿠키를 선택해 주세요

사이트를 더 낫게 만들기 위해 익명 사용 통계를 수집합니다. 동의하기 전에는 분석 정보를 보내지 않습니다.

수집 항목 보기
  • 페이지 방문
  • 제품 클릭
  • GitHub 클릭
  • 문의 클릭
  • 언어 변경
  • 분석 동의
  • 검색 열기·제출·결과 선택(검색어 원문 제외, 검색어 길이·결과 수·결과 유형만)
  • 디자인 시스템 사용 코드 복사(컴포넌트 식별자만)

수집한 분석 이벤트는 90일 후 삭제합니다.