Sshadcn
Modern SaaS style: thin borders and rounded corners, tight large headings, a shadow on just one kind of card. — 20 entries
- Full name
- shadcn/ui · zinc 중립 팔레트
- License
- MIT · 아이콘 Lucide(ISC) · 글꼴 Geist·Pretendard(OFL)
- Source
- partnerscoupang-sites design-systems@22083bd · data babyfood
01Site header사이트 머리
White bar with a single thin line underneath. Menu text is light gray and only the current topic turns black.
02Site footer사이트 발
No background color, just a line on top. Text is light gray; only the column headings and the first line of the “not affiliated with Coupang” notice are black and bold.
03Breadcrumbs현재 위치
One line of small gray text where only the last step is black. Steps are separated by chevrons or slashes.
04Page head주제·안내 페이지 머리
A big black title with a light gray intro. band sits on a light gray strip; plain sits on white.
05Not found (404)없는 페이지(404)
Left-aligned. A small “404”, a very large title and a black “Back to home” button, in that order.
06Home hero홈 머리
A very large left-aligned title and a light lead. The featured post follows as an outlined card (editorial) or a black button (featured).
07Topic index주제 목록
Under a “Browse by topic” title, topics are separated by text and thin lines only, with no cards.
08Related sites함께 보는 사이트
“Sister parenting sites”. Each site has a black rounded lettered mark, and no site colors are used.
09Hub directory허브 사이트 목록
Groups sites by baby stage. Each stage has a small number and a large name; sites appear as cards, a table or a vertical line.
10Post header글 머리
Under the path, a very large black title and gray lead, then the “This posting is part of Coupang Partners…” notice in an outlined box.
11Summary핵심 요약
Shows the key points at the top of a post in three ways: a box with checkmarks, numbers with lines, or a bold first line with the rest as bullets.
12Table of contents목차
A gray “On this page” list where only the section you are reading turns black, with no bar or line marker.
13Body text본문
By default (ruled) headings get a thin line underneath and tables have horizontal lines only, with no outer box. boxed wraps them in boxes; open uses generous spacing and larger headings.
14Care guide위급도 안내
“When to see a doctor”. Only the urgent card has red text and icon; everything else is black.
15Trust box출처 상자
“Sources and checks”. The numbered source list appears as a card (panel), a table (ledger) or small footnotes (notes).
16FAQ자주 묻는 질문
Questions divided by thin lines. accordion is folded with a chevron on the right to open, while open shows every answer expanded.
17Product list추천 준비물
Shows Coupang Partners products without standing out. No filled black buttons, only outlined buttons and underlined links.
18Post card글 카드
A small gray topic sits above a bold title, with a gray description and the date below. Rows are separated by thin lines only; just the picture card (thumb) has a border and a faint shadow.
19Post list글 목록
A list of post cards. On the atlas screen it appears as a two-column numbered list.
20Pager이전·다음 글
The way to the previous and next posts. cards are two outlined boxes; inline is two bits of text under a line.