메트로타이핑
로고 API

마크와 호선 색을 URL에 담아 요청하면, 그 자리에서 그려진 로고 이미지를 돌려줍니다. <img>, 파비콘, OG 이미지 등 이미지 링크가 들어가는 곳이면 어디든 그대로 붙여 쓸 수 있어요.

키캡 노선 마크
keycap
키캡 역 마크
station
ㅁ 마크
mieum

마크 세 가지

세 마크 모두 색 슬롯을 2~4개 받습니다. 슬롯 수가 곧 노선 수예요.

keycap — 키캡 노선

키캡 윗면을 노선이 관통하고 가장자리에서 잘려나갑니다. 실루엣이 꽉 차서 파비콘·앱 아이콘에 가장 강해요.

슬롯이 늘면 획(15→12→9), 45° 상승폭(16→14→11), 선 간격(21→16→13)이 함께 줄어듭니다. 획만 줄이면 선들이 위로 몰리기 때문에 셋을 같이 낮춰야 다발이 윗면 안에 균형 있게 앉아요.

station — 키캡 역

역을 원 대신 키캡으로 그립니다. 옆면 색은 호선 색을 어둡게 해서 자동으로 만들어요.

4키는 키 하나가 15까지 작아져서 옆면 단차가 뭉갭니다. 파비콘은 2키로 쓰세요.

mieum — ㅁ

순환선을 슬롯 수만큼 균등하게 자르고, 자른 자리마다 환승역을 뚫습니다.

획이 서로 겹치지 않아서 슬롯이 늘어도 두께를 크게 줄일 필요가 없습니다(15→14→13). 작은 크기에서 가독성이 가장 덜 떨어지는 마크예요.

색 지정

호선 번호로 부르거나, 16진수를 직접 넣습니다.

/keycap/line/1_2_3_4     호선 번호 (1~9)
/keycap/0052a4_00a84d    16진수 직접

16진수는 # 없이 넣고, 자릿수에 따라 정밀도가 달라집니다.

자릿수의미입력실제 색
1자리무채색 16단계a#aaaaaa
2자리무채색 256단계3f#3f3f3f
3자리유채색 축약05a#0055aa
6자리유채색 정밀0052a4#0052a4

호선 팔레트

1 0052a4 2 00a84d 3 ef7c1c 4 00a5de 5 996cac 6 cd7c2f 7 747f00 8 e6186c 9 bdb092

엔드포인트

/:mark                 기본 팔레트 (1·2호선)
/:mark/:colors         16진수, 밑줄로 구분
/:mark/line/:numbers   호선 번호, 밑줄로 구분

:markkeycap, station, mieum 중 하나입니다. key, stop, m, 같은 별칭도 받아요.

문서 페이지(/)를 뺀 모든 이미지 응답은 90일 동안 캐시됩니다. 색이나 옵션을 바꾸려면 URL 자체를 바꿔서 새로 요청하면 됩니다.

옵션

URL 끝에 ?로 붙이고, 여러 개는 &로 잇습니다. 전부 아래 생성기에서 눌러가며 확인할 수 있어요.

이름기본하는 일
bg16진수투명배경색
r1꺼짐배경을 사각형 대신 원형으로. bg가 있을 때만 보임
pad0~240안쪽 여백. iOS 앱 아이콘처럼 여백이 필요할 때
a1꺼짐노선이 그려지는 애니메이션. 로딩 시 한 번만 재생
png1SVGPNG로 응답
size16~2048512한 변 길이(px)
ink16진수2c2c2akeycap 전용. 키캡 몸통색
face16진수ffffffkeycap 전용. 키캡 윗면색
rail16진수888780station 전용. 역을 잇는 선 색
/mieum/line/2_3_4?bg=fbfaf8&r=1&pad=12
/keycap/line/1_2?ink=f5f3ee&face=17171a
/station/line/5_6_7_8?rail=c9c6bb

직접 만들어보기

마크
색 슬롯
노선 색
마크 전용 옵션
배경
bg
레이아웃과 출력
미리보기

새 탭에서 열기

미리보기 뒤의 체크무늬는 투명한 부분입니다.