OPEN SOURCE BY DEVSLAB

DevsLab Open Source Brand

하나의 Q 프레임, 기능을 말하는 열세 개의 경로.

모든 OSS 심벌은 어긋난 두 사각형의 공통 Q 프레임을 공유하고, 내부의 한 줄이 프로젝트 기능을 구별합니다. 링크, 패키지, 데모는 각 프로젝트의 실제 작업을 가리킵니다.

공통 심벌 규칙

editor-ruler OSS 글리프

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 환경에 맞게 나눠 제공합니다.

ssrf-guard OSS 글리프

O02

ssrf-guard

공유 보안 코어

유입 경로를 끊는 보호 경계

저장소
ssrf-guard-js OSS 글리프

O03

ssrf-guard-js

O02 보안 코어의 JavaScript 구현

글리프 밖 잠금장치에만 런타임 표식을 더한 O02 코어

저장소

02

입력과 편집

편집기, 숫자 입력, 키 입력, 날짜 선택을 위한 작은 상호작용 도구입니다.

editor-ruler OSS 글리프

O01

editor-ruler

편집기 어댑터의 기준 심벌

움직이는 기준점이 있는 측정 레일

저장소
numkey OSS 글리프

O04

numkey

O05와 짝을 이루는 숫자 입력 도구

묶인 숫자 단위를 가로지르는 안정된 캐럿

저장소
kokey OSS 글리프

O05

kokey

O04와 짝을 이루는 키 입력 도구

보정 경로로 연결한 두 키 표면

저장소
vue-date-rail OSS 글리프

O06

vue-date-rail

소비자 토큰을 분리한 날짜 선택 도구

선택 지점 하나를 둔 가로 날짜 레일

저장소

03

언어와 데이터

언어 선택과 데이터 이동처럼 경계를 명확히 해야 하는 흐름을 다룹니다.

locale-match OSS 글리프

O07

locale-match

독립적인 로캘 판별 도구

여러 후보 경로가 하나의 일치선으로 모이는 형태

저장소
DataLinq OSS 글리프

O11

DataLinq

터미널 데이터 이동 도구

통제된 이동 다리로 이어진 두 데이터 열

저장소

04

백엔드 기반

페이지 처리, API 기록, 서비스 시작 구성을 위한 서버 측 기반입니다.

easy-paging OSS 글리프

O08

easy-paging

독립적인 페이지 처리 라이브러리

제한된 커서로 넘기는 페이지 묶음

저장소
api-log OSS 글리프

O09

api-log

독립적인 API 기록 라이브러리

지속 기록 묶음으로 들어가는 이벤트 선

저장소
devslab-kit OSS 글리프

O10

devslab-kit

독립적인 백엔드 시작 기반

하나의 플랫폼 틀로 조립되는 모듈 블록

저장소

05

예제와 안내

다른 프로젝트를 실제로 연결해 보는 공개 예제 모음입니다.

devslab-examples OSS 글리프

O12

devslab-examples

O01부터 O11을 잇는 공개 예제 모음

모음을 나타내는 대괄호형 실행 심벌

저장소

제품별 대표색

심벌의 형태가 먼저 식별되고 색상은 그 다음에 보조합니다. 새 제품은 기존 색과 작은 아이콘에서 구별되는 한 쌍의 라이트·다크 강조색을 등록합니다.

editor-ruler

#1D4ED8#8AACF8

ssrf-guard

#1B6B4A#6EE7B7

ssrf-guard-js

#1B6B4A#6EE7B7

numkey

#7C3AED#C4B5FD

kokey

#B45309#FBBF24

vue-date-rail

#7E22CE#D8B4FE

locale-match

#0E7490#22D3EE

easy-paging

#1D4ED8#8AACF8

api-log

#BE123C#FDA4AF

devslab-kit

#4D7C0F#BEF264

DataLinq

#0F766E#5EEAD4

devslab-examples

#334155#CBD5E1

Workspace

#1D4ED8#93C5FD

심벌은 그라디언트로 채우지 않습니다. 라이트와 다크 대표색은 각각 해당 표면에서 경계 3:1 이상을 확인하고, 텍스트로 쓸 때는 4.5:1 이상을 별도로 확인합니다.

접근성과 금지 사례

일반 텍스트는 4.5:1, 큰 텍스트와 경계는 3:1 이상을 만족해야 합니다. 연결된 심벌에는 접근 가능한 이름을 제공하고 장식용 중복 심벌은 숨깁니다.

프레임의 위치·비율·모서리를 바꾸거나, 경로를 3개보다 복잡하게 만들거나, 글자·그라디언트·그림자·플랫폼 로고를 넣지 않습니다. 기업 마크를 프로젝트 글리프와 합치지 않습니다.

다운로드와 원본

SVG, PNG, ICO, PWA, OG, README 헤더와 프로젝트별 ZIP은 공개 릴리스에서 제공합니다. Workspace O13 자산은 프로젝트 원본에서 별도로 제공합니다. OSS 데모 허브는 실제 동작을 모아 둡니다.