Coda

따뜻하고 부드러운 양피지에 새겨진 기념비적인 글자들—Coda는 SaaS 대시보드라기보다는 마켓플레이스를 위한 수제 포스터처럼 읽힙니다.

온라인 쇼핑몰 순수 SaaS 단색화 고대비

https://www.coda.co

팔레트

상표

Forest Depths #003d21
Mint Sprout #aafdc0

중립적

Cream Parchment #f8f9eb
Pure White #ffffff
Obsidian #000000
Charcoal #202020
Sage Mist #c0c2a9
Olive Slate #5a5a4f

타이포그래피

12px에서 134px로 · 9단계

ui-sans-serif — 대사: Inter · 요점 400
Monument Grotesk (custom) — 대사: Archivo · 요점 400, 500, 800
JetBrains Mono — 대사: IBM Plex Mono or JetBrains Mono · 요점 400

간격과 형태

목적	의미
밀도	평균
기본 단계	13px
버튼 반경	13px
카드 반경	22px
그림자	아니요 - 그림자 대신 테두리를 사용합니다.
구간 사이	72px
페이지 너비	1200px

AI가 Coda 스타일로 웹사이트를 구축하고 내용을 채워줍니다.

제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.

이런 스타일로 웹사이트를 만들어 보세요

비슷한 스타일

Factory — 한밤중의 "작전실" 단말기. "공장"은 삭막한 검은색 제어판으로, 손전등에 비친 전령처럼 하얀 카드 한 장이 놓인다. 방 안에 있는 유일한 물건은 바로 작업 그 자체이다.
Buymeacoffee — 크림색 종이로 만든 카페 스타일의 사진 앨범으로, 폴라로이드 사진들이 둥둥 떠다니는 형태입니다.
Preply — 사람 모양 스티커가 붙은 분홍색 광고판
Flim — 격자무늬 스케치북에 흩어진 폴라로이드 사진들
Ramp — 편집 재무 부서는 흑백 페이지에 네온 마커 하나만을 사용한다. 거의 흑백에 가까운 출판물의 표면에 밝은 라임 그린 색상의 선 하나가 모든 상호작용을 금전적 신호로 변환시킨다.
Orderful — 산업 물류 통제실 - 검정색 잉크와 빨간색 수술용 잉크로 인쇄된 물류 배송 담당자 체크리스트로, 각 페이지는 한 명의 운영자가 중요한 사항을 큰 소리로 말할 수 있을 만큼 눈에 띄지 않게 제작되었습니다.
teenage engineering — 스튜디오 조명 산업 카탈로그에서는 제품이 페이지에서 유일하게 중요한 요소이며, 나머지 모든 내용은 그 주변에서 논의됩니다.
Vanmoof — 영화 같은 흑백 쇼룸
Sociotype — 흰 종이 위에 놓인 전형적인 박물관 표본
Webflow — 하얀 작업실, 검은 잉크, 파란색 선 하나 – 디자이너의 제도판이 웹페이지에 구현된 모습
Apple (España) — 조명 장치가 있는 검은색 극장
Contract — 화이트 월 갤러리 카탈로그