https://medium.muz.li/100-unique-website-footer-design-inspirations-8180c9d3ed62

디자인 사이트 모음https://velog.io/@ewaterbin/%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%95%A0-%EB%95%8C-%EC%B0%B8%EA%B3%A0%ED%95%98%EB%A9%B4-%EC%A2%8B%EC%9D%84-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%AA%A8%EC%9D%8C%EC%A7%91 👀 개발자를 위한 디자인 아카이빙Components, colors, fonts, UI/UX 레퍼런스, 인터렉션, 웹빌더, 3D, Mockup, 일러스트 등등 계속 업데이트 예정velog.io

https://velog.io/@hyounglee/uxuiforfe (번역) 프론트엔드 개발자를 위한 UXUI 디자인 기초유저 인터페이스를 만드는데, 이건 알고 있어야지!velog.io

https://www.codingfont.com/?utm_source=substack&utm_medium=email https://www.codingfont.com/?utm_medium=email&utm_source=substack www.codingfont.com 여기서 고를수 있다

https://brunch.co.kr/@chulhochoiucj0/8 모바일 UI·UX 디자인 시 고려해야 할 가이드라인 1애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기 device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모brunch.co.kr

생각해보니 모든 폰 비율이 다르고 난 다 만들수 없으니 대충 반응형으로 떄우고 싶지만 폴드 입장에서 깨지는걸 너무 많이 봐서 화면 비율이 375x667 400x900 이런식으로 여러개가 있으니 여기서 nav 를 만든다고 하면 보통 375 * 20 400 * 20 이런식으로 고정값으로 줄지 375 * 375의 10분의 1 400 * 400의 10분의 1이렇게 상대적으로 줄지 고민하다가 디자이너 님이 추천해주신거 보고 https://help.dfinery.io/hc/ko/articles/18331475774745-%EB%AA%A8%EB%B0%94%EC%9D%BC-App-Web-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%82%AC%EC%9D%B4%EC%A6%88 오 이거..

https://www.figma.com/file/dlV8uoVBqmLL5aMndxfYb2/Wanted-Design-Library-(Community)?type=design&node-id=0%3A1&mode=design&t=eez8sTtLwSz7Sq1s-1 FigmaCreated with Figmawww.figma.com

물론입니다! 아래는 일반적으로 웹 페이지에서 사용되는 폰트 크기의 예시입니다.본문 텍스트 : 1rem (기본 폰트 크기 16px 기준으로 16px)작은 헤딩 : 1.5rem (기본 폰트 크기 16px 기준으로 24px)중간 헤딩 : 2rem (기본 폰트 크기 16px 기준으로 32px)큰 헤딩 : 2.5rem (기본 폰트 크기 16px 기준으로 40px)매우 큰 헤딩 : 3rem (기본 폰트 크기 16px 기준으로 48px)위의 예시는 일반적인 기준이며, 디자인에 따라서는 더 작은 폰트 크기를 사용할 수도 있습니다. 또한, 모바일 장치에서는 폰트 크기를 더 크게 설정하는 것이 일반적입니다. 따라서, 실제로 사용할 폰트 크기는 디자인과 사용자 환경에 따라 달라질 수 있습니다. 웹 페이지에서 사용되는 폰트..

자주 사용하는 색상 변수명은 프로젝트 및 팀에 따라 달라질 수 있지만, 일반적으로 사용되는 몇 가지 색상 변수명을 추천해드립니다:Primary color: 주요 색상 변수로, 프로젝트의 주요 색상을 지정합니다. 보통 프로젝트의 브랜드 색상이 사용됩니다. 변수명은 $primary-color 등으로 사용할 수 있습니다.Secondary color: 주요 색상과 함께 사용되는 보조 색상 변수로, 일반적으로 $secondary-color 등으로 사용됩니다.Background color: 페이지나 컴포넌트의 배경색을 지정하는 변수입니다. $bg-color 등으로 사용할 수 있습니다.Text color: 페이지나 컴포넌트의 텍스트 색상을 지정하는 변수입니다. $text-color 등으로 사용할 수 있습니다.Succ..