버
4분 읽기
버튼 디자인UI 컴포넌트디자인 시스템+2
버튼 하나 제대로 디자인하기: 우선순위·상태·크기로 클릭을 유도하는 법
Primary·Secondary·Ghost 버튼의 위계부터 hover·focus·loading·disabled 상태, 터치 영역까지 1인 개발자가 바로 적용할 버튼 설계 원칙을 정리합니다.
조코헌트 운영팀
바
4분 읽기
바이브코딩UI 점검UX 체크리스트+2
바이브코딩으로 만든 UI 품질 올리는 체크리스트 20: 출시 전 화면 점검표
바이브코딩으로 만든 화면을 코드 수정 없이 점검하는 20가지 체크리스트. 정렬·간격·상태·반응형·로딩·에러까지 출시 전 눈으로 확인하세요.
조코헌트 운영팀
A
4분 읽기
AI 웹디자인랜딩페이지 디자인타이포그래피+2
AI로 만든 사이트가 '뻔해' 보이는 이유와 차별화하는 6가지 디테일
AI가 만든 사이트에서 반복되는 색·레이아웃·타이포 패턴을 짚고, 1인 빌더가 빠르게 개성을 더하는 6가지 디자인 디테일을 정리합니다.
조코헌트 운영팀
여
4분 읽기
UI 디자인spacing 시스템디자인 토큰+2
여백이 디자인의 8할: 1인 메이커가 바로 쓰는 간격(spacing) 시스템 만들기
4px·8px 간격 단위로 컴포넌트와 화면의 여백을 정리하는 실전 가이드입니다. 빽빽한 UI를 빠르게 진단하고 일관된 규칙을 만드는 방법을 소개합니다.
조코헌트 운영팀
폰
3분 읽기
한글웹폰트폰트페어링타이포그래피스케일+2
폰트 2개로 끝내는 타이포그래피: 본문·제목 조합과 크기 스케일 정하기
한글 웹폰트를 고를 때 보는 가독성·라이선스·로딩 기준과 제목/본문 조합, 크기 스케일을 실전 체크리스트로 정리합니다.
조코헌트 운영팀
디
4분 읽기
브랜드 컬러색상 팔레트UI 디자인+3
디자인 비전공 개발자를 위한 색상 선택 5단계: 메인·보조·중립색 정하는 법
브랜드 컬러 하나에서 시작해 보조색, 중립 그레이, 시맨틱 색까지 확장하는 실전 절차를 정리했습니다.
조코헌트 운영팀
히
4분 읽기
랜딩페이지헤드라인카피라이팅+2
히어로 카피 한 줄 만들기: 대상·가치·차별점을 담는 헤드라인 공식
랜딩 첫 화면 헤드라인을 대상, 가치, 차별점으로 구체화하는 실전 공식입니다. 모호한 문장을 바로 고칠 수 있는 예시와 체크리스트를 담았습니다.
조코헌트 운영팀
전
5분 읽기
랜딩페이지전환율카피라이팅+2
전환되는 랜딩페이지 구조: 1인 메이커를 위한 7섹션 설득 흐름
히어로부터 CTA까지, 랜딩페이지 7개 섹션이 방문자의 어떤 질문에 답해야 하는지 1인 메이커 관점에서 정리합니다.
조코헌트 운영팀