oh-my-design-cli 1.6.6 → 1.7.0

package/web/references/notion/DESIGN.md

@@ -10,6 +10,54 @@ logo:
   slug: notion
 verified: "2026-05-15"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    ink: "#000000"
+    canvas: "#ffffff"
+    primary: "#0075de"
+    primary-active: "#005bab"
+    navy: "#213183"
+    warm-white: "#f6f5f4"
+    warm-dark: "#31302e"
+    warm-gray-500: "#615d59"
+    warm-gray-300: "#a39e98"
+    teal: "#2a9d99"
+    green: "#1aae39"
+    orange: "#dd5b00"
+    pink: "#ff64c8"
+    purple: "#391c57"
+    brown: "#523410"
+    link-light: "#62aef0"
+    focus: "#097fe8"
+    badge-bg: "#f2f9ff"
+    border: "#dddddd"
+  typography:
+    family: { sans: "NotionInter", mono: "NotionInter" }
+    display-hero: { size: 64, weight: 700, lineHeight: 1.0, tracking: -2.125, use: "Billboard headlines" }
+    display-secondary: { size: 54, weight: 700, lineHeight: 1.04, tracking: -1.875, use: "Secondary hero" }
+    section: { size: 48, weight: 700, lineHeight: 1.0, tracking: -1.5, use: "Feature section titles" }
+    subheading-lg: { size: 40, weight: 700, lineHeight: 1.5, use: "Card headings, metric numbers" }
+    subheading: { size: 26, weight: 700, lineHeight: 1.23, tracking: -0.625, use: "Section sub-titles" }
+    card-title: { size: 22, weight: 700, lineHeight: 1.27, tracking: -0.25, use: "Feature cards, list titles" }
+    body-lg: { size: 20, weight: 600, lineHeight: 1.4, tracking: -0.125, use: "Intros, feature descriptions" }
+    body: { size: 16, weight: 400, lineHeight: 1.5, use: "Standard reading text" }
+    nav-button: { size: 15, weight: 600, lineHeight: 1.33, use: "Navigation links, button text" }
+    caption: { size: 14, weight: 500, lineHeight: 1.43, use: "Metadata, secondary labels" }
+    badge: { size: 12, weight: 600, lineHeight: 1.33, tracking: 0.125, use: "Pill badges, tags, status" }
+  spacing: { sm: 8, base: 16 }
+  rounded: { sm: 4, md: 12, lg: 16, full: 9999 }
+  shadow:
+    card: "rgba(0,0,0,0.04) 0px 4px 18px, rgba(0,0,0,0.027) 0px 2.025px 7.84688px, rgba(0,0,0,0.02) 0px 0.8px 2.925px, rgba(0,0,0,0.01) 0px 0.175px 1.04062px"
+  components:
+    button-primary: { type: button, bg: "#0075de", fg: "#ffffff", radius: 4, padding: "8px 16px", use: "Primary CTA (Get Notion free)" }
+    button-secondary: { type: button, bg: "rgba(0,0,0,0.05)", fg: "#000000", radius: 4, padding: "8px 16px", use: "Secondary actions, form submit" }
+    button-ghost: { type: button, bg: "transparent", fg: "#000000", use: "Tertiary actions, inline links" }
+    badge: { type: badge, bg: "#f2f9ff", fg: "#097fe8", radius: 9999, padding: "4px 8px", font: "12px/600", use: "Status badges, feature labels, New tags" }
+    card: { type: card, bg: "#ffffff", radius: 12, use: "Standard content card, whisper border" }
+    input: { type: input, bg: "#ffffff", fg: "#000000", radius: 4, padding: "6px", use: "Forms, fields" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of Notion

package/web/references/nvidia/DESIGN.md

@@ -10,6 +10,56 @@ logo:
   slug: nvidia
 verified: "2026-05-15"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#76b900"
+    primary-light: "#bff230"
+    ink: "#000000"
+    canvas: "#ffffff"
+    near-black: "#1a1a1a"
+    orange: "#df6500"
+    yellow: "#ef9100"
+    yellow-tint: "#feeeb2"
+    error: "#e52020"
+    error-deep: "#650b0b"
+    success: "#3f8500"
+    info: "#0046a4"
+    purple: "#4d1368"
+    purple-tint: "#f9d4ff"
+    fuchsia: "#8c1c55"
+    gray-300: "#a7a7a7"
+    gray-400: "#898989"
+    gray-500: "#757575"
+    gray-border: "#5e5e5e"
+    link-hover: "#3860be"
+    button-hover: "#1eaedb"
+    button-active: "#007fff"
+  typography:
+    family: { sans: "NVIDIA-EMEA", mono: "NVIDIA-EMEA" }
+    display-hero: { size: 36, weight: 700, lineHeight: 1.25, use: "Maximum impact headlines" }
+    section: { size: 24, weight: 700, lineHeight: 1.25, use: "Section titles, card headings" }
+    subheading: { size: 22, weight: 400, lineHeight: 1.75, use: "Feature descriptions, subtitles" }
+    card-title: { size: 20, weight: 700, lineHeight: 1.25, use: "Card and module headings" }
+    body-lg: { size: 18, weight: 700, lineHeight: 1.67, use: "Emphasized body, lead paragraphs" }
+    body: { size: 16, weight: 400, lineHeight: 1.5, use: "Standard reading text" }
+    button: { size: 16, weight: 700, lineHeight: 1.25, use: "Standard buttons" }
+    button-compact: { size: 14.4, weight: 700, lineHeight: 1.0, tracking: 0.144, use: "Small/compact buttons" }
+    link: { size: 14, weight: 700, lineHeight: 1.43, use: "Navigation links, uppercase nav labels" }
+    caption: { size: 14, weight: 600, lineHeight: 1.5, use: "Metadata, timestamps" }
+    micro: { size: 10, weight: 700, lineHeight: 1.5, use: "Uppercase tiny badges" }
+  spacing: { base: 16, lg: 24 }
+  rounded: { sm: 2, md: 2, lg: 2, full: 9999 }
+  shadow:
+    card: "rgba(0,0,0,0.3) 0px 0px 5px 0px"
+  components:
+    button-primary: { type: button, bg: "transparent", fg: "#000000", radius: 2, padding: "11px 13px", font: "16px/700", use: "Primary CTA, 2px green border" }
+    button-secondary: { type: button, bg: "transparent", fg: "#000000", radius: 2, font: "16px/700", use: "Secondary action, 1px green border" }
+    button-compact: { type: button, bg: "transparent", fg: "#000000", radius: 2, font: "14.4px/700", use: "Inline / compact CTA" }
+    card: { type: card, bg: "#ffffff", radius: 2, padding: "16-24px", use: "Light content card" }
+    card-dark: { type: card, bg: "#1a1a1a", fg: "#ffffff", radius: 2, padding: "16-24px", use: "Dark-section card" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of NVIDIA

package/web/references/ohouse/DESIGN.md

@@ -10,6 +10,62 @@ logo:
   slug: "https://www.google.com/s2/favicons?domain=ohou.se&sz=128"
 verified: "2026-05-15"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#35c5f0"
+    primary-pressed: "#1fb1db"
+    ink: "#222222"
+    canvas: "#ffffff"
+    blue-tint: "#e8f7fd"
+    blue-light: "#7fd9f5"
+    blue-deep: "#0e8fb8"
+    sale: "#fa3e3e"
+    error: "#e53935"
+    success: "#1caf5c"
+    warning: "#f5a623"
+    info: "#3b82f6"
+    star: "#ffb800"
+    gray-50: "#fafafa"
+    gray-100: "#f5f5f5"
+    gray-200: "#eeeeee"
+    gray-300: "#dddddd"
+    gray-500: "#aaaaaa"
+    gray-600: "#888888"
+    gray-700: "#555555"
+  typography:
+    family: { sans: "Pretendard Variable", mono: "Pretendard Variable" }
+    display: { size: 32, weight: 700, lineHeight: 44, tracking: "-0.02em", use: "Hero headlines, campaign banners" }
+    h1: { size: 24, weight: 700, lineHeight: 33, tracking: "-0.02em", use: "Page titles, section headers" }
+    h2: { size: 20, weight: 700, lineHeight: 28, tracking: "-0.01em", use: "Card group headings" }
+    h3: { size: 18, weight: 600, lineHeight: 26, tracking: "-0.01em", use: "Sub-sections, modal titles" }
+    title: { size: 16, weight: 600, lineHeight: 24, use: "Card titles, nav labels" }
+    body: { size: 14, weight: 400, lineHeight: 22, use: "Standard reading text" }
+    caption: { size: 13, weight: 400, lineHeight: 19, use: "Metadata, review counts" }
+    small: { size: 12, weight: 400, lineHeight: 17, use: "Timestamps, fine print" }
+    price-lg: { size: 18, weight: 700, lineHeight: 26, tracking: "-0.01em", use: "Featured product price, tnum" }
+  spacing: { sm: 8, md: 12, base: 16 }
+  rounded: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 }
+  shadow:
+    none: "none"
+  components:
+    button-primary: { type: button, bg: "#35c5f0", fg: "#ffffff", radius: 8, font: "16px/700", use: "Primary CTA (구매하기, 장바구니 담기)" }
+    button-outline: { type: button, bg: "#ffffff", fg: "#222222", radius: 8, use: "Secondary action (관심상품, 공유하기)" }
+    button-weak: { type: button, bg: "#f5f5f5", fg: "#222222", radius: 8, use: "Tertiary, in-card buttons" }
+    button-discount: { type: button, bg: "#fa3e3e", fg: "#ffffff", radius: 8, use: "Sale-emphasis CTA only" }
+    button-critical: { type: button, bg: "#ffffff", fg: "#e53935", radius: 8, use: "Destructive action (삭제, 취소)" }
+    search-field: { type: input, bg: "#f5f5f5", fg: "#222222", radius: 9999, padding: "0 16px", use: "Top-bar search" }
+    text-field: { type: input, bg: "#ffffff", fg: "#222222", radius: 8, padding: "0 14px", font: "14px/400", use: "Form field" }
+    product-card: { type: card, bg: "#ffffff", radius: 12, padding: "12px", use: "Product grid tile" }
+    ugc-card: { type: card, bg: "#ffffff", fg: "#ffffff", radius: 12, use: "UGC photo card, full-bleed image" }
+    story-card: { type: card, bg: "#ffffff", fg: "#222222", radius: 16, padding: "16px", use: "Story/project card" }
+    discount-badge: { type: badge, bg: "#fa3e3e", fg: "#ffffff", radius: 4, padding: "2px 6px", font: "12px/700", use: "Sale-percentage overlay" }
+    new-badge: { type: badge, bg: "#35c5f0", fg: "#ffffff", radius: 4, font: "11px/700", use: "NEW on fresh products" }
+    shipping-pill: { type: badge, bg: "#e8f7fd", fg: "#0e8fb8", radius: 9999, padding: "2px 8px", font: "11px/600", use: "무료배송 inline" }
+    rank-badge: { type: badge, bg: "#222222", fg: "#ffffff", radius: 4, font: "12px/700", use: "BEST / 1위 rank chip" }
+    chip: { type: tab, bg: "#ffffff", fg: "#222222", radius: 9999, padding: "0 14px", font: "13px/500", use: "Filter/category chip", active: "#35c5f0 bg, #ffffff text, no border" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of Ohouse (오늘의집)

package/web/references/oliveyoung/DESIGN.md

@@ -5,12 +5,58 @@ display_name_kr: Olive Young (올리브영)
 country: KR
 category: ecommerce
 homepage: "https://www.oliveyoung.co.kr"
-primary_color: "#000000"
+primary_color: "#9bce26"
 logo:
   type: favicon
   slug: "https://www.google.com/s2/favicons?domain=oliveyoung.co.kr&sz=256"
 verified: "2026-05-15"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    black: "#000000"
+    ink: "#131518"
+    muted: "#888888"
+    neutral-dark: "#2f3030"
+    neutral-alt: "#454c53"
+    neutral-alt-2: "#50585f"
+    chip-text: "#757d86"
+    canvas: "#ffffff"
+    paper: "#f6f7f9"
+    line: "#e5e7ea"
+    line-thin: "#ebebeb"
+    sale: "#f65c60"
+    best: "#f05a5e"
+    same-day: "#f374b7"
+    coupon: "#9bce26"
+    gift: "#6fcff7"
+    promo-salmon: "#f27370"
+  typography:
+    family: { sans: "Montserrat", mono: "Montserrat" }
+    h1: { size: 28, weight: 700, use: "Legacy main page title" }
+    title: { size: 16, weight: 700, use: "Card titles, emphasis" }
+    body: { size: 14, weight: 400, lineHeight: 1.4, use: "Standard reading text" }
+    caption: { size: 13, weight: 400, use: "Brand, meta" }
+    small: { size: 12, weight: 400, use: "Flags, fine print" }
+  spacing: { sm: 8, base: 16, lg: 18 }
+  rounded: { sm: 4, md: 9, lg: 20, full: 9999 }
+  shadow:
+    none: "none"
+  components:
+    button-primary: { type: button, bg: "#000000", fg: "#ffffff", radius: 4, padding: "12px 18px", font: "13.33px/700", use: "Filled black CTA (장바구니 담기)" }
+    button-outline: { type: button, bg: "#ffffff", fg: "#454c53", radius: 4, padding: "10px 16px", font: "14px/500", use: "Secondary action (신상 더보기)" }
+    pagination-active: { type: button, bg: "#2f3030", fg: "#ffffff", radius: 9999, font: "14px/700", use: "Current page indicator" }
+    category-pill: { type: tab, bg: "#ffffff", fg: "#757d86", radius: 20, padding: "8px 14px", font: "14px/400", use: "Category shortcut", active: "#000000 bg, #ffffff text" }
+    filter-chip: { type: tab, bg: "#ffffff", fg: "#757d86", radius: 18, padding: "8px 14px", font: "14px/400", use: "Search facet filter" }
+    flag-sale: { type: badge, bg: "#f65c60", fg: "#ffffff", radius: 9, padding: "3px 6px", font: "12px/400", use: "세일 in-thumbnail pill" }
+    flag-same-day: { type: badge, bg: "#f374b7", fg: "#ffffff", radius: 9, font: "12px/400", use: "오늘드림 pill" }
+    flag-coupon: { type: badge, bg: "#9bce26", fg: "#ffffff", radius: 9, font: "12px/400", use: "쿠폰 pill" }
+    flag-gift: { type: badge, bg: "#6fcff7", fg: "#ffffff", radius: 9, font: "12px/400", use: "증정 pill" }
+    best-badge: { type: badge, bg: "#ffffff", fg: "#f05a5e", radius: 24, padding: "8px 18px", font: "14px/700", use: "베스트 sash on hero rails" }
+    search-input: { type: input, bg: "#ffffff", fg: "#131518", radius: 0, font: "13.33px/400", use: "Global GNB product search" }
+    product-card: { type: card, bg: "#ffffff", fg: "#131518", radius: 0, use: "Search/list product tile" }
+  components_harvested: true
 ---
 
 ## 1. Visual Theme & Atmosphere

package/web/references/ollama/DESIGN.md

@@ -10,6 +10,46 @@ logo:
   slug: ollama
 verified: "2026-05-15"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    ink: "#000000"
+    near-black: "#262626"
+    darkest: "#090909"
+    canvas: "#ffffff"
+    snow: "#fafafa"
+    light-gray: "#e5e5e5"
+    stone: "#737373"
+    mid-gray: "#525252"
+    silver: "#a3a3a3"
+    button-text: "#404040"
+    ring: "#3b82f6"
+    border-light: "#d4d4d4"
+  typography:
+    family: { sans: "SF Pro Rounded", mono: "ui-monospace" }
+    display: { size: 48, weight: 500, lineHeight: 1.0, use: "Hero, rounded letterforms" }
+    section: { size: 36, weight: 500, lineHeight: 1.11, use: "Feature section titles" }
+    subheading: { size: 30, weight: 500, lineHeight: 1.2, use: "Card headings, feature names" }
+    card-title: { size: 24, weight: 400, lineHeight: 1.33, use: "Medium emphasis headings" }
+    body-lg: { size: 18, weight: 400, lineHeight: 1.56, use: "Hero descriptions, button text" }
+    body: { size: 16, weight: 400, lineHeight: 1.5, use: "Body text, navigation" }
+    caption: { size: 14, weight: 400, lineHeight: 1.43, use: "Metadata, descriptions" }
+    small: { size: 12, weight: 400, lineHeight: 1.33, use: "Smallest sans text" }
+    code: { size: 16, weight: 400, lineHeight: 1.5, use: "Inline code, commands" }
+  spacing: { sm: 10, base: 24 }
+  rounded: { sm: 12, md: 12, lg: 12, full: 9999 }
+  shadow:
+    none: "none"
+  components:
+    button-primary: { type: button, bg: "#e5e5e5", fg: "#262626", radius: 9999, padding: "10px 24px", use: "Primary action, gray pill" }
+    button-secondary: { type: button, bg: "#ffffff", fg: "#404040", radius: 9999, padding: "10px 24px", use: "Secondary action, white pill" }
+    button-cta: { type: button, bg: "#000000", fg: "#ffffff", radius: 9999, use: "Max emphasis (Create account, Download)" }
+    card: { type: card, bg: "#ffffff", radius: 12, use: "Container, 1px light-gray border, no shadow" }
+    input: { type: input, bg: "#ffffff", radius: 9999, use: "Pill search/form field" }
+    tab-pill: { type: tab, bg: "transparent", radius: 9999, use: "Pill tab selector", active: "#e5e5e5 bg" }
+    model-tag: { type: badge, bg: "#e5e5e5", fg: "#262626", radius: 9999, use: "Model browse tag" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of Ollama