oh-my-design-cli 1.6.6 → 1.7.0

package/web/references/lezhin/DESIGN.md

@@ -10,6 +10,53 @@ logo:
   slug: "https://www.google.com/s2/favicons?domain=lezhin.com&sz=256"
 verified: "2026-06-03"
 omd: "0.1"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  components_harvested: true
+  colors:
+    primary: "#eb0014"
+    primary-hover: "#ff5254"
+    primary-dark: "#c40017"
+    ink: "#111115"
+    deep-dark: "#09090b"
+    charcoal: "#222225"
+    text-soft: "#36363a"
+    text-subtle: "#6f6f77"
+    text-muted: "#a1a1a9"
+    border-muted: "#e9e9ec"
+    surface-muted: "#f4f4f5"
+    canvas: "#ffffff"
+    on-primary: "#ffffff"
+  typography:
+    family: { sans: "Pretendard Variable", mono: "Pretendard Variable" }
+    section-header: { size: 24, weight: 700, lineHeight: 1.35, tracking: -0.36, use: "Section headers" }
+    title:         { size: 18, weight: 700, lineHeight: 1.4, use: "Smaller section headers" }
+    body:          { size: 16, weight: 400, lineHeight: 1.5, use: "Body default" }
+    label:         { size: 14, weight: 600, lineHeight: 1.4, use: "Label / UI text, button labels" }
+    label-medium:  { size: 14, weight: 500, lineHeight: 1.4, use: "Medium UI text" }
+    caption:       { size: 13, weight: 400, lineHeight: 1.4, use: "Caption / metadata" }
+    caption-small: { size: 12, weight: 400, lineHeight: 1.4, use: "Smallest metadata" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 20, xl: 24, xxl: 32, section: 56 }
+  rounded: { sm: 4, md: 8, lg: 12, full: 9999 }
+  shadow:
+    subtle: "0 0 0 rgba(17,17,21,0.06)"
+    soft: "0 2px 12px 0 rgba(17,17,21,0.08)"
+    medium: "0 0 0 rgba(17,17,21,0.25)"
+    strong: "0 0 0 rgba(17,17,21,0.30)"
+  components:
+    button-primary: { type: button, bg: "#eb0014", fg: "#ffffff", radius: 4, padding: "0 12px", font: "14px/600", use: "Primary CTA, 48px height" }
+    button-primary-large: { type: button, bg: "#eb0014", fg: "#ffffff", radius: 4, padding: "0 16px", font: "16px/600", use: "Large primary CTA, 56px height" }
+    button-secondary: { type: button, bg: "#222225", fg: "#ffffff", radius: 4, padding: "0 12px", font: "14px/600", use: "Secondary, 48px height" }
+    button-tertiary: { type: button, bg: "#f4f4f5", fg: "#36363a", radius: 4, padding: "0 12px", font: "14px/600", use: "Tertiary, 48px height" }
+    button-outlined: { type: button, bg: "transparent", fg: "#36363a", radius: 4, padding: "0 20px", font: "14px/600", use: "Outlined, 1px #a1a1a9 border, 40px height" }
+    card-thumbnail: { type: card, bg: "#f4f4f5", radius: 4, use: "Comic thumbnail card, 2/3 portrait aspect" }
+    card-circle: { type: card, radius: 9999, use: "Circle thumb card, tracked ring" }
+    badge-chip: { type: badge, bg: "transparent", fg: "#6f6f77", radius: 9999, padding: "0 12px", use: "Default genre/tag chip, 1px #e9e9ec border, 32px height" }
+    badge-chip-selected: { type: badge, fg: "#c40017", radius: 9999, use: "Selected chip" }
+    tab-default: { type: tab, fg: "#111115", radius: 4, padding: "0 12px", use: "Default tab, 36px height" }
+    tab-selected: { type: tab, fg: "#ffffff", radius: 4, use: "Selected tab" }
+    dialog-dropdown: { type: dialog, bg: "#ffffff", radius: 4, padding: "12px 0", use: "Dropdown/select container, 1px #f4f4f5 border" }
 ---
 
 # Lezhin Comics

package/web/references/line/DESIGN.md

@@ -16,6 +16,42 @@ ds:
   type: system
   description: LINE's shared design system for products across the LINE family.
   og_image: "https://designsystem.line.me/static/36a4ead41b7b972b1130287e849a14b1/73f08/SEO_IMG_1741574443.png"
+tokens:
+  source: prose-derived
+  extracted: "2026-06-09"
+  components_harvested: true
+  colors:
+    primary: "#07b53b"
+    primary-hover: "#069030"
+    canvas: "#ffffff"
+    ink: "#1e1e1e"
+    body: "#000000"
+    swiper-blue: "#007aff"
+    on-primary: "#ffffff"
+  typography:
+    family: { sans: "SFPro", mono: "SFPro" }
+    hero:      { size: 70, weight: 700, use: "Hero headline, Life on LINE" }
+    service:   { size: 40, weight: 700, use: "Service names, section heads" }
+    title:     { size: 20, weight: 700, use: "Page title H1" }
+    body:      { size: 20, weight: 400, lineHeight: 1.5, use: "Body default, editorial scale" }
+    button:    { size: 16, weight: 700, lineHeight: 1.0, use: "Button / pill / nav labels" }
+    caption:   { size: 14, weight: 400, use: "Card descriptions, supporting copy" }
+    badge:     { size: 12, weight: 700, use: "Pill badge label" }
+  spacing: { xs: 4, sm: 8, md: 15, base: 16, lg: 24, xl: 32, xxl: 48, section: 100 }
+  rounded: { sm: 12, md: 12, lg: 12, full: 9999 }
+  shadow:
+    header: "0 1px 0 rgba(0,0,0,0.1)"
+    card: "0 2px 8px rgba(0,0,0,0.04)"
+    modal: "0 4px 24px rgba(0,0,0,0.15)"
+  components:
+    button-pill-active: { type: button, bg: "#07b53b", fg: "#ffffff", radius: 9999, padding: "8px 15px", font: "16px/700", use: "Active category pill, primary CTA" }
+    button-pill-inactive: { type: button, bg: "transparent", fg: "#1e1e1e", radius: 9999, padding: "8px 15px", font: "16px/700", use: "Unselected category pill" }
+    button-pill-pressed: { type: button, bg: "#069030", fg: "#ffffff", radius: 9999, padding: "8px 15px", use: "Hover/pressed primary pill" }
+    input-default: { type: input, bg: "#ffffff", fg: "#1e1e1e", radius: 12, padding: "12px 16px", font: "16px/400", use: "Form field, green focus border" }
+    card-service: { type: card, bg: "#ffffff", fg: "#1e1e1e", radius: 12, padding: "24px", use: "Service/feature card with icon + title" }
+    card-image: { type: card, bg: "#ffffff", radius: 12, use: "Image-dominant tile, STICKERS/WEBTOON" }
+    card-download: { type: card, bg: "#ffffff", radius: 12, padding: "12px", use: "App download tile, 56px touch target" }
+    badge-pill: { type: badge, bg: "#07b53b", fg: "#ffffff", radius: 9999, padding: "4px 10px", font: "12px/700", use: "Pill-style badge" }
 ---
 
 # Design System Inspiration of LINE

package/web/references/linear.app/DESIGN.md

@@ -16,6 +16,53 @@ ds:
   type: brand
   description: Linear's brand guidelines with wordmark, logomark, and color specifications.
   og_image: "https://linear.app/api/og/generic?title=Brand&v=3"
+tokens:
+  source: reconciled
+  extracted: "2026-06-08"
+  components_harvested: true
+  note: "freq×sat picked link color #828fff; CSS var --color-brand-bg=#5e6ad2 is the canonical primary. TIER 2 multi-route harvest (home/pricing/customers/now) 2026-06-09 — no public DS; app behind auth."
+  colors:
+    primary: "#5e6ad2"
+    accent: "#7170ff"
+    accent-hover: "#828fff"
+    background: "#0f1011"
+    canvas: "#08090a"
+    surface: "#191a1b"
+    surface-2: "#28282c"
+    foreground: "#f7f8f8"
+    text-secondary: "#d0d6e0"
+    muted: "#8a8f98"
+    text-quaternary: "#62666d"
+  typography:
+    family: { sans: "Inter", mono: "Berkeley Mono" }
+    display-xl:  { size: 72, weight: 510, lineHeight: 1.00, tracking: -1.584, use: "Hero headlines, maximum impact" }
+    display-lg:  { size: 64, weight: 510, lineHeight: 1.00, tracking: -1.408, use: "Secondary hero text" }
+    display:     { size: 48, weight: 510, lineHeight: 1.00, tracking: -1.056, use: "Section headlines" }
+    heading-1:   { size: 32, weight: 400, lineHeight: 1.13, tracking: -0.704, use: "Major section titles" }
+    heading-2:   { size: 24, weight: 400, lineHeight: 1.33, tracking: -0.288, use: "Sub-section headings" }
+    heading-3:   { size: 20, weight: 590, lineHeight: 1.33, tracking: -0.24, use: "Feature titles, card headers" }
+    body-lg:     { size: 18, weight: 400, lineHeight: 1.60, use: "Introduction text, feature descriptions" }
+    body:        { size: 17, weight: 400, lineHeight: 1.60, use: "Body, emphasized content" }
+  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32 }
+  rounded: { sm: 4, md: 8, lg: 12, full: 9999 }
+  shadow:
+    subtle: "rgba(0,0,0,0.03) 0px 1.2px 0px"
+    inset: "rgba(0,0,0,0.2) 0px 0px 12px 0px inset"
+  components:
+    primary-cta:         { type: button, bg: "#e5e5e6", fg: "#08090a", border: "1px solid #e5e5e6", radius: "9999px", height: "32px", padding: "0 12px", font: "13px / 510", shadow: "layered drop stack rgba(0,0,0,0.08) 0px 0px 1px · rgba(0,0,0,0.07) 0px 1px 1px · rgba(0,0,0,0.04) 0px 3px 2px", use: "Highest-priority CTA on dark surfaces (Sign up / Open app); 44px hero variant at 16px/510, 0 20px" }
+    secondary-cta:       { type: button, bg: "rgba(255,255,255,0.05)", fg: "#f7f8f8", radius: "9999px", height: "40px", padding: "0 14px", font: "13px / 510", shadow: "inset hairline + ring rgba(255,255,255,0.03) 0px 0px 0px 1px inset · rgba(0,0,0,0.6) 0px 0px 0px 1px · rgba(0,0,0,0.1) 0px 4px 4px", use: "Paired alternative beside the primary CTA (Contact sales next to Get started); 44px hero variant" }
+    brand-cta-lime:      { type: button, bg: "#e4f222", fg: "#08090a", radius: "6px", padding: "24px 32px", font: "15px / 590", use: "High-emphasis marketing conversion banner (Build now) — Linear's loudest single accent; 8px live banner variant" }
+    brand-fill-button:   { type: button, bg: "#5e6ad2", fg: "#ffffff", radius: "6px", height: "32px", padding: "0 16px", font: "14px / 510", hover: "#828fff", use: "Brand-accent fills; reserved indigo, surfaces on skip-link and in-product accents" }
+    ghost-button:        { type: button, bg: "rgba(255,255,255,0.02)", fg: "#e2e4e7", border: "1px solid #24282c", radius: "6px", focus: "rgba(0,0,0,0.1) 0px 4px 12px", use: "Tertiary actions, low-emphasis secondary CTAs" }
+    nav-link:            { type: tab, active: "text #f7f8f8 idle #8a8f98", radius: "9999px", height: "32px", padding: "0 12px", font: "13px / 400", use: "Top nav bar links (Product / Resources)" }
+    dropdown-popover:    { type: dialog, bg: "#101112", border: "1px solid rgba(255,255,255,0.08)", radius: "12px", use: "Product / Resources navigation flyouts; nested submenu #161718, 8px radius, 1px solid rgba(255,255,255,0.05)" }
+    search-input:        { type: input, bg: "#141516", fg: "#8a8f98", radius: "9999px", height: "40px", padding: "0 16px", font: "14px / 400", shadow: "inset+ring stack rgba(255,255,255,0.03) 0px 0px 0px 1px inset · rgba(0,0,0,0.1) 0px 4px 4px", use: "Changelog / docs search field; in-app triggers Cmd+K palette" }
+    filter-pill:         { type: badge, bg: "transparent", fg: "#d0d6e0", border: "1px solid #23252a", radius: "9999px", height: "26px", padding: "0 10px 0 5px", font: "12px / 510", use: "Tags, filter chips, category labels (Performance, iOS)" }
+    pagination-button:   { type: button, bg: "rgba(255,255,255,0.05)", fg: "#f7f8f8", radius: "9999px", height: "40px", padding: "0 16px", font: "15px / 510", shadow: "inset+ring stack (matches secondary CTA)", use: "Changelog Load more pagination" }
+    card:                { type: card, bg: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.08)", radius: "8px", shadow: "rgba(0,0,0,0.2) 0px 0px 0px 1px ring", hover: "subtle background-opacity increase", use: "Translucent surface (never solid); 12px featured, 22px large panels" }
+    default-card-refero: { type: card, bg: "#0f1011", radius: "6px", use: "Refero-captured in-product card surface" }
+    command-palette:     { type: dialog, bg: "#191a1b", border: "1px solid rgba(255,255,255,0.08)", radius: "12px", shadow: "multi-layer Dialog stack rgba(0,0,0,0.08) 0px 0px 1px … rgba(0,0,0,0) 0px 8px 2px", use: "Cmd+K command palette, modals; backdrop rgba(0,0,0,0.85)" }
+    filter-pill-success: { type: badge, bg: "#10b981", fg: "#f7f8f8", radius: "50%", font: "10px / 510", use: "Status dots, completion indicators; 9999px chip variant" }
 ---
 
 # Design System Inspiration of Linear
@@ -128,105 +175,166 @@ The color system is almost entirely achromatic — dark backgrounds with white/g
 - **OpenType as identity**: `"cv01", "ss03"` aren't decorative — they transform Inter into Linear's distinctive typeface, giving it a more geometric, purposeful character.
 - **Three-tier weight system**: 400 (reading), 510 (emphasis/UI), 590 (strong emphasis). The 300 weight appears only in deliberately de-emphasized contexts.
 
-## 4. Component Stylings
+## 4. Component Patterns
 
-### Buttons
+Specs below are grouped by function. Unless marked *(Inferred)* or *(Refero)*, every value was measured via `getComputedStyle` on a live route (`linear.app` home, `/pricing`, `/customers`, `/now`) on 2026-06-09. Heights are rendered `getBoundingClientRect` values; colors are the computed paint converted to hex.
 
-**Ghost Button (Default)**
+### Actions
+
+**primary cta (Sign up / Open app)**
+- Background: `#e5e5e6` (light neutral — the dark-page primary)
+- Text: `#08090a` (near-black)
+- Border: `1px solid #e5e5e6`
+- Radius: 9999px (full pill)
+- Height: 32px (nav) / 44px hero variant (16px text, 0px 20px padding)
+- Padding: 0px 12px (nav) → 0px 20px (hero)
+- Font: 13px weight 510 (nav) / 16px weight 510 (hero)
+- Shadow: layered drop stack `rgba(0,0,0,0.08) 0px 0px 1px, rgba(0,0,0,0.07) 0px 1px 1px, rgba(0,0,0,0.04) 0px 3px 2px, rgba(0,0,0,0.01) 0px 5px 2px`
+- Use: Highest-priority CTA on dark surfaces ("Sign up", "Open app", "Get started")
+
+**secondary cta (Get started / Contact sales / Download)**
+- Background: `rgba(255,255,255,0.05)`
+- Text: `#f7f8f8`
+- Radius: 9999px (full pill)
+- Height: 40px (pricing) / 44px (hero); padding 0px 14px → 0px 20px
+- Font: 13–16px weight 510
+- Shadow: inset hairline + ring `rgba(255,255,255,0.03) 0px 0px 0px 1px inset, rgba(255,255,255,0.04) 0px 1px 0px 0px inset, rgba(0,0,0,0.6) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 4px 4px`
+- Use: Paired alternative beside the primary CTA — "Contact sales" next to "Get started"
+
+**brand cta (Lime "Build now")** *(Refero + live banner)*
+- Background: `#e4f222` (signature lime)
+- Text: `#08090a`
+- Radius: 6px (Refero) / 8px (live banner block, 24px 32px padding)
+- Font: Inter Variable 15px weight 590
+- Use: High-emphasis marketing conversion banner — Linear's loudest single accent
+
+**brand fill button** *(Inferred)*
+- Background: `#5e6ad2` (brand indigo) — measured live only on the visually-hidden "Skip to content" control (`#5e6ad2` fill, white text, 0px 16px, 32px, 14px/510)
+- Text: `#ffffff`
+- Hover: `#828fff` shift
+- Use: Brand-accent fills; in marketing chrome the indigo is reserved, surfacing on the skip-link and in-product accents rather than primary page CTAs
+
+**ghost button** *(Inferred)*
 - Background: `rgba(255,255,255,0.02)`
-- Text: `#e2e4e7` (near-white)
-- Padding: comfortable
+- Text: `#e2e4e7`
 - Radius: 6px
-- Border: `1px solid rgb(36, 40, 44)`
-- Outline: none
+- Border: `1px solid #24282c`
 - Focus shadow: `rgba(0,0,0,0.1) 0px 4px 12px`
-- Use: Standard actions, secondary CTAs
+- Use: Tertiary actions, low-emphasis secondary CTAs
 
-**Subtle Button**
+**inline chip button (toolbar)**
 - Background: `rgba(255,255,255,0.04)`
-- Text: `#d0d6e0` (silver-gray)
-- Padding: 0px 6px
-- Radius: 6px
-- Use: Toolbar actions, contextual buttons
-
-**Primary Brand Button (Inferred)**
-- Background: `#5e6ad2` (brand indigo)
-- Text: `#ffffff`
-- Padding: 8px 16px
+- Text: `#d0d6e0`
 - Radius: 6px
-- Hover: `#828fff` shift
-- Use: Primary CTAs ("Start building", "Sign up")
+- Height: 28px; padding 0px 6px
+- Font: 13px weight 510
+- Use: In-product contextual labels surfaced in marketing ("Faster app launch")
 
-**Icon Button (Circle)**
-- Background: `rgba(255,255,255,0.03)` or `rgba(255,255,255,0.05)`
-- Text: `#f7f8f8` or `#ffffff`
+**icon button (circle)** *(Inferred)*
+- Background: `rgba(255,255,255,0.03)` → `rgba(255,255,255,0.05)`
+- Text: `#f7f8f8`
 - Radius: 50%
 - Border: `1px solid rgba(255,255,255,0.08)`
 - Use: Close, menu toggle, icon-only actions
 
-**Pill Button**
-- Background: transparent
+### Navigation
+
+**top nav bar**
+- Background: transparent over near-black; sticky; 73px tall
+- Logomark left-aligned (SVG, 4px radius hit-area, 28px)
+- Links: Inter Variable 13px weight 400, idle `#8a8f98`, active/hover lightens to `#f7f8f8`
+- Link hit-area: 9999px radius, 0px 12px padding, 32px height
+- Right cluster: "Log in" ghost text + "Sign up" primary pill
+- Mobile: hamburger collapse at 768px
+
+**mega-menu / dropdown popover**
+- Background: `#101112` (one luminance step up from panel)
+- Radius: 12px
+- Border: `1px solid rgba(255,255,255,0.08)`
+- Nested submenu: `#161718` background, 8px radius, `1px solid rgba(255,255,255,0.05)` border
+- Use: "Product" / "Resources" navigation flyouts
+
+**footer**
+- Background: `#08090a` (marketing black)
+- Top divider: `1px solid #23252a`
+- Multi-column link layout; link text in `#8a8f98`, hover `#f7f8f8`
+
+### Forms
+
+**search input**
+- Background: `#141516` (line tint)
+- Text / placeholder: `#8a8f98`
+- Radius: 9999px (rendered as 100px pill)
+- Height: 40px; padding 0px 16px
+- Font: 14px weight 400
+- Shadow: same inset+ring stack as the secondary CTA (`rgba(255,255,255,0.03) 0px 0px 0px 1px inset … rgba(0,0,0,0.1) 0px 4px 4px`)
+- Use: Changelog / docs search field; in-app, the same affordance triggers the `Cmd+K` command palette
+
+**text area** *(Inferred)*
+- Background: `rgba(255,255,255,0.02)`
 - Text: `#d0d6e0`
-- Padding: 0px 10px 0px 5px
-- Radius: 9999px
-- Border: `1px solid rgb(35, 37, 42)`
-- Use: Filter chips, tags, status indicators
+- Border: `1px solid rgba(255,255,255,0.08)`
+- Padding: 12px 14px
+- Radius: 6px
 
-**Small Toolbar Button**
-- Background: `rgba(255,255,255,0.05)`
-- Text: `#62666d` (muted)
-- Radius: 2px
-- Border: `1px solid rgba(255,255,255,0.05)`
-- Shadow: `rgba(0,0,0,0.03) 0px 1.2px 0px 0px`
-- Font: 12px weight 510
-- Use: Toolbar actions, quick-access controls
+### Data display
 
-### Cards & Containers
-- Background: `rgba(255,255,255,0.02)` to `rgba(255,255,255,0.05)` (never solid — always translucent)
+**card / container**
+- Background: `rgba(255,255,255,0.02)` → `rgba(255,255,255,0.05)` (never solid — always translucent)
 - Border: `1px solid rgba(255,255,255,0.08)` (standard) or `1px solid rgba(255,255,255,0.05)` (subtle)
 - Radius: 8px (standard), 12px (featured), 22px (large panels)
-- Shadow: `rgba(0,0,0,0.2) 0px 0px 0px 1px` or layered multi-shadow stacks
-- Hover: subtle background opacity increase
+- Shadow: `rgba(0,0,0,0.2) 0px 0px 0px 1px` (ring) or layered multi-shadow stacks
+- Hover: subtle background-opacity increase
+
+**default card** *(Refero)*
+- Background: `#0f1011` (panel dark)
+- Radius: 6px
+- Use: Refero-captured in-product card surface
 
-### Inputs & Forms
+**product screenshot frame**
+- Border: `1px solid rgba(255,255,255,0.08)` on dark
+- Top-rounded variant: `12px 12px 0px 0px` radius
+- Shadow: `rgba(0,0,0,0.4) 0px 2px 4px`
+- Use: Dashboard / issue previews dominating feature sections
 
-**Text Area**
-- Background: `rgba(255,255,255,0.02)`
-- Text: `#d0d6e0`
+### Overlays
+
+**command palette / dialog** *(Inferred, from §6 Dialog stack)*
+- Background: `#191a1b`
 - Border: `1px solid rgba(255,255,255,0.08)`
-- Padding: 12px 14px
-- Radius: 6px
+- Radius: 12px
+- Shadow: multi-layer Dialog stack (`rgba(0,0,0,0.08) 0px 0px 1px … rgba(0,0,0,0) 0px 8px 2px`)
+- Backdrop: `rgba(0,0,0,0.85)`
+- Use: `Cmd+K` command palette, modals
 
-**Search Input**
-- Background: transparent
-- Text: `#f7f8f8`
-- Padding: 1px 32px (icon-aware)
+### Feedback & Status
 
-**Button-style Input**
-- Text: `#8a8f98`
-- Padding: 1px 6px
-- Radius: 5px
-- Focus shadow: multi-layer stack
+**filter pill / tag**
+- Background: transparent
+- Text: `#d0d6e0`
+- Radius: 9999px (full pill)
+- Height: 26px; padding 0px 10px 0px 5px
+- Border: `1px solid #23252a`
+- Font: 12px weight 510
+- Use: Tags, filter chips, category labels ("Performance", "iOS")
 
-### Badges & Pills
+**pagination button (Load more)**
+- Background: `rgba(255,255,255,0.05)`
+- Text: `#f7f8f8`
+- Radius: 9999px
+- Height: 40px; padding 0px 16px
+- Font: 15px weight 510
+- Shadow: inset+ring stack (matches secondary CTA)
+- Use: Changelog "Load more" pagination
 
-**Success Pill**
+**success pill** *(Inferred)*
 - Background: `#10b981`
 - Text: `#f7f8f8`
-- Radius: 50% (circular)
+- Radius: 50% (circular dot) or 9999px (chip)
 - Font: 10px weight 510
 - Use: Status dots, completion indicators
 
-**Neutral Pill**
-- Background: transparent
-- Text: `#d0d6e0`
-- Padding: 0px 10px 0px 5px
-- Radius: 9999px
-- Border: `1px solid rgb(35, 37, 42)`
-- Font: 12px weight 510
-- Use: Tags, filter chips, category labels
-
-**Subtle Badge**
+**subtle badge** *(Inferred)*
 - Background: `rgba(255,255,255,0.05)`
 - Text: `#f7f8f8`
 - Padding: 0px 8px 0px 2px
@@ -235,27 +343,13 @@ The color system is almost entirely achromatic — dark backgrounds with white/g
 - Font: 10px weight 510
 - Use: Inline labels, version tags
 
-### Navigation
-- Dark sticky header on near-black background
-- Linear logomark left-aligned (SVG icon)
-- Links: Inter Variable 13–14px weight 510, `#d0d6e0` text
-- Active/hover: text lightens to `#f7f8f8`
-- CTA: Brand indigo button or ghost button
-- Mobile: hamburger collapse
-- Search: command palette trigger (`/` or `Cmd+K`)
-
-### Image Treatment
-- Product screenshots on dark backgrounds with subtle border (`rgba(255,255,255,0.08)`)
-- Top-rounded images: `12px 12px 0px 0px` radius
-- Dashboard/issue previews dominate feature sections
-- Subtle shadow beneath screenshots: `rgba(0,0,0,0.4) 0px 2px 4px`
-
 ---
 
-**Verified:** 2026-05-08
-**Tier 1 sources:** linear.app (live DOM via playwright — nav typography 13.3px / 400 / Inter Variable; Sign-up CTA `#e5e5e6` / 9999px / 0×12 / 32px height confirmed)
-**Tier 2 sources:** styles.refero.design/style/90ce5883-bb24-4466-93f7-801cd617b0d1 (Primary Action `#e4f222` / `#08090a` text / 6px / 12×24 / Inter Variable 590·15px ✓; Default Card `#0f1011` / 6px ✓; Badge `#383b3f` / `#8a8f98` / 4px ✓); getdesign.md/linear — directory only.
-**Conflicts unresolved:** none. Refero captures the Linear "Build now" Lime CTA (`#e4f222`); homepage live shows the dark variant (`#e5e5e6` Sign up). Both retained as variants in §4.
+**Verified:** 2026-06-09
+**Tier:** 2 (no public design system / Storybook; brand page at `linear.app/brand` is wordmark + color only; product app behind auth). Harvested across 4 public routes — home, `/pricing`, `/customers`, `/now`.
+**Tier 1 sources:** linear.app live DOM via playwright — nav links 13px / 400 / `#8a8f98` → `#f7f8f8` active, 9999px / 0×12 / 32px; primary CTA `#e5e5e6` fill / `#08090a` text / 9999px / 32px (nav) and 44px / 0×20 / 16px (hero); secondary CTA `rgba(255,255,255,0.05)` / 40–44px / inset+ring shadow; search input `#141516` / 40px / 100px pill; filter pill transparent / `#23252a` border / 26px; "Load more" `rgba(255,255,255,0.05)` / 40px; mega-menu popover `#101112` / 12px / `rgba(255,255,255,0.08)`, submenu `#161718` / 8px; footer `#08090a` with `#23252a` top divider; lime banner `#e4f222` / 8px.
+**Tier 2 sources:** styles.refero.design/style/90ce5883-bb24-4466-93f7-801cd617b0d1 (Primary Action Lime `#e4f222` / `#08090a` text / 6px / Inter Variable 590·15px ✓; Default Card `#0f1011` / 6px ✓); getdesign.md/linear — directory only.
+**Conflicts unresolved:** none. Refero captures the Lime "Build now" CTA (`#e4f222`); live homepage primary is the light neutral `#e5e5e6` ("Sign up"). Both retained as distinct action variants above.
 
 ## 5. Layout Principles