CODELIER · codelier.kr · 디자인 시안 갤러리
디자인 시안 갤러리
"이런 것들 다 가능합니다"를 보여주는 시안 라이브러리. 업종과 분위기로 좁혀 보고, 카드를 눌러 전체 화면으로 확인하세요. 스크롤/모션 시안은 꼭 스크롤·마우스로 움직여 보셔야 합니다.
여기 있는 화면은 전부 방향을 고르기 위한 시안입니다.
브랜드명 · 문구 · 숫자 · 사진은 예시이며, 실제 제작에서는 전부 그 사업에 맞춰 다시 씁니다.
보실 것은 구성과 분위기입니다.
TOTAL 0 시안
사용법 — 마음에 드는 방향을 고르면(톤 시안 + 인터랙션을 "공방의 밤 + 단어 스와이프"처럼 섞어도 됩니다) 그 위에서 Next.js로 본격 제작합니다: SEO/GEO/AEO 메타·구조화 데이터(JSON-LD)·sitemap·문의 폼·반응형·접근성까지. 지금은 방향 탐색용 시안입니다.
업종 태그에 대해 — 업종 배지는 "이 시안을 그 업종에 쓰면 잘 맞는다"는 뜻이며, 실제 제작 사례가 아닙니다. 업종 데모(가상 브랜드) 시안은 화면 안에 데모/샘플로 표기해 두었습니다. 순수 톤·인터랙션 실험 8종은 억지로 업종을 붙이지 않고 분위기 축에만 두었습니다.