oh-my-design-cli 1.0.2 → 1.2.0

package/{references → web/references}/hashicorp/DESIGN.md

@@ -276,3 +276,75 @@ The component system uses the `mds` (Markdown Design System) prefix, indicating
 4. Product colors are sacred — each product owns exactly one color
 5. Focus rings are always 3px solid, color-matched to product context
 6. Uppercase labels are the systematic wayfinding pattern — 13px, 600, 1.3px tracking
+
+## 10. Voice & Tone
+
+HashiCorp's voice is **infrastructure-engineer-fluent** — speaks the language of platform teams who manage clouds, secrets, and clusters. Copy is capability-driven, with strong open-source narrative. Each product (Terraform, Vault, Consul, Nomad, Boundary, Packer, Waypoint) has its own micro-brand within the HashiCorp identity.
+
+| Context | Tone |
+|---|---|
+| CTA | Verb. "Try Terraform", "Get started", "Sign up" |
+| Marketing | Product-specific. Terraform copy ≠ Vault copy ≠ Consul copy |
+| Documentation | HCL/CLI heavy, deep code examples |
+| Error (apply) | Plan diff + specific resource error |
+
+**Voice samples**
+- Marketing tagline (KR): *"혁신을 위한 인프라"* <!-- verified: hashicorp.com/ko homepage 2026-05 -->
+
+**Forbidden phrases.** Marketing superlatives without numbers. "Revolutionary infrastructure" framing.
+
+## 11. Brand Narrative
+
+HashiCorp was founded **2012** in San Francisco by **Mitchell Hashimoto** and **Armon Dadgar** — classmates at the **University of Washington's Paul G. Allen School of Computer Science**, where they met **2008** working on a research project to make then-emerging Amazon/Microsoft public-cloud tech accessible to scientists ([HashiCorp — Origin Story](https://www.hashicorp.com/en/about/origin-story), [HashiCorp — Wikipedia](https://en.wikipedia.org/wiki/HashiCorp)). Hashimoto was already running open-source **Vagrant**; he created **Terraform**, which became the de-facto standard for infrastructure-as-code. The product family expanded to **Vault** (secrets), **Consul** (service mesh), **Nomad** (orchestration), **Boundary**, **Packer**, and **Waypoint**. **NASDAQ IPO 2021-12-09** under ticker **HCP**, priced at **$80/share** (above $68-72 range), valuing HashiCorp at **~$13B**. **IBM announced acquisition April 24 2024 for $6.4B**; deal **closed February 27 2025** after regulatory review, bringing HashiCorp into IBM's hybrid cloud strategy ([IBM acquisition closed — HashiCorp blog](https://www.hashicorp.com/en/blog/hashicorp-officially-joins-the-ibm-family), [Logan Bartlett podcast — Dadgar 48hrs after IBM sale](https://www.theloganbartlettshow.com/archive/ep-102-armon-dadgar-hashicorp-co-founder-reflects-48-hours-after-selling-to-ibm)). **Hashimoto resigned December 2023** ahead of the IBM deal — later launched **Ghostty** (GPU-accelerated terminal, public Dec 2024) and joined **Vercel's board March 2026** ([BusinessWire — Vercel + Hashimoto](https://www.businesswire.com/news/home/20260318957008/en/Vercel-Appoints-Mitchell-Hashimoto-Co-Founder-of-HashiCorp-and-Creator-of-Terraform-to-Board-of-Directors)). The brand voice retains its open-source-first, platform-engineering register.
+
+## 12. Principles
+
+1. **Infrastructure as code.** Every product expects HCL or equivalent declarative input. *UI implication:* CLI-first; UI dashboards exist but never replace HCL primacy.
+2. **Multi-cloud is the default.** *UI implication:* every concept is provider-agnostic in copy; specific provider logos appear only in integration grids.
+3. **Each product has a color, none are loud.** Terraform `#7B42BC` purple, Vault `#FFEC6E` yellow-green, Consul `#E03875` magenta — but used sparingly. *UI implication:* product-specific brand color appears only on hero + product nav.
+4. **3px focus rings, color-matched.** *UI implication:* don't use generic blue focus; match to the active product theme.
+5. **Uppercase labels for wayfinding.** *UI implication:* tab labels and section dividers can use uppercase 13px / 600 / 1.3px tracking — systematic, never decorative.
+
+## 13. Personas
+
+*Personas are fictional archetypes informed by HashiCorp user segments (platform engineers, DevOps leads, security architects), not individual people.*
+
+**Sergey Volkov, 38, Berlin.** Senior platform engineer. Manages Terraform state for 120+ AWS accounts. Vault for production secrets.
+
+**Priya Krishnan, 31, Bengaluru.** SRE at fintech. Consul service mesh + Nomad orchestration replacing K8s for specific workloads.
+
+**Marcus Davies, 45, London.** Security architect. Vault is the entire reason their compliance audit passed.
+
+## 14. States
+
+| State | Treatment |
+|---|---|
+| **Empty (no resources)** | "Define resources in your `.tf` file" + sample HCL block |
+| **Empty (no secrets)** | "Add your first secret" CTA + CLI command |
+| **Loading (terraform apply)** | Plan diff visible + apply progress per resource |
+| **Loading (state)** | Per-resource spinner |
+| **Error (plan)** | HCL line:column + specific resource + recommended fix |
+| **Error (apply)** | Resource-level rollback option |
+| **Success (apply)** | Resource list + state-locked indicator clear |
+| **Success (rotate)** | Vault rotation timestamp + next-rotation due date |
+| **Skeleton (resource list)** | Dark cards with charcoal borders |
+| **Disabled (locked state)** | Lock icon + "State locked by user@team" |
+| **Loading (long apply)** | Real-time per-resource progress |
+
+## 15. Motion & Easing
+
+| Token | Value | Use |
+|---|---|---|
+| `motion-instant` | 0ms | Toggle |
+| `motion-fast` | 150ms | Hover |
+| `motion-standard` | 250ms | Modal, panel |
+
+Standard cubic-bezier; no bounce. **Focus rings** never animate — appear instant for accessibility. `prefers-reduced-motion: reduce` removes panel slide-ins.
+
+---
+
+**Verified:** 2026-05-08 (omd:migrate run 27 — Apple-tier)
+**Tier 1 sources:** hashicorp.com/en home + /en/products/terraform (live DOM via playwright — Shared Primary **`#1060ff`** HC Blue 5px / 36-48px / 16px·500; Light Secondary `#fafafa`/`#3b3d45` 5px; nav 4px sub-distinction; **per-product accent system** confirmed via Terraform Purple `#7b42bc`).
+**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
+**Tier 2 (Philosophy/IPO/IBM):** Wikipedia (HashiCorp), HashiCorp Origin Story, Mayfield (UW Allen School origin), HashiCorp blog (IBM close 2025-02), BusinessWire (Hashimoto Vercel board 2026-03), Logan Bartlett Show ep 102 (Dadgar 48hrs post-sale).
+**Style ref:** `stripe`. **Conflicts unresolved:** none. **Earlier mistake reverted:** prior footer captured nav-only — canonical Primary is `#1060ff` HC Blue with documented per-product-accent pattern (Terraform Purple).

package/{references → web/references}/ibm/DESIGN.md

@@ -330,3 +330,71 @@ What defines IBM's visual identity beyond monochrome-plus-blue is the reliance o
 6. Inputs have bottom-border only, never fully boxed
 7. Use `--cds-` prefix for token naming to stay Carbon-compatible
 8. 48px is the universal interactive element height
+
+## 10. Voice & Tone
+
+IBM's voice is **enterprise-technical and Carbon-systematic.** Carbon Design System discipline shows up in every surface — uppercase labels, IBM Plex font, 0px-radius buttons, IBM Blue `#0f62fe` primary. The voice is closer to a research lab + enterprise contract than to consumer marketing.
+
+| Context | Tone |
+|---|---|
+| CTA | Verb. "Get started", "Try free", "Talk to sales" |
+| Marketing | Enterprise-fluent. SOC 2 / FedRAMP / ISO references |
+| Documentation | Carbon-component-named; deep-linked component docs |
+| Error | Specific. "Authentication failed (HTTP 401). Check API key." |
+
+**Voice samples**
+- Marketing CTA (KR): *"무료로 시작하기"* <!-- verified: ibm.com/kr-ko 2026-05 -->
+
+**Forbidden phrases.** "Revolutionary AI" without specifics. Casual emoji.
+
+## 11. Brand Narrative
+
+IBM was founded **June 16 1911** as the **Computing-Tabulating-Recording Company (CTR)** by **Charles Ranlett Flint** — a Wall Street financier who **amalgamated four companies** (Tabulating Machine Company, International Time Recording Company, Computing Scale Company of America, Bundy Manufacturing Company) ([Charles Ranlett Flint — Wikipedia](https://en.wikipedia.org/wiki/Charles_Ranlett_Flint), [IBM — The origins of IBM](https://www.ibm.com/history/ctr-and-ibm)). **Renamed "International Business Machines" 1924** under **Thomas J. Watson Sr.**, who had joined CTR in 1914. The contemporary brand identity was established through **Paul Rand**, hired by **Thomas J. Watson Jr. in 1956** — Rand replaced Beton Bold with **City Medium** and created the iconic 8-bar (later 13-bar) striped IBM logo, with a directive to "**herald a new era of IBM while also communicating continuity**" ([History of IBM logo — Hatchwise](https://www.hatchwise.com/resources/the-history-of-the-ibm-logo)). The Rand→**Eddy Opara** design legacy continues today through the **Carbon Design System** (open-sourced 2018, [carbondesignsystem.com](https://carbondesignsystem.com/)) — IBM Plex font, IBM Blue `#0f62fe`, 0px-radius buttons. Carbon makes IBM one of the few enterprise vendors with a publicly documented design system that's also adopted by external teams. **In 2024-2025 IBM acquired HashiCorp** ($6.4B announced April 24 2024, **closed February 27 2025**), folding HashiCorp's products into IBM's hybrid cloud strategy.
+
+## 12. Principles
+
+1. **Carbon is the system.** *UI implication:* every component has a Carbon spec — read carbondesignsystem.com before deviating.
+2. **0px radius is intentional.** Carbon's defining aesthetic choice. *UI implication:* never round corners on Carbon-spec elements.
+3. **IBM Plex is the type voice.** Sans / Mono / Serif variants. *UI implication:* don't substitute system fonts; Plex is the brand register.
+4. **48px universal interactive height.** *UI implication:* all clickable elements meet 48px tap target.
+5. **`#0f62fe` IBM Blue is THE accent.** *UI implication:* other Carbon tokens carry semantic meaning; IBM Blue is for "primary action" only.
+
+## 13. Personas
+
+*Personas are fictional archetypes informed by IBM user segments (enterprise IT architects, watsonx AI/ML platform users, regulated-industry compliance), not individual people.*
+
+**Catherine Liu, 47, Toronto.** Principal architect at a global insurance company. IBM Cloud + watsonx the chosen path for compliant AI deployment.
+
+**Hiroshi Tanaka, 52, Tokyo.** CIO at multinational logistics. IBM partnership for hybrid cloud modernization.
+
+**Aisha Khan, 35, Dubai.** Senior consultant at IBM Consulting. Translates client needs into Carbon-compliant deliverables.
+
+## 14. States
+
+| State | Treatment |
+|---|---|
+| **Empty (no resources)** | "Create your first resource" Carbon Button.Primary |
+| **Empty (no data)** | Carbon EmptyState component pattern + CTA |
+| **Loading** | Carbon InlineLoading or Loading component, never custom |
+| **Error** | Carbon Notification.error variant; persistent until dismissed |
+| **Success** | Carbon Notification.success; auto-dismiss 4s |
+| **Skeleton** | Carbon SkeletonText / SkeletonPlaceholder components |
+| **Disabled** | Carbon disabled state — explicit visual contrast (not just opacity) |
+| **Loading (long)** | Carbon ProgressBar with explicit ETA |
+
+## 15. Motion & Easing
+
+Carbon Motion tokens: `productive` (110ms / 240ms / 400ms), `expressive` (175ms / 240ms / 400ms / 700ms). Curves: `standard / entrance / exit / expressive`.
+
+**Motion rules.**
+1. Carbon productive curves for utility motions
+2. Carbon expressive curves for marketing
+3. `prefers-reduced-motion: reduce` collapses to instant
+
+---
+
+**Verified:** 2026-05-08 (omd:migrate run 28 — Apple-tier)
+**Tier 1 sources:** ibm.com/us-en home + /products (live DOM via playwright — Primary `#0f62fe` IBM Blue 0px / asymmetric 14-15×15-16 / 48px / 14px·400; triple-confirmed against Carbon DS `$blue-60` token ✓).
+**Tier 1 (DS-official):** carbondesignsystem.com — Carbon Design System open-source spec, the rare case where a brand publishes its own DS as authoritative.
+**Tier 2 (Philosophy/history):** Wikipedia (Charles Flint, IBM, CTR, History of IBM), IBM corporate history (`ibm.com/history/ctr-and-ibm`), Hatchwise IBM logo timeline.
+**Style ref:** `stripe`. **Conflicts unresolved:** none.

package/{references → web/references}/intercom/DESIGN.md

@@ -144,3 +144,76 @@ Breakpoints: 425px, 530px, 600px, 640px, 768px, 896px
 
 ### Example Component Prompts
 - "Create hero: warm cream (#faf9f6) background. Saans 80px weight 400, line-height 1.00, letter-spacing -2.4px, #111111. Dark button (#111111, 4px radius). Hover: scale(1.1), white bg."
+
+## 10. Voice & Tone
+
+Intercom's voice is **support-team-first and product-agentic** — speaks as a customer messaging platform that's positioned itself for the AI agent era ("the only helpdesk designed for the AI Agent era"). Marketing copy emphasizes the support team workflow + AI agent integration.
+
+| Context | Tone |
+|---|---|
+| CTA | Verb. "Get started", "Try Fin", "Book a demo" |
+| Marketing | AI-agent-positioned. Fin (their AI agent) is first-class brand element |
+| Documentation | Practical, integration-heavy |
+| Error | Specific. "Conversation not synced. Refresh to retry." |
+
+**Voice samples**
+- Marketing tagline: *"The only helpdesk designed for the AI Agent era"* <!-- verified: intercom.com homepage 2026-05 -->
+
+**Forbidden phrases.** "Revolutionary support", "AI-powered" without specifics.
+
+## 11. Brand Narrative
+
+Intercom was founded **2011** in **California** by **four Irish designers and engineers** — **Eoghan McCabe (Chairman, ex-CEO)**, **Des Traynor**, **Ciaran Lee**, and **David Barrett** ([Intercom — Wikipedia](https://en.wikipedia.org/wiki/Intercom,_Inc.), [Eoghan McCabe — Crunchbase](https://www.crunchbase.com/person/eoghan-mccabe)). The four had previously run a Dublin design consultancy named **Contrast** and built the bug-tracking tool **Exceptional**, which they **sold to Rackspace 2011** — those proceeds funded Intercom. Initially employed 30 people in **Dublin** before the founders relocated HQ to **San Francisco**. Funding/lineage: **2012 angel from Twitter co-founder Biz Stone**, then seed from **David Sacks, Andy McLoughlin (Huddle), Dan Martell, 500 Global, Digital Garage** → **Series A $6M March 2013** led by **Social Capital** ([Irish Times — Four Irishmen on a billion-dollar mission](https://www.irishtimes.com/business/technology/four-irishmen-on-a-mission-to-build-a-billion-dollar-company-1.1664244)) → **$250M debt financing 2025** alongside **€87M / $94M extra AI investment 2024** ([Irish Times — €87M AI investment](https://www.irishtimes.com/business/2024/05/14/intercom-boss-wants-aggression-on-all-fronts-amid-extra-94m-ai-investment/), [Silicon Republic — $250M debt](https://www.siliconrepublic.com/business/intercom-eoghan-mccabe-debt-financing-hiring-jobs-ai)). Originally positioned as "the customer messaging platform" (challenging Zendesk's ticketing model with conversation-first UX). **2023 launch of Fin** — AI chatbot powered by GPT-4 — became the central product story; in 2025 the AI Agent now ships on **fin.ai** as a discrete product surface alongside intercom.com helpdesk chrome.
+
+## 12. Principles
+
+1. **Conversations over tickets.** *UI implication:* main inbox is conversation-shaped, not row-shaped.
+2. **Fin is the agent layer.** *UI implication:* Fin Resolutions metric has main-nav placement; AI agent isn't a sub-feature.
+3. **Saans is the type voice.** *UI implication:* warm cream + Saans 80px hero is the brand register.
+4. **Hover scale signals interactive.** Buttons grow on hover (scale 1.1). *UI implication:* preserve hover scale; don't replace with color-only transition.
+5. **Cream over white.** Default canvas `#faf9f6`. *UI implication:* don't use pure white — the cream is intentional warmth.
+
+## 13. Personas
+
+*Personas are fictional archetypes informed by Intercom user segments (support team leads, RevOps, AI/Fin admins), not individual people.*
+
+**Aisha Patel, 33, Dublin.** Support team lead at SaaS startup. Configures Fin to deflect 60% of tier-1 tickets.
+
+**Marcus Webb, 41, San Francisco.** RevOps at B2B SaaS. Uses Intercom outbound for product-led growth campaigns.
+
+**Priya Krishnan, 28, Bengaluru.** Frontline support agent. Cares about Inbox keyboard shortcuts + macros.
+
+## 14. States
+
+| State | Treatment |
+|---|---|
+| **Empty (no conversations)** | "Welcome to your Inbox" + onboarding tour |
+| **Empty (Fin disabled)** | "Enable Fin to deflect tickets" with single CTA |
+| **Loading (conversation history)** | Skeleton message bubbles in cream tones |
+| **Loading (Fin response)** | Typing indicator with Fin avatar |
+| **Error (sync)** | Banner top-of-inbox with retry |
+| **Error (Fin failed)** | Inline below message + escalate-to-human option |
+| **Success (assigned)** | Subtle bg shift on conversation row |
+| **Success (Fin resolved)** | Resolution badge appears on conversation |
+| **Skeleton (inbox)** | Cream rows with subtle shimmer |
+| **Disabled (no permission)** | 0.5 opacity + tooltip permission level |
+| **Loading (long Fin run)** | Per-step "Searching knowledge base..." trace |
+
+## 15. Motion & Easing
+
+| Token | Value | Use |
+|---|---|---|
+| `motion-instant` | 0ms | Selection |
+| `motion-fast` | 150ms | Hover scale (1.0 → 1.1) |
+| `motion-standard` | 250ms | Modal, panel |
+| `motion-typing` | continuous | Fin "typing" indicator |
+
+Standard cubic-bezier; **hover scale 1.1 is signature**. `prefers-reduced-motion: reduce` disables hover scale (color shift only).
+
+---
+
+**Verified:** 2026-05-08 (omd:migrate run 29 — Apple-tier)
+**Tier 1 sources:** intercom.com home + fin.ai/ (dual-product live DOM via playwright — Hero Primary `#000` 6px / 42px / 12×16 / 16px·400 (intercom.com Cream `#faf9f6` canvas) and `#fff` 6px (fin.ai dark canvas); Compact Primary **`#111111`** Intercom Charcoal 4px / 40px / 0×14).
+**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
+**Tier 2 (Philosophy/founders):** Wikipedia (Intercom Inc.), Crunchbase (McCabe), Irish Times (4-Irishmen origin + €87M AI investment), Silicon Republic ($250M debt), Tracxn, Paperflite.
+**Style ref:** `claude`. **Conflicts unresolved:** none. **Earlier mistake reverted:** prior footer captured only nav + canvas; canonical Primary is Black 6px hero + Charcoal `#111111` 4px compact across dual-product (intercom.com + fin.ai) chrome.