OPEN SOURCE BY DEVSLAB
DevsLab Open Source Brand
하나의 Q 프레임, 기능을 말하는 열세 개의 경로.
모든 OSS 심벌은 어긋난 두 사각형의 공통 Q 프레임을 공유하고, 내부의 한 줄이 프로젝트 기능을 구별합니다. 링크, 패키지, 데모는 각 프로젝트의 실제 작업을 가리킵니다.
공통 심벌 규칙
32 x 32 마스터에서 뒤 사각형은 (5,5), 앞 사각형은 (11,11)에 놓인 16 x 16 프레임이며 모서리 반경은 2입니다. 내부 기능 경로는 13–25 영역, 2.4 스트로크, 최대 3개 도형을 사용합니다.
브랜드 관계
DevsLab
기업 소유와 보증을 나타내는 기준 마크
Open source by DevsLab
공개 프로젝트를 묶는 포트폴리오 기준
OSS Q-line
공통 프레임 안의 기능 경로로 각 도구를 구별
DevsLab 기업 노치 마크는 소유자와 보증을 나타냅니다. Linq는 경로 없는 공통 프레임을 제품군 서명으로 쓰고, OSS는 같은 프레임 안의 기능 경로로 프로젝트를 구별합니다.
프로젝트 레지스트리
색상은 보조 단서입니다. 이름, 레지스트리 ID, 그리고 기능 기반 심벌이 항상 함께 표시됩니다.
01
보안 경계
같은 보안 코어를 JVM과 JavaScript 환경에 맞게 나눠 제공합니다.
02
입력과 편집
편집기, 숫자 입력, 키 입력, 날짜 선택을 위한 작은 상호작용 도구입니다.
03
언어와 데이터
언어 선택과 데이터 이동처럼 경계를 명확히 해야 하는 흐름을 다룹니다.
04
백엔드 기반
페이지 처리, API 기록, 서비스 시작 구성을 위한 서버 측 기반입니다.
05
예제와 안내
다른 프로젝트를 실제로 연결해 보는 공개 예제 모음입니다.
제품별 대표색
심벌의 형태가 먼저 식별되고 색상은 그 다음에 보조합니다. 새 제품은 기존 색과 작은 아이콘에서 구별되는 한 쌍의 라이트·다크 강조색을 등록합니다.
editor-ruler
ssrf-guard
ssrf-guard-js
numkey
kokey
vue-date-rail
locale-match
easy-paging
api-log
devslab-kit
DataLinq
devslab-examples
Workspace
심벌은 그라디언트로 채우지 않습니다. 라이트와 다크 대표색은 각각 해당 표면에서 경계 3:1 이상을 확인하고, 텍스트로 쓸 때는 4.5:1 이상을 별도로 확인합니다.
접근성과 금지 사례
일반 텍스트는 4.5:1, 큰 텍스트와 경계는 3:1 이상을 만족해야 합니다. 연결된 심벌에는 접근 가능한 이름을 제공하고 장식용 중복 심벌은 숨깁니다.
프레임의 위치·비율·모서리를 바꾸거나, 경로를 3개보다 복잡하게 만들거나, 글자·그라디언트·그림자·플랫폼 로고를 넣지 않습니다. 기업 마크를 프로젝트 글리프와 합치지 않습니다.
다운로드와 원본
SVG, PNG, ICO, PWA, OG, README 헤더와 프로젝트별 ZIP은 공개 릴리스에서 제공합니다. Workspace O13 자산은 프로젝트 원본에서 별도로 제공합니다. OSS 데모 허브는 실제 동작을 모아 둡니다.