Baselayer

팔레트

상표

• Ledger Navy #09234f
• Registry Blue #384ce3
• Network Teal #1888a2

중립적

• Paper White #ffffff
• Ink Black #000000
• Carbon #121012
• Mint Paper #eff5f0
• Sky Paper #c4f0ff
• Rule Gray #e5e5e5

타이포그래피

12px에서 72px로 · 8단계

• Season VF — 대사: Cormorant Garamond · 요점 515
• Uncut Sans — 대사: DM Sans · 요점 400, 500
• Modern Era Mono — 대사: IBM Plex Mono · 요점 500

간격과 형태

비슷한 스타일

• Bevel — Cloudlight에서 아침 건강 지표를 확인하세요. 밝은 흰색의 건강 일기처럼 보이는 화면을 만들고, 웨어러블 기기에는 은은하게 빛나는 대시보드를 표시하세요.
• Mollie — 캐시미어 소재의 카운터와 어두운 장부. 검은색 텍스트 주변에 충분한 여백을 남겨 편집 디자인을 활용하고, 따뜻한 크림색, 에스프레소 브라운 색상, 그리고 실제 결제 수단의 촉각적인 사진을 통해 제품 관련 정보를 강조하세요.
• Devin — 제도용지에 전자 잉크로 인쇄되었습니다. 거의 검은색에 가까운 글꼴과 밝은 표면이 대부분의 역할을 하지만, #2200ff는 의도적인 활성화 신호로 나타납니다.
• 1X NEO — 1X Tech는 조용한 홈시어터입니다. 편집 텍스트가 있는 옅은 색 페이지가 펼쳐지며, 사람들과 휴머노이드 로봇이 등장하는 영화 같은 장면들이 나옵니다. 인터페이스 요소는 작고 간격이 넓은 캡션과 부드러운 흑백 이미지로 최소화되어 있습니다.
• B150 — 미래의 필름 그레인 마스터클래스. 제품과 크리에이터를 담은 어둡고 인물 크기의 이미지에 밝고 부드러운 편집 영역을 만드는 방법.
• Captions — 햇살이 비치는 편집 책상. 반투명 곡선형 내비게이션 바를 깨끗하고 하얀, 약간 소음이 있는 작업 공간 위에 놓고, 연한 파란색 작업대와 영상 클로즈업으로 포인트를 더한다.
• Kagi — 별도의 열람실을 마련합니다. 굵은 연필 글씨 주변에 탁 트인 흰색 공간을 만들고, 은은한 보라색 포인트와 따뜻한 파스텔 톤의 표면을 사용하여 고요한 분위기에 변화를 줍니다.
• Milanote — Milanote는 전문적인 크리에이티브 스튜디오입니다. 어두운 프레임 벽, 흰색 디스플레이 공간, 그리고 부드러운 깊이감을 가진 실제 사물처럼 보이는 스크린샷으로 구성된 플로팅 비주얼 보드를 사용하여 편집 갤러리 스타일의 페이지를 제작해 보세요.
• Co2 — 겨울 풍경을 담은 기후 지도. 항공 사진처럼 페이지를 구성하여, 세리프체 제목, 범주별 코드로 분류된 데이터, 그리고 얼음 이미지가 넓은 흰색 여백을 돋보이게 하세요.
• GitButler — 텍스트 끝부분에 청록색이 사용되었습니다. 대비가 강한 세리프 헤드라인과 은은한 기술적 격자, 따뜻한 흑연색 표면, 그리고 절제된 청록색 악센트가 조화를 이루고 있습니다.
• Bee — 햇살처럼 따스한 꿀빛 노란색의 부적. 각 화면을 촉각적인 화보처럼 구성해 보세요. 손목에 착용한 제품의 섬세한 이미지를 둥근 프레임에 담고, 노란색 또는 밝은 중성색 배경 위에 굵고 거의 검정에 가까운 글꼴을 배치합니다.
• Steep — Warm Paper에서 세리프 글꼴 분석

카테고리별 스타일 카탈로그