UI/UX Design

[Data] Design Style Guide · System Research

국내, 국외 및 기업별 디자인 스타일 가이드 및 디자인 시스템
Feb 21, 2024
[Data] Design Style Guide · System Research
Contents
국내 프로덕트 > 디자인 시스템해외 프로덕트 > 디자인 시스템디자인 시스템 관련 아티클 모음 디자인 시스템 관련 피그마 및 콜렉션 사이트
ℹ️
국내, 국외 및 기업별 디자인 스타일 가이드 및 디자인 시스템을 리서치하여 담아두었습니다. : )
 

국내 프로덕트 > 디자인 시스템

SOCAR > SOCAR FRAME
SOCAR FRAME · zeroheight
SOCAR FRAME · zeroheight
https://socarframe.socar.kr/8bb3aba4a/p/480a5e-introduction
RIDI BOOKS > RIDI DESIGN SYSTEM
RIDI Design System
리디를 디자인하기 위한 단 하나의 시스템
RIDI Design System
https://ridi.design/
RIDI Design System
 
LINE
designsystem.line.me
designsystem.line.me
https://designsystem.line.me/LDSG
Global family service
designsystem.line.me
designsystem.line.me
https://designsystem.line.me/LDSM
Messenger
 
REMEMBER
Remember UI
Remember UI Components
https://dramancompany.github.io/remember-ui/
 
SPOQA DESIGN GUIDE
Spoqa Design Guidelines
우리는 건강한, 스마트한, 발전하는 기업을 지향합니다. 스포카 비주얼 디자인팀은 디자인 가이드라인을 마련하여 모든 서비스와 소통 채널에서 스포카의 가치를 일관되게 표현하도록 돕습니다.
Spoqa Design Guidelines
https://bi.spoqa.com/
Spoqa Design Guidelines
 
REMAIN STYLE GUIDE
리메인 스타일가이드
웹 디자이너를 위한 웹 스타일 가이드
http://styleguide.co.kr/
리메인 스타일가이드
 
seAh’s Factory System > LITHUM DESIGN SYSTEM
Lithium Design system
Lithium의 원소적 특징은 가장 가볍고 알칼리 금속 중 단단하며, 다양한 원소와 잘 융합하며 합금 시 탄력성을 높여 줍니다. 이는 시각적으로 심플하고 사용성 높은 UI를, 다양한 디바이스와 시스템에 유연하고 가볍게 최적화하여 적용할 수 있는 UI 디자인 표준의 제공을 의미합니다. 디자인 시스템 항목에 빠르게 접근하려면 아래 항목 메뉴를 활용하세요.
http://61.107.76.13/Li/index.html
 
CLASS 101 DESIGN SYSTEM [FIGMA]
 
밀리의 서재 DESIGN SYSTEM [FIGMA]
 
GMARKET DESIGN SYSTEM
Gmarket Design System
G마켓의 브랜드 정체성, 사용성, 일관성을 고려한 디자인 시스템의 가이드라인을 소개합니다.
Gmarket Design System
https://gds.gmarket.co.kr/
Gmarket Design System
 
WANTED DESIGN LIBRARY
Wanted Design Library | Figma
English | Korean Wanted, a career growth platform in South Korea, proudly presents the Wanted Design Library, crafted to innovate in digital quality and productivity. — Looking Forward Wanted Design Library contains the design system elements that are actively used at Wanted. We hope that by ...
Wanted Design Library | Figma
https://www.figma.com/community/file/1355516515676178246
Wanted Design Library | Figma
 
11ST
11번가 Design System
11번가 디자인 시스템은 11번가 디자인에 기본이 되는 원칙과 개념을 제공하고 사용자 경험에 기여하는 구성 요소 및 상호 작용에 대한 기준을 제시합니다.
11번가 Design System
https://design.11stcorp.com/
11번가 Design System
 
 

해외 프로덕트 > 디자인 시스템

ADOBE DESIGN SYSTEM
Remember UI
Remember UI Components
https://dramancompany.github.io/remember-ui/
 
Storybook DESIGN SYSTEM
Storybook
Storybook
https://design.caple.ai/?path=/story/introduction-quick-view--default
 
STARBUCKS BRAND DESIGN GUIDE
Starbucks Creative Expression
As we evolve to meet beautifully diverse customers all over the world, our brand has evolved too. Here we introduce a fresh new design system that maintains the core elements of our brand while keeping our customers' experience central to creative expression.
Starbucks Creative Expression
https://creative.starbucks.com/
Starbucks Creative Expression
 
Atlassian Design System
Atlassian Design System
Design, develop, deliver. Use Atlassian's end-to-end design language to create simple, intuitive, and beautiful experiences.
Atlassian Design System
https://atlassian.design/
Atlassian Design System
 
HUDL DESIGN SYSTEM
Brand * Hudl Design
These are the guidelines for the Hudl brand, including all the assets you could need and the rules on when to use what.
Brand * Hudl Design
https://www.hudl.com/design/brand
Brand * Hudl Design
 
MICROSOFT DESIGN SYSTEM
Home - Fluent UI
The official front-end framework for building experiences that fit seamlessly into Microsoft 365.
Home - Fluent UI
https://developer.microsoft.com/en-us/fluentui#/
 
WORKDAY PLATFORM DESIGN SYSTEM
Home
Canvas is an open source design system that consists of reusable UI elements, resources, and guidelines that enable teams to create scalable, unified experiences. Learn more about the smallest pieces of our design system that serve as the foundation of our system.
Home
https://canvas.workday.com/
Home
 
IBM DESIGN LANGUAGE
www.ibm.com
www.ibm.com
https://www.ibm.com/design/language/
 
BBC DESIGN GUIDELINES
Foundations
These areas of design are the foundations on which the BBC online is built.
Foundations
https://www.bbc.co.uk/gel/guidelines/category/foundations
Foundations
 
SKYSCANNER DESIGN SYSTEM
Backpack - Skyscanner's Design System
Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner products.
Backpack - Skyscanner's Design System
https://backpack.github.io/
 
SHOPIFY > POLARIS DESIGN SYSTEM
Shopify Polaris
Skip to main content Our design system helps us work together to build a great experience for all of Shopify's merchants. Check out these practical guides to help you understand how to design for the Shopify platform using Polaris. What's new A new approach to design tokens.
https://polaris.shopify.com/
Shopify Polaris
 
BUZZVIL DESIGN SYSTEM [FIGMA]
Figma
Figma Community file - Buzzvil App UI library is Mobile only library dedicated to creating dozens of Applications for our partners. We like it very much so we decided to share it onto this amazing Figma Community! Enjoy! 👉 We got rid of all the specifics and kept all the things we thought would be helpful to others.
https://www.figma.com/community/file/966523898114949728
Figma
 
GOOGLE MATERIAL DESIGN SYSTEM
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps teams build high quality digital experiences.
Material Design
https://material.io/design
Material Design
 
APPLE DESIGN SYSTEM
Human Interface Guidelines
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
Human Interface Guidelines
https://developer.apple.com/design/human-interface-guidelines/
 
AIRBNB
Building a Visual Language
Behind the scenes of our new design system
Building a Visual Language
https://airbnb.design/building-a-visual-language/
Building a Visual Language
 
SPOTIFY
Refreshing our Icon System: the why and how behind the changes
Learn how and why our design systems team refreshed the icons you see when you use Spotify.
Refreshing our Icon System: the why and how behind the changes
https://spotify.design/article/refreshing-our-icon-system-the-why-and-how-behind-the-changes
Refreshing our Icon System: the why and how behind the changes
 
 

디자인 시스템 관련 아티클 모음

Design Systems articles on building and maintaining design systems
Learn how to define baseline grids, column grids, spacing and layouts Learn how to create, organize, name, and use icons within a design system Learn about choosing typefaces, font weights, styles, sizes, line-heights, and responsive type for your design system. Content and microcopy appear all over design system components.
Design Systems articles on building and maintaining design systems
https://www.designsystems.com/
Design Systems articles on building and maintaining design systems
 
pxd Story :: 디자인 시스템 1편 - 디자인 가이드/디자인 시스템은 왜 필요한가
2014년 6월 구글이 머티리얼 디자인 시스템을 공개한 후, 많은 회사들이 고유 디자인 시스템을 구축하고 공유하고 있습니다. 구글, 애플처럼 운영 체제를 관리하는 기업뿐 아니라, IBM, Shopify 등의 플랫폼, Audi, Uber과 같은 모빌리티 회사, 금융, 스타트업 등 도메인과 회사 규모를 가리지 않는 트렌드입니다.
pxd Story :: 디자인 시스템 1편 - 디자인 가이드/디자인 시스템은 왜 필요한가
https://story.pxd.co.kr/1434?fbclid=IwAR39mMokNmTu-_yYHsC9m4Xxev1PaONNlQ8sullHxolNzxNRK5EklJgU2G4
pxd Story :: 디자인 시스템 1편 - 디자인 가이드/디자인 시스템은 왜 필요한가
 
 

디자인 시스템 관련 피그마 및 콜렉션 사이트

Design Systems For Figma
A collection of Design Systems for Figma from all over the globe.
Design Systems For Figma
https://www.designsystemsforfigma.com/
Design Systems For Figma
 
Home
The Component Gallery is a collection of components from the best Design Systems.
Home
https://component.gallery/
Home
 
Share article

More articles

See more posts

[Data] Bookmarks

February 21, 2024
[Data] Bookmarks

[Review] UX/UI Design Trends Seminar 2019

February 21, 2024
[Review] UX/UI Design Trends Seminar 2019

JEONGWON PARK

RSS·Powered by Inblog