첫 번째 테마팩, 시티팝
미리보기로 먼저 만나보세요.
아래 미리보기는 모형이 아니라 실제 오버레이 그대로예요. 갤러리에서 보시는 화면과 같은 컴포넌트가 그대로 돌아가요. 한 화면에 모든 요소가 함께 호흡하는 모습을 먼저 보시고, 그 다음 요소별로 분리해서 살펴보세요.
Full Preview
한 화면에 모두 함께
배경 시네마그래프, 현재 재생곡, 셋리스트, 별똥별이 한 무드 안에서 같이 움직여요. 좌상단 반응 버튼을 눌러보시면 시청자가 별똥별을 보내드릴 때의 모습을 직접 체험하실 수 있어요.
Lemon
KICK BACK
Lemon
LADY
LOSER
Eine Kleine
Peace Sign
Pop Song
M八七
Pale Blue
Shinigami
실제 오버레이 컴포넌트가 이 안에서 그대로 돌아가요.
Background
시네마그래프 — 도쿄 베이, 매직아워
화면 전체에 깔리는 영상 배경이에요. 야자수 실루엣과 항구의 불빛, 도시 위로 천천히 내려앉는 노을빛이 잔잔히 호흡하면서 한 시퀀스를 이뤄요.
background.mp4 — 무한 루프로 부드럽게 이어져요.
Now Playing
현재 재생곡 — 자켓 포스터처럼 한 덩어리로
가로 풀라인 디바이더로 행을 묶어 자켓 포스터처럼 만들었어요. IyagiGGC로 새긴 곡 제목 아래로 아티스트, REQ, PREV·NEXT가 한 덩어리로 정돈돼요.
Lemon
실제 CitypopNowPlayingVariant 컴포넌트가 그대로 들어가 있어요.
Setlist
신청곡 셋리스트 — 페이지를 넘기듯
곡이 많아지면 10곡 단위로 6.5초마다 자동 페이지 넘김이 일어나요. 점선 행간선이 아날로그 공책의 결을 살리고, 현재 재생곡은 ▶ 표시로 강조돼요. 아래는 채널명과 SongStudio 로고 푸터가 함께 들어가요.
KICK BACK
Lemon
LADY
LOSER
Eine Kleine
Peace Sign
Pop Song
M八七
Pale Blue
Shinigami
잠시 기다리시면 다음 페이지로 넘어가요.
Meteor Shower
별똥별 — 환호가 모이면 한 번씩
시청자분이 채팅에 이모지를 남기시거나 후원을 보내주실 때마다 도시 너머로 유성우가 떨어져요. 평소엔 잔잔히, 환호가 모이면 한 번씩 굵게 쏟아져요.
좌상단 버튼은 미리보기에서 직접 동작을 확인하시도록 넣어둔 거예요. 실제 오버레이에서는 시청자분의 채팅 이모지·후원에 반응해요.
Typography & Palette
모든 요소가 입고 있는 폰트와 컬러
한글 디스플레이 폰트 IyagiGGC와 네 가지 컬러가 위 모든 요소의 바탕이에요. 영문 시티팝 폰트가 흉내 낼 수 없는 한글의 정서를 위해 골랐어요.
Typography · IyagiGGC
도쿄 베이
collections.citypop.editorial.typoNote
Palette
Neon Pink
collections.citypop.editorial.paletteRole1
Moonlight Cream
collections.citypop.editorial.paletteRole2
Lavender Dusk
collections.citypop.editorial.paletteRole3
Faded Rose
collections.citypop.editorial.paletteRole4
라이너노트의 무드보드 / 타이포 / 컬러 팔레트 데이터예요.
Now Available
오버레이 갤러리에서 시티팝을 만나보세요.
지금 적용해두신 오버레이는 그대로 안전해요. 미리보기로 먼저 분위기를 살펴보시고 마음에 드시면 그때 입혀보세요.