SOMEPEARL Brand System

SOMEPEARL Games 브랜드 에셋과 디자인 시스템 가이드입니다.
웹사이트, 앱, 마케팅 자료 등 모든 디지털 프로덕트에 적용합니다.

Symbol — Ripple Mark

진주에서 빛이 퍼져나가는 동심원 리플. 4개의 동심원 + 중앙 원(pearl core).

Light mode — #6200EA

Dark mode — #B388FF

Favicon — 3 rings (간소화)

Ring Specifications

Ring	Radius	Stroke	Opacity
Outer	1.0 (48px)	0.8	0.15
2nd	0.77 (37px)	1.0	0.25
3rd	0.54 (26px)	1.2	0.45
Inner	0.31 (15px)	1.5	0.70
Core	0.106 (5px)	filled	1.0

Wordmark

SOME = Ink (#1A1A1A), PEARL = Deep Violet (#6200EA). Weight 400, uppercase, 시스템 산세리프.

SOMEPEARLHorizontal — letter-spacing: 12px

SOMEPEARLDark mode

SOMEPEARLSize: lg

SOMEPEARLSize: md

SOMEPEARLSize: sm

Logo Lockups

심볼과 워드마크의 조합. 비례를 유지하며 스케일.

SOMEPEARL

GAMESVertical (primary)

SOMEPEARLGAMES

Horizontal (header/nav)

Color Palette

브랜드 팔레트 외 색상 사용 금지. 그림자, 글로우, 그라디언트 금지.

#6200EA

Deep Violet

프라이머리. PEARL 텍스트, 심볼, 버튼, 링크

#B388FF

Bright Lavender

다크 모드 프라이머리. 다크 배경 위 PEARL 텍스트, 심볼

#D1C4E9

Pearl Mist

서브틀한 보더, hover 상태

#EDE7F6

Pearl Ghost

연한 배경 틴트, 카드 배경

#140A26

Deep Space

다크 모드 배경, 앱 아이콘 배경

#1A1A1A

Ink

라이트 모드 텍스트, SOME 텍스트 색

#FAFAFA

Paper

라이트 모드 배경

Typography

시스템 산세리프 폰트. 워드마크는 weight 400 only (bold 사용 안 함).

Font Family-apple-system, 'Helvetica Neue', Arial, sans-serif

Weight400 (Regular only)

CaseALL CAPS

Letter Spacing

SOMEPEARL12px (lg)

SOMEPEARL8px (md)

SOMEPEARL5px (sm)

Usage Rules

DO

PEARL은 항상 브랜드 바이올렛 (#6200EA / #B388FF)
단색 배경 위에서만 사용 (white, black, Deep Space)
비례 유지하며 스케일
심볼 주변 최소 여백 = pearl core 지름만큼

DON'T

그림자, 글로우, 그라디언트 추가 금지
회전 금지
리플 간격/두께 변경 금지
사진이나 복잡한 배경 위 사용 금지
브랜드 팔레트 외 색상 사용 금지

CSS Variables

코드에서 사용하는 권장 CSS 변수.

:root {
  --sp-violet:     #6200EA;
  --sp-lavender:   #B388FF;
  --sp-mist:       #D1C4E9;
  --sp-ghost:      #EDE7F6;
  --sp-deep-space: #140A26;
  --sp-void:       #111111;
  --sp-ink:        #1A1A1A;
  --sp-paper:      #FAFAFA;
}