Pretendard (프리텐다드)
애플 시스템 글꼴과 닮은 깔끔한 고딕. 한국 웹·앱 본문에 가장 많이 쓰는 글꼴 가운데 하나다.
디자인
폰트·색·아이콘·UI 컴포넌트·3D 에셋 · 상품 11,746개
디자인 소분류
- 한글 폰트68Fontsource · Google Fonts · 공개 한글 글꼴 (공식 출처 확인)
- 폰트2,124Fontshare (Indian Type Foundry) · Fontsource · Google Fonts
- 색 체계13Design-system color scales (official npm packages)
- 테마 팔레트453Theme palettes (Catppuccin, Rosé Pine) · Tinted Theming — Base16 & Base24 schemes
- 차트 색42Chart color schemes (ColorBrewer, d3-scale-chromatic)
- 그라디언트562uiGradients · WebGradients
- 배경 패턴417Hero Patterns · Pattern Monster
- 아이콘 묶음239Iconify · Icon sources outside Iconify (hand-picked)
- 브랜드 로고670svgl
- UI 컴포넌트 라이브러리476UI component libraries and kits (GitHub)
- shadcn 레지스트리451shadcn/ui registry directory
- 복사해 쓰는 컴포넌트72shadcn/ui components · Copy-paste UI block sites (hand-picked)
- CSS 프레임워크58CSS frameworks and styling tools (GitHub)
- 애니메이션 라이브러리100Animation libraries (CSS, JS, Lottie, Rive, 3D) (GitHub)
- 차트 라이브러리73Chart and data-visualisation libraries (GitHub)
- 디자인 시스템150Design systems (awesome-design-systems + hand-picked)
- DESIGN.md (AI용 디자인 설명서)83DESIGN.md collection (awesome-design-md)
- 디자인 스타일40Design styles (tone presets written by 코드잇소)
- UI/UX 레퍼런스56UI/UX reference sites (hand-picked)
- 디자인 도구62Design tools and generators (hand-picked)
- 일러스트17Illustration, photo, 3D, motion, mockup and sound sources (hand-picked)
- 사진·영상21Illustration, photo, 3D, motion, mockup and sound sources (hand-picked)
- 3D·재질·HDRI5,257ambientCG (PBR materials, HDRIs, 3D models) · Illustration, photo, 3D, motion, mockup and sound sources (hand-picked) · Poly Haven (HDRIs, textures, 3D models)
- 게임 에셋217Kenney game asset packs
- 로티·움직임4Illustration, photo, 3D, motion, mockup and sound sources (hand-picked)
- 목업8Illustration, photo, 3D, motion, mockup and sound sources (hand-picked)
- 소리·음악13Illustration, photo, 3D, motion, mockup and sound sources (hand-picked)
디자인 인기 상품
Roboto
가변 산세리프 글꼴로, 굵기 100~900과 기울임꼴을 지원한다. 라틴·키릴·그리스 등 6가지 문자를 쓸 수 있다.
Tailwind CSS colors
Tailwind CSS에 들어 있는 기본 색 단계표(50~950). 클래스 이름으로 바로 쓴다.
Catppuccin Frappé
파스텔 톤 인기 테마 Catppuccin의 어두운 맛(Frappé). 26가지 이름 붙은 색.
ColorBrewer Accent
서로 다른 항목을 색으로 나누는 차트용 구분 색 묶음이다. 3~8단계로 고를 수 있다. d3-scale-chromatic 패키지로 불러 쓴다.
50 Shades of Grey
두 색(#bdc3c7 → #2c3e50)이 왼쪽에서 오른쪽으로 이어지는 선형 그라디언트다. CSS 한 줄로 배경에 바로 쓴다.
Adjointed Circles
원 무늬가 끊김 없이 반복되는 SVG 배경 패턴이다. 선으로 그렸고 색은 최대 3가지를 쓴다.
Lucide
Lucide Contributors의 단색 UI 아이콘 1,891개 묶음이다. 24px 격자에 맞춰 선(stroke)으로 그렸다. Iconify로 바로 불러 쓴다.
Acrobat Reader
디자인 도구 Acrobat Reader의 로고 SVG다. img 태그 한 줄로 바로 붙인다.
