1. 작업 소개
scopulusUI의 브랜드 마크다. 이름은 IAU 행성 지형 명명 용어에서 왔고, 화성·금성 지도에서 들쭉날쭉한 절벽을 가리키는 분류명이다.
실제로 쓰이는 것은 32 32 viewBox 의 납작한 도형이다. 실루엣은 꼭짓점 열다섯 개의 다각형이고, 그 위에 크레이터 열 개가 놓인다 — 붉은 것 다섯, 회색 다섯. 크기 사다리는 128·64·40·32·24·16 여섯 칸이다.
같은 암체를 3D 로도 세워 두었다. 마크가 어디서 왔는지를 보여주는 자리이고, 드래그로 돌아간다.
2. 구현 과정과 선택 기준
favicon으로 사용할 16px에서도 크레이터 열 개가 뭉치지 않고 구분되는지를 확인했다. 실루엣 반지름은 11.9 에서 14.5 사이로 흔들어 원으로 읽히지 않게 했다.
크레이터 배치는 손으로 찍고 스크립트로 검사했다. 크레이터끼리 0.4 이상 떨어지고, 실루엣 변에서 반지름 + 0.45 이상 안쪽이어야 통과다. 가장자리에 걸쳐 잘리는 것은 실루엣을 파먹어서 뺐다.
마크에 사용할 색상은 세 종류로 정했다. 암체 #15171A/#E9EDF0, 크레이터 #9AA1A6/#5E666B, scopulus #E8182E/#DA1428 — 반전하는 면은 암체 하나이고, 붉은 색만 밝은 암체 위에서 한 단계 낮춘다.
3. 현재 상태와 남은 작업
도형이 두 곳에 있다. apps/scopulus-ui/src/app/icon.svg 는 App Router 규약대로 <link rel="icon"> 이 되고 다크 대응을 SVG 안의 prefers-color-scheme 이 하며, apps/scopulus-ui/src/widgets/scopulus-mark.tsx 는 Tailwind dark:fill-* 로 테마를 따라간다. favicon 쪽이 Tailwind 를 쓸 수 없어 한 벌로 묶지 않았고, 모양을 고치면 둘 다 고친다.
3D 암체는 고정 시드로 생성한다. mulberry32(20260911) 로 아이코사헤드론 12,500 면을 fbm 노이즈로 변위하고, 구면에 흩은 크레이터 마흔두 개를 파낸 뒤, 붉은 정점색만 셰이더에서 스스로 빛나게 했다. 같은 시드는 언제나 같은 암체를 낸다.