디자인 시스템

[stockio] 사진, 백터, 아이콘, 글꼴 및 비디오

[Make Tints&Shades] 가장 밝은색과 가장 어두운색을 입력하면 10% 단위로 정확하게 색조와 음영을 생성해주는 곳

[Good Practices Design] 레이어 이름은 어떻게 정하고 컴포넌트는 어떻게 설계해야 할지 모르겠을 때 보는 곳

[Archetype] 브라우저에서 아름다운 타이포 시스템을 만들어보세요.

[Mobile Palette Generator] 모바일 팔레트 생성기 : 실제 모바일에서 어떻게 적용 될지 확인하면서 팔레트를 만들어보세요

[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.

[CSS Gradient] 그라디언트를 만들고 css로 뽑아내세요

[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳

[Flat UI Colors] 이미지 별로 구성된 색상 라이브러리

[Color Claim] 노란색 배경에는 흰색 타이포? 검정색 타이포? 잘 모르겠을 때 도움 받는 곳

[contrast-ratio] 내가 선택한 색상이 웹 접근성을 준수하게 지키는 명암비 인지 궁금할 때

[Color Slurp] MAC을 이용하는 개발자와 디자이너를 위한 색상 선택기 & 팔레트 어플리케이션

[Material Design Palette Generator] 구글의 알고리즘을 가지고 팔레트를 생성해 줍니다.

[colorbox] 색상을 선택해 다양한 디테일을 조절하세요 원하는 레벨에 맞춰 웹 접근성에 높은 색상 시스템을 만들 수 있습니다.

[landing.gallery] 핵심적인 섹션 별로 구성된 랜딩페이지를 아카이빙한 사이트

[Leonardo] 어도비 오픈 소스 프로젝트 : 디자인 시스템을 위한 컬러 도구 & 웹 접근성 판별기

[COLORS.tools] UI에 적합하고 올바른 컬러 시스템 생성기

[use contrast] 웹 접근성 색상 명암비에 빠르게 액세스 할 수 있는 Figma 플러그인 및 MAC 앱

[Ai Colors] 텍스트 프롬프트에서 팔레트를 만들어보세요 실시간으로 UIUX 확인도 가능 합니다.

[Design Systems] Figma의 디자인 시스템 간행물 : 컴포넌트와 기능을 정의하기 위한 협업적 접근 방식을 이야기합니다.

[brandingstyleguides] 전 세계의 브랜드 스타일 가이드를 엄선해 pdf 문서를 아카이빙한 곳

[checklist] 반드시 필요한 UI 속성 및 UX 플로우를 체크리스트로 지우며 디자인 하기

[Colorand Contrast] 컬러 대비에 관한 이론, 과학, 인식 등 을 공부하고 학습 할 수 있는 곳

[Color.review] 출시 예정인 색상 및 웹 접근성 판별기

[whocanuse] 시각 장애가 있는 사람들에게 색상 대비가 어떤 영향을 미칠 수 있는지 관심과 이해를 돕는 도구

[UI Gradients] 그라디언트 라이브러리

[Game Ui DB] UX 플로우 별로 게임 UI를 데이터베이스화 한 곳

[Color Kit] 두 가지 색을 선택해보세요 음영을 혼합하여 컬러 스케일을 생성해줍니다.

[Palettte.app] 재매핑을 통해 대비 및 색상 접근성에 가장 완벽한 컬러 팔레트를 생성해 보세요

[COOLORS] 슈퍼 빠른 컬러 팔레트 생성기!

[Colourcode] 마우스 호버링을 통해 색을 탐색하고 비주얼 이미지에 어울리는 컬러 팔레트를 생성해보세요.

[pigment] 명조와 색조별로 조절하는 컬러 팔레트 생성기

[abha] 브랜드를 대표하는 기본색상을 선택해보세요. UIUX 결과를 보여줍니다