자석 버튼01
커서가 가까워지면 버튼이 살짝 끌려옵니다.
Codelier · Micro-interaction Kit
눈에 잘 안 띄는 것까지
손으로 맞춥니다
버튼이 눌리는 감각, 밑줄이 그려지는 속도, 입력창의 라벨이 올라가는 타이밍. 아래 것들은 전부 실제로 동작합니다 — 직접 만져 보세요.
Kit
직접 만져보는 디테일 9종
실무에서 자주 요청받는 마이크로 인터랙션입니다. 이 외에도 필요한 감각을 그때마다 만들어 붙입니다.
보더 드로잉02
테두리가 한 붓으로 그려집니다.
아이콘 모프04
햄버거가 X로 접힙니다. 눌러 보세요.
스프링 토글05
살짝 튀는 감속 곡선을 씁니다.
숫자 카운트업06
화면에 들어오면 숫자가 올라갑니다.
0건
클릭 리플07
누른 지점에서 파문이 번집니다.
상태 전환 버튼08
복사하면 체크가 그려지고 라벨이 바뀝니다.
플로팅 라벨09
입력하면 라벨이 위로 올라가 자리를 지킵니다.
What we build
디테일만 만드는 건 아닙니다
웹·앱·AI·서버·CMS·SEO까지 — 원하는 것을 하나하나 처음부터 짓습니다.
WEB / 01
웹
브랜드 사이트 · 커머스 · 웹앱. 빠르고 검색에 강하게.
APP / 02
앱
iOS · Android · 크로스플랫폼. 출시부터 운영까지.
AI / 03
AI
LLM 통합 · 이미지 생성 · 반복 업무 자동화.
CMS / 04
CMS
직접 관리하는 콘텐츠 시스템. 개발자 없이 굴러가게.
SEO / 05
SEO · GEO · AEO
검색 · 지역 · AI 검색까지 처음부터 최적화.
SERVER / 06
서버
API · 인프라 · 데이터. 흔들리지 않는 뒷단.
How we work
듣고, 짓고, 다듬습니다
01
듣기
무엇을, 왜 원하는지 끝까지 듣습니다.
02
짓기
템플릿이 아니라 그 요구에 맞춰 처음부터 짓습니다. 이미 있는 것이라면 이어받아 고치고 더합니다.
03
다듬기
넘긴 뒤에도 함께 다듬습니다. 운영이 진짜 시작이니까요.