서버에 설치된 한글 폰트 전부. 이름을 클릭하면 복사됩니다. "이 폰트로" 하며 붙여넣거나 이름을 말하세요.
디자인 메뉴판은 어떤 페이지인가요
디자인 이야기를 말로만 주고받으면 "좀 더 차분하게", "요즘 느낌으로" 같은 표현에서 서로 다른 그림을 떠올리게 됩니다. 이 페이지는 그 간극을 없애려고 만든 견본 목록입니다. 색 배합, 배경, 버튼, 아이콘, 이모지, 글씨체를 실제 모양 그대로 늘어놓고 각각에 번호나 이름을 붙여 두었기 때문에, 고른 항목의 번호만 말하면 의도가 그대로 전달됩니다.
담긴 갈래는 이렇습니다. 먼저 색상 팔레트와 배경이 있고, 인스타그램 카드용 배경 견본이 표준 세 포맷으로 정리되어 있습니다. 이어서 말풍선 31종, 버튼 24종, 툴바 12종, 로또 마스코트 3D 캐릭터 10종이 나오고, 그 아래로 디자인 스타일 견본이 붙습니다. 아이콘은 세 벌을 나란히 두었습니다. Font Awesome, Lucide, Bootstrap Icons입니다. 이모지도 두 벌로, 컬러 위주의 Noto Color Emoji와 선이 살아 있는 OpenMoji를 비교해 볼 수 있습니다. 마지막은 이 서버에 설치된 한글 글꼴 전체를 실제 문장으로 찍어 본 목록입니다.
같은 아이콘이라도 어느 벌에서 가져오느냐에 따라 선 굵기와 모서리 처리가 달라 화면 인상이 크게 바뀝니다. 그래서 이름만 나열하지 않고 실물 크기로 함께 렌더링해 두었습니다. 아이콘과 이모지는 클릭하면 그 이름이 복사되므로, 코드에 붙여 넣거나 작업 지시에 그대로 옮겨 적을 수 있습니다.
사용 방법
필요한 갈래까지 화면을 내려가며 견본을 훑어봅니다.
마음에 드는 팔레트와 배경, 아이콘을 정합니다.
아이콘이나 이모지를 클릭해 이름을 복사합니다.
고른 항목의 번호와 이름을 조합해 팔레트 P2 + 배경 B1 + 아이콘 fa-plane처럼 한 줄로 적어 전달합니다.
궁금한 사항 있으신가요?
A무언가를 생성하는 도구가 아니라 보고 고르는 견본판입니다. 결과물을 만들어 내려받는 기능은 없고, 어떤 색과 아이콘과 글씨체가 있는지 실물로 확인해 지목하는 데 쓰입니다.
AFont Awesome은 종류가 압도적으로 많고, Lucide는 선이 얇고 균일해 담백한 화면에 어울리며, Bootstrap Icons는 그 중간쯤입니다. 같은 뜻의 아이콘이라도 인상이 달라지므로 한 화면에서 비교하려고 나란히 두었습니다.
ANoto Color Emoji는 흔히 보는 매끈한 컬러 이모지이고, OpenMoji는 굵은 윤곽선이 살아 있는 일러스트 느낌입니다. 카드 디자인의 결에 따라 어울리는 쪽이 갈립니다.
A말풍선 31종은 저작권을 포기한 CC0 소재로 표시해 두었습니다. 그 밖의 항목은 각자의 배포 조건을 따르니, 외부에 공개하는 결과물에 쓸 때는 해당 세트의 라이선스를 먼저 확인하세요.
A그 세트를 쓰는 코드에 넣거나, 작업을 부탁하는 문장에 그대로 적으면 됩니다. 이름 자체가 세트 안에서 유일한 식별자라 다른 아이콘과 헷갈릴 일이 없습니다.
A이 서버에서 실제로 불러올 수 있도록 연결해 둔 글꼴만 표시합니다. 목록에 있는 서체는 결과물에 바로 쓸 수 있고, 목록에 없는 서체는 따로 준비해야 합니다.
A글꼴과 아이콘 세 벌, 이모지 두 벌을 한꺼번에 불러오기 때문입니다. 한 번 읽어 두면 다음부터는 브라우저 캐시에서 가져오므로 빨라집니다.
A기록되지 않습니다. 클릭은 이름을 클립보드에 담는 동작일 뿐이고, 무엇을 골랐는지 서버로 보내지 않습니다.