OPEN SOURCE BY DEVSLAB
DevsLab Open Source Brand
기능에서 출발한 열두 개의 심벌, 하나의 공개된 기준.
프로젝트 심벌은 서로 구별되지만 같은 32 단위 그리드와 DevsLab 보증 규칙을 공유합니다. 린크, 패키지, 데모는 각 프로젝트의 실제 작업을 가리킵니다.
공통 심벌 규칙
각 OSS 심벌은 32 x 32 마스터 안에서 중앙 24 x 24 활성 영역을 사용합니다. 기본 외곽선은 2 단위이며, 안전 여백은 4 단위입니다.
브랜드 관계
DevsLab
기업 소유와 보증을 나타내는 기준 마크
Open source by DevsLab
공개 프로젝트를 묶는 포트폴리오 기준
프로젝트 글리프
각 도구의 기능을 나타내는 독립 심벌
DevsLab 기업 노치 마크는 소유자와 보증을 나타냅니다. OSS 프로젝트는 기능 기반 글리프를 사용합니다. Linq 제품군의 두 사각형 심벌과는 별개의 체계입니다.
프로젝트 레지스트리
색상은 보조 단서입니다. 이름, 레지스트리 ID, 그리고 기능 기반 심벌이 항상 함께 표시됩니다.
01
보안 경계
같은 보안 코어를 JVM과 JavaScript 환경에 맞게 나눠 제공합니다.
02
입력과 편집
편집기, 숫자 입력, 키 입력, 날짜 선택을 위한 작은 상호작용 도구입니다.
03
언어와 데이터
언어 선택과 데이터 이동처럼 경계를 명확히 해야 하는 흐름을 다룹니다.
04
백엔드 기반
페이지 처리, API 기록, 서비스 시작 구성을 위한 서버 측 기반입니다.
05
예제와 안내
다른 프로젝트를 실제로 연결해 보는 공개 예제 모음입니다.
공식 색상 사용
심벌의 형태가 먼저 식별되고 색상은 그 다음에 보조합니다. 프로젝트 이름과 글리프의 기하가 항상 우선입니다.
#06B6D4
원본과 생성 자산의 기준 색상
#0E7490
밝은 표면의 접근 가능한 강조색
#22D3EE
어두운 표면의 접근 가능한 강조색
심벌은 그라디언트로 채우지 않습니다. #06B6D4는 원본과 생성 기준, #0E7490은 밝은 배경의 텍스트와 경계, #22D3EE는 어두운 배경의 텍스트와 경계에 사용합니다. 일반 텍스트는 4.5:1, 큰 텍스트와 경계는 3:1 이상을 확인합니다.
접근성과 금지 사례
일반 텍스트는 4.5:1, 큰 텍스트와 경계는 3:1 이상을 만족해야 합니다. 연결된 심벌에는 접근 가능한 이름을 제공하고 장식용 중복 심벌은 숨깁니다.
글리프 안에 글자, 패키지 이니셜, 그라디언트, 그림자, 플랫폼 로고를 넣지 않습니다. 기업 마크를 프로젝트 글리프와 합치지 않습니다.
다운로드와 원본
SVG, PNG, ICO, PWA, OG, README 헤더와 프로젝트별 ZIP은 공개 릴리스에서 제공합니다. OSS 데모 허브는 실제 동작을 모아 둡니다.