oh-my-design-cli 1.6.6 → 1.7.0

package/web/references/dji/DESIGN.md

@@ -10,6 +10,45 @@ logo:
   slug: "https://www.google.com/s2/favicons?domain=dji.com&sz=128"
 verified: "2026-05-19"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  note: "Non-black/white hexes are best-fit approximations per brand-guide (Titan, sky-blue named but hex not public)"
+  colors:
+    black: "#000000"
+    titan: "#1c1c1e"
+    canvas: "#ffffff"
+    silver: "#86868b"
+    accent: "#0a84ff"
+    surface: "#f5f5f7"
+    hairline: "#d2d2d7"
+    dark-panel: "#161617"
+    success: "#34c759"
+    error: "#ff3b30"
+    warning: "#ff9f0a"
+  typography:
+    family: { sans: "DJI", mono: "DJI" }
+    hero:      { size: 64, weight: 700, use: "Product reveal headlines on black, tight tracking" }
+    h2:        { size: 42, weight: 700, use: "Capability section heads" }
+    h3:        { size: 26, weight: 700, use: "Feature module titles" }
+    subhead:   { size: 19, weight: 500, use: "Lead-in copy under headlines" }
+    body:      { size: 16, weight: 400, use: "Descriptions, paragraph copy" }
+    spec-label: { size: 14, weight: 500, use: "Spec-table left column, nav" }
+    caption:   { size: 12, weight: 400, use: "Footnotes, disclaimers, legal" }
+  spacing: { sm: 12, base: 24, lg: 28, xl: 32, section: 120 }
+  rounded: { sm: 4, md: 8, lg: 12, full: 9999 }
+  shadow:
+    hover: "0 4px 16px rgba(0,0,0,0.08)"
+    floating: "0 8px 32px rgba(0,0,0,0.16)"
+  components:
+    button-primary: { type: button, bg: "#000000", fg: "#ffffff", radius: 4, padding: "12px 28px", font: "15px/500", use: "Primary purchase CTA (inverts on black pages)" }
+    button-secondary: { type: button, bg: "transparent", fg: "#000000", radius: 4, padding: "12px 28px", font: "15px/500", use: "Ghost button beside primary CTA" }
+    button-link: { type: button, bg: "transparent", fg: "#0a84ff", font: "15px/400", use: "Inline links, learn-more affordances" }
+    input: { type: input, bg: "#ffffff", fg: "#1c1c1e", radius: 4, padding: "12px 14px", font: "15px/400", use: "Account, checkout, search fields" }
+    product-tile: { type: card, bg: "#ffffff", fg: "#1c1c1e", radius: 8, padding: "24px", use: "Product grid tile" }
+    spec-module: { type: card, bg: "#f5f5f7", radius: 12, padding: "32px", use: "Highlighted spec/feature block" }
+    badge: { type: badge, bg: "transparent", fg: "#0a84ff", radius: 4, padding: "4px 8px", font: "12px/500", use: "New, Pre-order, Coming soon flags" }
+  components_harvested: true
 ---
 
 # Design System Inspiration of DJI

package/web/references/drnow/DESIGN.md

@@ -10,6 +10,58 @@ logo:
   slug: "https://www.google.com/s2/favicons?domain=doctornow.co.kr&sz=256"
 verified: "2026-06-03"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  colors:
+    primary: "#FF8D00"
+    primary-600: "#FD7E14"
+    primary-700: "#F76707"
+    primary-800: "#E8590C"
+    primary-900: "#D9480F"
+    primary-100: "#FFF4E6"
+    primary-300: "#FFD8A8"
+    surface-10: "#FBFCFD"
+    surface-20: "#F7F9FA"
+    surface-40: "#F1F3F6"
+    border: "#DFE1E2"
+    placeholder: "#A9AEB1"
+    meta: "#8D9297"
+    body: "#71767A"
+    body-root: "#565C65"
+    strong: "#3D4551"
+    heading: "#1C1D1F"
+    canvas: "#FFFFFF"
+    info: "#228BE6"
+    yellow: "#FCC419"
+    error: "#FA5252"
+  typography:
+    family: { sans: "Pretendard Variable", mono: "Pretendard Variable" }
+    h-32:    { size: 32, weight: 700, lineHeight: 1.31, use: "Large display heading" }
+    h-28:    { size: 28, weight: 700, lineHeight: 1.36, use: "Heading" }
+    h-24:    { size: 24, weight: 700, lineHeight: 1.33, use: "Section heading" }
+    h-22:    { size: 22, weight: 700, lineHeight: 1.36, use: "Section heading" }
+    h-20:    { size: 20, weight: 600, lineHeight: 1.4, use: "Subheading" }
+    body-17: { size: 17, weight: 400, lineHeight: 1.41, use: "Body / button label at 600" }
+    body-16: { size: 16, weight: 400, lineHeight: 1.5, use: "Body default" }
+    body-15: { size: 15, weight: 400, lineHeight: 1.47, use: "Body small" }
+    caption: { size: 12, weight: 600, lineHeight: 1.5, use: "Meta / timestamps" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32, xxl: 48, section: 96 }
+  rounded: { sm: 8, md: 12, lg: 32, full: 9999 }
+  shadow:
+    floating: "0px 2px 8px rgba(0,0,0,0.08)"
+    modal: "0px 4px 8px rgba(0,0,0,0.08)"
+    dropdown: "0px 8px 16px rgba(0,0,0,0.16)"
+  components:
+    button-primary: { type: button, bg: "#FD7E14", fg: "#FFFFFF", radius: 12, font: "17px/600", use: "Primary solid CTA" }
+    button-outline: { type: button, bg: "#FFFFFF", fg: "#FD7E14", radius: 12, padding: "16px 24px", font: "16px/600", use: "Primary outline (1px #FD7E14 border)" }
+    button-disabled: { type: button, bg: "#DFE1E2", fg: "#A9AEB1", radius: 12, padding: "16px 24px", font: "16px/500", use: "Ghost / disabled" }
+    tag-primary: { type: badge, bg: "#FFF4E6", fg: "#F76707", radius: 9999, padding: "4px 10px", font: "12px/600", use: "Primary tag chip" }
+    tag-gray: { type: badge, bg: "#F1F3F6", fg: "#71767A", radius: 9999, padding: "4px 10px", font: "12px/500", use: "Gray tag chip" }
+    card: { type: card, bg: "#FFFFFF", radius: 32, padding: "24px", use: "Content card, 1px #DFE1E2 border" }
+    section-card: { type: card, bg: "#F1F3F6", radius: 32, use: "Section background card" }
+    nav-item: { type: tab, bg: "transparent", fg: "#DFE1E2", radius: 8, padding: "0px 12px", font: "16px/400", active: "text #FD7E14, weight 700", use: "Navigation item" }
+  components_harvested: true
 ---
 
 # Dr.Now (닥터나우)