oh-my-design-cli 1.6.6 → 1.7.0

package/web/references/wise/DESIGN.md

@@ -15,6 +15,47 @@ ds:
   url: "https://wise.design"
   type: system
   description: Wise's design system covering foundations, components, patterns, and tone of voice.
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    ink: "#0e0f0c"
+    primary: "#9fe870"
+    dark-green: "#163300"
+    light-mint: "#e2f6d5"
+    pastel-green: "#cdffad"
+    positive: "#054d28"
+    danger: "#d03238"
+    warning: "#ffd11a"
+    bright-orange: "#ffc091"
+    warm-dark: "#454745"
+    gray: "#868685"
+    light-surface: "#e8ebe6"
+    canvas: "#ffffff"
+  typography:
+    family: { sans: "Inter", mono: "Inter" }
+    display-mega:  { size: 126, weight: 900, lineHeight: 0.85, use: "Wise Sans, max display" }
+    display-hero:  { size: 96, weight: 900, lineHeight: 0.85, use: "Wise Sans, hero" }
+    section:       { size: 64, weight: 900, lineHeight: 0.85, use: "Wise Sans, section heading" }
+    subheading:    { size: 40, weight: 900, lineHeight: 0.85, use: "Wise Sans, sub-heading" }
+    card-title:    { size: 26, weight: 600, lineHeight: 1.23, tracking: -0.39, use: "Inter, card title" }
+    feature-title: { size: 22, weight: 600, lineHeight: 1.25, tracking: -0.4, use: "Inter, feature title" }
+    body:          { size: 18, weight: 400, lineHeight: 1.44, tracking: 0.18, use: "Inter, body" }
+    body-semibold: { size: 18, weight: 600, lineHeight: 1.44, tracking: -0.11, use: "Inter, body default" }
+    button:        { size: 18, weight: 600, lineHeight: 1.0, tracking: -0.11, use: "Inter, button" }
+    caption:       { size: 14, weight: 400, lineHeight: 1.5, tracking: -0.08, use: "Inter, caption" }
+    small:         { size: 12, weight: 400, lineHeight: 1.0, tracking: -0.08, use: "Inter, small" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 20, xl: 24 }
+  rounded: { sm: 16, md: 30, lg: 40, full: 9999 }
+  shadow:
+    ring: "rgba(14,15,12,0.12) 0px 0px 0px 1px"
+    inset: "rgb(134,134,133) 0px 0px 0px 1px inset"
+  components:
+    button-primary: { type: button, bg: "#9fe870", fg: "#163300", radius: 9999, padding: "5px 16px", use: "Primary green pill, hover scale 1.05" }
+    button-secondary: { type: button, fg: "#0e0f0c", radius: 9999, padding: "8px 12px 8px 16px", use: "Subtle pill, dark green 8% bg" }
+    card: { type: card, radius: 30, use: "Card, 1px rgba(14,15,12,0.12) border, ring shadow" }
+    badge-mint: { type: badge, bg: "#e2f6d5", fg: "#163300", radius: 16, use: "Soft green badge surface" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of Wise

package/web/references/x.ai/DESIGN.md

@@ -10,6 +10,37 @@ logo:
   slug: x
 verified: "2026-05-15"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    text-primary: "#ffffff"
+    canvas: "#1f2228"
+    ring-blue: "#3b82f6"
+    surface-elevated: "#26292f"
+    surface-hover: "#2a2d33"
+    border-default: "#2c2f35"
+    border-strong: "#3a3d42"
+    inverse-near-black: "#0a0a0a"
+  typography:
+    family: { sans: "universalSans", mono: "GeistMono" }
+    display-hero: { size: 320, weight: 300, lineHeight: 1.50, use: "GeistMono, extreme display" }
+    section:      { size: 30, weight: 400, lineHeight: 1.20, use: "universalSans, section heading" }
+    body:         { size: 16, weight: 400, lineHeight: 1.50, use: "universalSans, body" }
+    button:       { size: 14, weight: 400, lineHeight: 1.43, tracking: 1.4, use: "GeistMono, uppercase button" }
+    caption:      { size: 14, weight: 400, lineHeight: 1.50, use: "universalSans, label/caption" }
+    small:        { size: 12, weight: 400, lineHeight: 1.50, use: "universalSans, meta" }
+  spacing: { xs: 4, sm: 8, base: 24, lg: 48 }
+  rounded: { sm: 0, md: 0, lg: 4, full: 9999 }
+  shadow:
+    none: "none"
+  components:
+    button-primary: { type: button, bg: "#ffffff", fg: "#1f2228", radius: 0, padding: "12px 24px", font: "14px/400 GeistMono", use: "Primary CTA, uppercase 1.4px tracking, hover 0.9 white" }
+    button-ghost: { type: button, fg: "#ffffff", radius: 0, padding: "12px 24px", font: "14px/400 GeistMono", use: "Secondary, 1px rgba(255,255,255,0.2) border" }
+    card: { type: card, radius: 0, padding: "24px", use: "Container, 1px rgba(255,255,255,0.1) border, no shadow, hover border 0.2" }
+    badge-mono: { type: badge, fg: "#ffffff", radius: 0, padding: "4px 8px", font: "12px GeistMono", use: "Monospace tag, 1px rgba(255,255,255,0.2) border" }
+    input-default: { type: input, fg: "#ffffff", radius: 0, padding: "8px 12px", font: "16px universalSans", use: "Form input, 1px rgba(255,255,255,0.2), focus blue ring, placeholder 0.3" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of xAI

package/web/references/xiaohongshu/DESIGN.md

@@ -10,6 +10,45 @@ logo:
   slug: xiaohongshu
 verified: "2026-05-19"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#ff2442"
+    red-pressed: "#e01f3d"
+    red-tint: "#ffecef"
+    canvas: "#ffffff"
+    surface: "#f5f5f5"
+    text-primary: "#333333"
+    text-secondary: "#999999"
+    text-tertiary: "#cccccc"
+    border: "#eeeeee"
+    divider: "#f0f0f0"
+    error: "#ff4d4f"
+    success: "#52c41a"
+  typography:
+    family: { sans: "PingFang SC", mono: "PingFang SC" }
+    header:    { size: 18, weight: 600, use: "Profile names, section titles" }
+    note-title: { size: 14, weight: 500, use: "Note title, two-line clamp" }
+    body:      { size: 15, weight: 400, use: "Note detail reading view" }
+    meta:      { size: 12, weight: 400, use: "Username, likes, timestamp" }
+    caption:   { size: 11, weight: 400, use: "Hashtags, fine labels" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24 }
+  rounded: { sm: 8, md: 16, lg: 20, full: 9999 }
+  shadow:
+    hover: "0 2px 12px rgba(0,0,0,0.06)"
+    floating: "0 -2px 16px rgba(0,0,0,0.1)"
+    modal: "0 4px 24px rgba(0,0,0,0.12)"
+  components:
+    button-primary: { type: button, bg: "#ff2442", fg: "#ffffff", radius: 20, padding: "6px 16px", font: "14px/500 PingFang SC", use: "Follow / buy CTA, press #e01f3d" }
+    button-secondary: { type: button, bg: "#ffffff", fg: "#333333", radius: 20, padding: "6px 16px", font: "14px/500 PingFang SC", use: "Following state, 1px #eeeeee border" }
+    input-search: { type: input, bg: "#f5f5f5", fg: "#333333", radius: 20, padding: "8px 16px", font: "14px/400 PingFang SC", use: "Pill search, red caret" }
+    note-card: { type: card, bg: "#ffffff", radius: 8, padding: "8px 10px", use: "Waterfall note card, variable height, no border" }
+    chip: { type: badge, bg: "#f5f5f5", fg: "#333333", radius: 16, padding: "4px 12px", font: "12px/400 PingFang SC", use: "Hashtag chip, branded uses #ffecef bg #ff2442 text" }
+    like-heart: { type: toggle, fg: "#999999", use: "Outline heart, active fill #ff2442 with scale-pop" }
+    action-sheet: { type: dialog, bg: "#ffffff", radius: 16, use: "Bottom sheet, 40% black backdrop" }
+    nav-tab: { type: tab, fg: "#999999", use: "Top/category tab", active: "#ff2442 text + red underline" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of Xiaohongshu

package/web/references/yanolja/DESIGN.md

@@ -16,6 +16,51 @@ ds:
   type: brand
   description: Yanolja's official brand center — visual identity inspired by the Multiverse of Dreams.
   og_image: "https://www.yanoljagroup.com/common/assets/yanolja_colored_og_image.jpg"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#f54b1e"
+    primary-pressed: "#d63e14"
+    coral-tint: "#feeae2"
+    canvas: "#ffffff"
+    heading: "#1e1928"
+    body: "#555055"
+    caption: "#8c8282"
+    light-sand: "#f5ebe1"
+    critical: "#e5342b"
+    info: "#2d8cff"
+    success: "#1fa873"
+    warning: "#f2a600"
+  typography:
+    family: { sans: "Pretendard", mono: "Pretendard" }
+    display:      { size: 28, weight: 700, lineHeight: 1.29, use: "Hero promo headlines" }
+    heading-lg:   { size: 22, weight: 700, lineHeight: 1.36, use: "Section headers" }
+    heading:      { size: 18, weight: 700, lineHeight: 1.44, use: "Card titles, list headers" }
+    title:        { size: 16, weight: 600, lineHeight: 1.38, use: "Lodging name, list item" }
+    body:         { size: 14, weight: 400, lineHeight: 1.43, use: "Standard body" }
+    body-bold:    { size: 14, weight: 700, lineHeight: 1.43, use: "Price, discount label" }
+    caption:      { size: 12, weight: 400, lineHeight: 1.33, use: "Metadata, neighborhood" }
+    caption-bold: { size: 12, weight: 700, lineHeight: 1.33, use: "Discount % badge, status tag" }
+    micro:        { size: 11, weight: 500, lineHeight: 1.27, use: "Legal, fine print" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32, xxl: 48, section: 64 }
+  rounded: { sm: 4, md: 8, lg: 12, sheet: 16, full: 9999 }
+  shadow:
+    soft: "0 2px 8px rgba(30,25,40,0.08)"
+    standard: "0 4px 16px rgba(30,25,40,0.12)"
+    prominent: "0 8px 24px rgba(30,25,40,0.16)"
+  components:
+    button-primary: { type: button, bg: "#f54b1e", fg: "#ffffff", radius: 8, padding: "16px 24px", font: "16px/700 Pretendard", use: "예약/결제 CTA, pressed #d63e14, disabled #f5ebe1 bg #8c8282 text" }
+    button-outline: { type: button, fg: "#1e1928", radius: 8, use: "Secondary, 1px rgba(30,25,40,0.16) border, pressed #f5ebe1" }
+    button-weak: { type: button, bg: "#f5ebe1", fg: "#1e1928", radius: 8, use: "Tertiary, 더 보기 / filter" }
+    button-critical: { type: button, bg: "#e5342b", fg: "#ffffff", use: "Destructive, 예약 취소" }
+    input-default: { type: input, bg: "#ffffff", fg: "#1e1928", radius: 8, use: "Form input, 1px rgba(30,25,40,0.16), focus 2px #f54b1e, placeholder #8c8282" }
+    lodging-card: { type: card, bg: "#ffffff", radius: 8, padding: "12px 16px", use: "Image-led card, hover soft shadow" }
+    discount-badge: { type: badge, bg: "#f54b1e", fg: "#ffffff", radius: 4, padding: "2px 6px", font: "12px/700 Pretendard", use: "Top-left of image discount %" }
+    category-chip: { type: badge, bg: "#f5ebe1", fg: "#1e1928", radius: 9999, font: "12px/500 Pretendard", use: "Category chip, selected #f54b1e bg white text" }
+    toast: { type: toast, bg: "#1e1928", fg: "#ffffff", font: "14px/400 Pretendard", use: "Error/success toast, 3s" }
+    nav-tab: { type: tab, fg: "#8c8282", use: "Bottom tab bar", active: "#f54b1e icon + label" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of Yanolja (야놀자)

package/web/references/yeogiotte/DESIGN.md

@@ -8,7 +8,7 @@ homepage: "https://www.yeogi.com"
 primary_color: "#000000"
 logo:
   type: favicon
-  slug: "https://www.yeogi.com/favicon/rel_icon/favicon_png_192.png"
+  slug: "https://www.google.com/s2/favicons?domain=yeogi.com&sz=128"
 verified: "2026-05-15"
 omd: "0.1"
 ds:
@@ -17,6 +17,47 @@ ds:
   type: system
   description: 여기어때 디자인 라이브러리 — A Visual Language for Travel. Foundations, components, and tokens.
   og_image: "https://framerusercontent.com/assets/kA6JROOLbG0jX7SQZl1tLZzahM.jpg"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#1d8bff"
+    canvas: "#ffffff"
+    heading: "#222222"
+    body: "#222222"
+    on-primary: "#ffffff"
+    tint-blue: "#e3f0ff"
+    coupon-red: "#f94239"
+    coupon-red-tint: "#ffedea"
+    rating-yellow: "#ffc83b"
+    member-slate: "#49627a"
+    border: "#e6e6e6"
+  typography:
+    family: { sans: "Pretendard", mono: "Pretendard" }
+    hero:        { size: 32, weight: 700, lineHeight: 1.2, use: "Home hero H1 over image" }
+    page-title:  { size: 24, weight: 700, use: "Search-result count headline" }
+    section:     { size: 18, weight: 700, use: "Section H2 / listing card name" }
+    chip:        { size: 13, weight: 600, use: "Filter chips, price-range pills" }
+    tile:        { size: 14, weight: 500, use: "Destination tile caption" }
+    body:        { size: 16, weight: 400, use: "Card meta, search input, descriptions" }
+    button:      { size: 14, weight: 600, use: "Utility CTA label" }
+    badge:       { size: 12, weight: 700, use: "Promo / coupon / member / rating" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32, xxl: 48, section: 64 }
+  rounded: { sm: 3, md: 8, lg: 12, full: 9999 }
+  shadow:
+    card: "minimal — cards rely on whitespace and photo for separation"
+  components_harvested: true
+  components:
+    button-primary: { type: button, bg: "#1d8bff", fg: "#ffffff", radius: 8, padding: "9px 14px", font: "14/600", use: "Login/회원가입 solid, 지도 보기, hero 검색" }
+    button-brand-outline: { type: button, bg: "#ffffff", fg: "#1d8bff", radius: 8, padding: "9px 14px", font: "14/600", use: "Top-right login/회원가입 entry" }
+    button-neutral-outline: { type: button, bg: "#ffffff", fg: "#222222", radius: 8, padding: "9px 14px", font: "14/600", use: "Guest reservation lookup, low-emphasis utility" }
+    filter-chip: { type: badge, bg: "#ffffff", fg: "#222222", radius: 9999, padding: "0px 16px", font: "13/600", use: "Price range, hashtag/star/amenity filters" }
+    search-input: { type: input, bg: "#ffffff", fg: "#222222", radius: 12, font: "16/400", use: "Home search box" }
+    listing-card: { type: card, bg: "#ffffff", radius: 12, padding: "0 0 24px", use: "Photo-led search-result / recommendation card" }
+    badge-rating: { type: badge, bg: "#ffc83b", radius: 6, padding: "4px 5px 3px 3px", font: "16/400", use: "Review score chip on every listing card" }
+    badge-promo: { type: badge, bg: "#e3f0ff", fg: "#1d8bff", radius: 3, padding: "0px 4px", font: "12/700", use: "반짝특가 flash-deal emphasis" }
+    badge-member: { type: badge, bg: "#49627a", fg: "#ffffff", radius: 3, padding: "3px 4px", font: "12/700", use: "회원가 member-rate flag" }
+    badge-coupon: { type: badge, bg: "#ffedea", fg: "#f94239", radius: 3, padding: "0px 4px", font: "12/700", use: "쿠폰 적용가 discount callout" }
 ---
 
 # Design System Inspiration of 여기어때 (GoodChoice / Yeogiotte)

package/web/references/yogiyo/DESIGN.md

@@ -10,6 +10,56 @@ logo:
   slug: "https://www.google.com/s2/favicons?domain=yogiyo.co.kr&sz=128"
 verified: "2026-05-27"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#fa0050"
+    primary-deep: "#e00048"
+    canvas: "#ffffff"
+    surface: "#f5f5f7"
+    surface-strong: "#ececef"
+    heading: "#1a1a1a"
+    text-strong: "#333333"
+    body: "#666666"
+    text-secondary: "#999999"
+    text-tertiary: "#bbbbbb"
+    border: "#dddddd"
+    divider: "#ececef"
+    rating: "#ffb300"
+    success: "#21c17a"
+    warning: "#ff8a00"
+    error: "#f5444c"
+    on-primary: "#ffffff"
+  typography:
+    family: { sans: "Pretendard", mono: "Pretendard" }
+    hero:        { size: 28, weight: 700, lineHeight: 1.3, use: "Event/promo banners, onboarding" }
+    section:     { size: 20, weight: 700, lineHeight: 1.35, use: "Row headers" }
+    restaurant:  { size: 16, weight: 600, lineHeight: 1.4, use: "Restaurant card title" }
+    menu:        { size: 15, weight: 500, lineHeight: 1.4, use: "Menu item title" }
+    body:        { size: 14, weight: 400, lineHeight: 1.5, use: "Descriptions, address" }
+    label:       { size: 16, weight: 600, lineHeight: 1.4, use: "Button labels (주문하기)" }
+    caption:     { size: 12, weight: 400, lineHeight: 1.4, use: "Delivery time, review count, fine print" }
+    price:       { size: 19, weight: 700, lineHeight: 1.2, use: "Item/cart total — tabular numerals" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32, xxl: 48, section: 64 }
+  rounded: { sm: 6, md: 12, lg: 16, full: 999 }
+  shadow:
+    card: "0px 2px 8px rgba(0,0,0,0.06)"
+    elevated: "0px 2px 12px rgba(0,0,0,0.08)"
+    toast: "0px 4px 12px rgba(0,0,0,0.16)"
+  components_harvested: true
+  components:
+    button-primary: { type: button, bg: "#fa0050", fg: "#ffffff", radius: 12, padding: "14px 20px", font: "16/600", use: "주문하기, 결제하기 — full-width sticky CTA" }
+    button-outline: { type: button, bg: "#ffffff", fg: "#fa0050", radius: 12, padding: "14px 20px", font: "16/600", use: "쿠폰 받기, 메뉴 더보기" }
+    button-neutral: { type: button, bg: "#f5f5f7", fg: "#333333", radius: 12, padding: "14px 20px", font: "16/600", use: "취소, 닫기" }
+    search-field: { type: input, bg: "#f5f5f7", fg: "#333333", radius: 12, padding: "14px 16px", font: "16/400", use: "음식, 가게 검색" }
+    restaurant-card: { type: card, bg: "#ffffff", radius: 16, padding: "16px", use: "Browse workhorse — photo, name, rating, ETA" }
+    category-tile: { type: card, bg: "#f5f5f7", radius: 12, padding: "12px", use: "치킨/피자/한식 grid tiles" }
+    discount-badge: { type: badge, bg: "#fa0050", fg: "#ffffff", radius: 6, padding: "2px 6px", font: "11/700", use: "할인/쿠폰 promotion flag" }
+    filter-chip: { type: badge, bg: "#f5f5f7", fg: "#666666", radius: 999, padding: "6px 14px", font: "13/500", use: "빠른배달/무료배달/별점순 filters" }
+    top-tab: { type: tab, fg: "#999999", font: "15/600", active: "#fa0050 text + 2px bottom underline #fa0050", use: "배달/포장/요편의점 switcher" }
+    bottom-tab: { type: tab, fg: "#bbbbbb", font: "11/500", active: "#fa0050 icon + label", use: "홈/검색/찜/주문내역/MY" }
+    snackbar: { type: toast, bg: "#1a1a1a", fg: "#ffffff", radius: 12, padding: "12px 16px", font: "14/500", use: "Transient feedback, 3s auto-dismiss" }
 ---
 
 # Design System Inspiration of Yogiyo (요기요)