컬러
Coddy 컬러
브랜드 컬러는 하나, Coddy Blue예요. 마젠타는 Bugsy의 색이에요. 다른 색은 모두 제품 안에서 의미가 있어서, 장식으로만 쓰지 않아요.
브랜드
이름이 있는 두 가지 색
Coddy Blue는 로고, Bit, 링크, 포인트에 써요. Bugsy Magenta는 Bugsy와 AI 튜터 전용이에요.
Coddy Blue
유일한 브랜드 컬러. 로고, 워드마크, Bit, 포인트.
다크 배경용 Coddy Blue
같은 파랑을 다크 배경에 맞게 밝힌 색.
Bugsy Magenta
Bugsy와 AI 튜터 기능. 다른 곳에는 쓰지 않아요.
제품
의미가 있는 색
학습자는 이 색들을 신호로 읽어요. 주황은 스트릭, 금색은 점수예요. 의미에 맞게만 써 주세요.
스트릭
스트릭 불꽃과 매일의 스트릭 순간.
점수
XP, 점수, 코인, 젬.
에너지
에너지 번개와 하루 한도.
Pro
Coddy Pro와 프리미엄 기능.
성공
통과한 테스트, 끝낸 레슨, 정답.
하트
하트와 목숨.
연속 기록 동결
빠진 하루를 구해 주는 얼어붙은 스트릭.
인터페이스
버튼과 링크
Coddy의 버튼은 더 진한 그림자 위에 있어서 누르면 쑥 들어가요. 눌러 보세요.
버튼 블루
웹의 기본 버튼, 라이트 테마.
버튼 그림자
버튼 블루 아래 눌리는 테두리.
딥 블루
보조 버튼과 링크.
버튼 블루, 다크 테마
다크 배경의 기본 버튼.
배경
라이트와 다크
깔끔한 흰색이나 아주 연한 파랑, 넉넉한 여백, 시선이 머무는 곳은 하나. 다크 모드는 따뜻한 차콜이고, 완전한 검정은 쓰지 않아요.
화이트
라이트 테마 배경.
미스트
라이트에서 카드와 보조 영역.
스카이 워시
랜딩 페이지의 연한 파랑 섹션.
차콜
다크 테마 배경.
그래파이트
다크에서 카드.
에디터
코드 에디터 배경.
그라디언트
두 개의 하늘
Light Sky
라이트에서 히어로 섹션과 큰 순간에.
Dark Sky
같은 아이디어, 해가 진 뒤.
가독성
기준을 통과하는 대비
Coddy Blue는 밝고 즐거운 파랑이에요. 아트와 포인트에는 딱이지만, 작은 흰 글씨를 올리기엔 너무 밝아요. 자주 쓰는 조합의 점수를 확인해 보세요.
자주 묻는 질문
컬러에 대한 질문
Coddy의 브랜드 컬러는 무엇인가요?
Bugsy는 왜 색이 다른가요?
스트릭 주황이나 점수 금색을 제 디자인에 써도 되나요?
Coddy에 대해 글을 쓰시나요?
회사 정보, 창업자, 언론 문의처는 프레스 페이지에 있어요. 프레스 키트로 가기
