oh-my-design-cli 1.0.2 → 1.1.0

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

@@ -286,3 +286,77 @@ When refining existing screens generated with this design system:
 3. Use natural language descriptions, not CSS values — "sharp-cut golden rectangle" not "border-radius: 0px; background: #FFC000"
 4. Describe the desired "feel" alongside specific measurements — "floating in total darkness" communicates the black canvas better than "background: #000000"
 5. Remember that UPPERCASE IS THE DEFAULT — if text isn't uppercase at display sizes, it probably should be
+
+## 10. Voice & Tone
+
+Lamborghini's voice is **Italian-bold and motorsport-aggressive.** ALL CAPS at display sizes signal Lamborghini's brutalist register. Black canvas + sharp angles + Lamborghini Yellow accent moments evoke the supercar identity.
+
+| Context | Tone |
+|---|---|
+| CTA | UPPERCASE imperative. "DISCOVER", "CONFIGURE", "RESERVE" |
+| Marketing | Black canvas, photography-dominant, aggressive geometry |
+| Documentation | Sparse |
+| Error | Direct. "AN ERROR OCCURRED." |
+
+**Voice samples**
+- Brand register: ALL CAPS HEADLINES <!-- verified: lamborghini.com pattern observed -->
+
+**Forbidden phrases.** Soft language. Apology theatre. Direct Ferrari comparison.
+
+## 11. Brand Narrative
+
+**Automobili Ferruccio Lamborghini S.p.A.** was founded **1963** by **Ferruccio Lamborghini** — an **Italian manufacturing magnate** (he had built a successful tractor business, **Lamborghini Trattori**, before cars) — at a purpose-built facility in **Sant'Agata Bolognese**, with the explicit goal of competing with Ferrari ([Ferruccio Lamborghini — Wikipedia](https://en.wikipedia.org/wiki/Ferruccio_Lamborghini), [Lamborghini.com — History/Company](https://www.lamborghini.com/en-en/history/company)). The famous Ferrari clutch-dispute origin story is apocryphal but widely circulated. Founding engineering team: **Giotto Bizzarrini** (engine), **Gian Paolo Dallara + Paolo Stanzani** (chassis), **Franco Scaglione** (bodywork). The **350 GT** was the first series-produced Lamborghini, a fast, elegant two-seat grand tourer. **Sales fell after the 1973 oil crisis**; Ferruccio sold a majority stake to **Georges-Henri Rossetti 1972**, then sold his remaining interest to **René Leimer 1974**, fully retiring from the business. **1998: Mycom Setdco and V'Power sold Lamborghini to the Volkswagen Group**, where it was placed under **Audi's** control — beginning what the official VW Group history calls "the most successful chapter in its 45-year history" ([Volkswagen Group — History of Lamborghini](https://www.volkswagen-group.com/en/the-history-of-the-brands-17668/the-history-of-lamborghini-17676)). Bull-themed model names (Aventador, Huracán, Urus) come from Spanish fighting-bull lineage — Ferruccio was a Taurus zodiac. The brand voice — ALL CAPS aggression, total-darkness canvas, sharp angles — reflects the supercar register.
+
+## 12. Principles
+
+1. **UPPERCASE IS THE DEFAULT.** *UI implication:* display sizes ALL CAPS unless explicitly stated.
+2. **Total darkness canvas.** *UI implication:* `#000` backgrounds dominant; light theme is exception.
+3. **Lamborghini Yellow `#f4b81d` for accent.** *UI implication:* one yellow gesture per screen.
+4. **Sharp angles, no rounded chrome.** *UI implication:* keep 0-2px radius.
+5. **Bull mythology over feature copy.** *UI implication:* model-name storytelling beats spec sheets.
+
+## 13. Personas
+
+*Personas are fictional archetypes informed by Lamborghini user segments (supercar collectors, track-day enthusiasts, brand admirers), not individual people.*
+
+**Marcus Webb, 51, Miami.** Self-made tech founder. Aventador + Urus owner.
+
+**Heinz Müller, 44, Munich.** Track-day specialist. Huracán EVO RWD.
+
+**Sofia Park, 39, Seoul.** First Lamborghini buyer (Urus SUV).
+
+## 14. States
+
+| State | Treatment |
+|---|---|
+| **Empty (configurator start)** | Model selector ALL CAPS |
+| **Empty (no test drives)** | "BOOK A TEST DRIVE" |
+| **Loading (configurator)** | Black canvas with car silhouette |
+| **Loading (price)** | Yellow accent number animation |
+| **Error (incompatible)** | UPPERCASE constraint message |
+| **Error (allocation)** | "BY ALLOCATION ONLY — CONTACT YOUR DEALER" |
+| **Success (saved)** | Yellow check animation |
+| **Success (booked)** | Dealer confirmation |
+| **Skeleton (showcase)** | Black placeholders |
+| **Disabled (locked)** | Yellow tooltip |
+| **Loading (long render)** | Persistent progress with bull silhouette |
+
+## 15. Motion & Easing
+
+| Token | Value | Use |
+|---|---|---|
+| `motion-instant` | 0ms | Selection |
+| `motion-fast` | 150ms | Hover |
+| `motion-aggressive` | 400ms | Hero reveals — sharp not bouncy |
+| `motion-cinematic` | 800ms | Configurator transitions |
+
+Aggressive easing — never bouncy springs. `prefers-reduced-motion: reduce` disables hero animations.
+
+---
+
+**Verified:** 2026-05-08 (omd:migrate run 32 — Apple-tier)
+**Tier 1 sources:** lamborghini.com/en-en home + /en-en/models (live DOM via playwright — canonical brand chrome is **ALL CAPS 18px·400 ghost nav** on `#000` total-darkness canvas, 0px sharp; A11y skip-nav `#000` square 16px / 56px / 16px·400; cookie banner `#fff` 2px / 12×10 / 42px / 13.008px·600 = GDPR utility track only).
+**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
+**Tier 2 (Philosophy/history):** Wikipedia (Lamborghini, Ferruccio Lamborghini, History of Lamborghini), Volkswagen Group corporate (1998 Audi acquisition), Lamborghini.com/history, Automotive Hall of Fame.
+**Style ref:** `apple` (premium minimal, register adapted to brutalist).
+**Conflicts unresolved:** none. **Earlier mistake reverted:** prior footer cited cookie banner as canonical; the actual brand canon is **ALL CAPS 18px·400 ghost on dark canvas** — Lamborghini intentionally has **no filled Primary CTA** on home/models (the cinematic imagery + dealership routing is the brand's affordance, not a CTA button system).

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

@@ -80,21 +80,78 @@ The size jumps are aggressive: 20px body → 40px section heads → 70px hero. T
 
 ## 4. Component Stylings
 
-### Buttons / Pills (`.productCategory`, generic CTAs)
-The signature LINE control. Verified live on `line.me`:
+### Buttons
+
+**Active Pill (`.productCategory`)**
+- Background: `#07b53b` (LINE Green)
+- Text: `#ffffff`
+- Radius: 50px (fully pill-shaped)
+- Padding: 8px 15px
+- Font: 14-16px / 700
+- Use: Active/selected category pill, primary CTA — verified live on line.me
+
+**Inactive Pill**
+- Background: transparent
+- Text: `rgba(30, 30, 30, 0.7)`
+- Radius: 50px
+- Padding: 8px 15px
+- Font: 14-16px / 700
+- Hover: text opacity transitions to `rgba(30, 30, 30, 1)`
+- Use: Unselected category pill — no shadow, no border
+
+**Hover Pressed**
+- Background: `#069030` (LINE Green Dark, inferred)
+- Text: `#ffffff`
+- Radius: 50px
+- Padding: 8px 15px
+- Use: Hover/pressed state for primary pill
+
+### Inputs
+
+**Default**
+- Background: `#ffffff`
+- Text: `#1e1e1e`
+- Border: 1px solid `rgba(0, 0, 0, 0.06)`
+- Radius: 12px
+- Padding: 12px 16px
+- Font: 16px / 400 / SFPro
+- Focus: border `#07b53b`
+- Use: Inferred from §1-§2 baseline (no explicit DS variant in source).
 
-- `border-radius: 50px` — fully pill-shaped (not 4px or 8px — always 50px)
-- `padding: 8px 15px` for compact category pills
-- `font-weight: 700`, default `font-size: 14-16px`
-- **Active state**: bg `#07b53b` (LINE Green), text `#ffffff`
-- **Inactive state**: bg `transparent`, text `rgba(30, 30, 30, 0.7)`
-- **Hover**: text gains opacity (transitions to `rgba(30, 30, 30, 1)`)
-- No shadow, no border on the inactive state
+### Cards
 
-### Hero Sections
-- Full-bleed background image (typically lifestyle photography)
-- Centered overlay text (white or near-black depending on background contrast)
-- Hero CTA below the headline, often using app store badges (Apple, Google Play, Desktop)
+**Service / Feature Card**
+- Background: `#ffffff`
+- Text: `#1e1e1e`
+- Border: 1px solid `rgba(0, 0, 0, 0.06)` (whisper-light)
+- Radius: 12px
+- Padding: 20-24px
+- Shadow: `0 2px 8px rgba(0, 0, 0, 0.04)`
+- Use: Service / feature card with icon (32-40px) + title (16px / 700) + 1-line description (14px / 400 `rgba(30,30,30,0.7)`)
+
+**Image-Led Card (LINE STICKERS, WEBTOON tiles)**
+- Background: `#ffffff` (image fills 70-80%)
+- Radius: 12px (image inside `border-radius: 12px 12px 0 0`)
+- Padding: 0px (title strip uses `rgba(0, 0, 0, 0.6)` overlay + white text at bottom)
+- Use: Image-dominant tile
+
+**App Download Tile**
+- Background: `#ffffff`
+- Border: 1px solid `rgba(0, 0, 0, 0.06)`
+- Radius: 12px
+- Padding: 12px (56px square touch target)
+- Hover: background tints to very light green or gray
+- Use: App store badges (Apple, Google Play, Desktop)
+
+### Badges
+
+**Default**
+- Background: `#07b53b`
+- Text: `#ffffff`
+- Radius: 50px
+- Padding: 4px 10px
+- Font: 12px / 700 / SFPro
+- Use: Inferred from §1-§2 baseline (no explicit DS variant in source) — pill-style badge matching LINE's pill control language.
 
 ### Navigation
 - Sticky horizontal header: LINE logo left, page-section nav center, language switcher right
@@ -102,38 +159,15 @@ The signature LINE control. Verified live on `line.me`:
 - Nav items: `font-weight: 700`, `font-size: 16px`, color `#1e1e1e`
 - Background: `#ffffff` with subtle bottom border on scroll
 
-### App Download CTAs
-Iconified app store badges (App Store, Google Play, Desktop) instead of textual buttons:
-- Square white tiles with thin `1px` border, `~12px` radius
-- 56px square (touch-friendly), inline icon for the platform
-- Hover: background tints to a very light green or gray
+### Hero Sections
+- Full-bleed background image (typically lifestyle photography)
+- Centered overlay text (white or near-black depending on background contrast)
+- Hero CTA below the headline, often using app store badges (Apple, Google Play, Desktop)
 
 ### Scroll Indicators
 - Centered "Scroll" label below the hero with a subtle vertical line animation
 - Reinforces the magazine-like vertical narrative
 
-### Cards
-
-LINE marketing chrome rarely uses traditional card containers — content sits directly on photographic backgrounds. When cards do appear (LINE STORE, LINE SHOPPING, in-product UI), they follow a minimal pattern:
-
-**Service / Feature Card**
-- Background: `#ffffff` on the gray content tier, OR full-bleed image with overlay text
-- Radius: `12px` (medium-rounded — softer than the marketing pill buttons would suggest)
-- Padding: `20–24px`
-- Border: `1px solid rgba(0, 0, 0, 0.06)` — whisper-light
-- Shadow: `0 2px 8px rgba(0, 0, 0, 0.04)` for subtle elevation only
-- Service icon (top-left, 32–40px) + title (16px weight 700 `#1e1e1e`) + 1-line description (14px weight 400 `rgba(30,30,30,0.7)`)
-
-**Image-Led Card (LINE STICKERS, LINE WEBTOON tiles)**
-- Image fills 70-80% of the card
-- Title strip at bottom with `rgba(0, 0, 0, 0.6)` overlay + white text
-- `12px` radius on the outer container, image inside `border-radius: 12px 12px 0 0`
-
-**App Download Tile**
-- Square tile, 56px touch target
-- White bg, `1px` border, `~12px` radius
-- Platform icon (Apple / Google Play / Desktop) centered
-
 **Anti-pattern**
 - Don't apply the pill `50px` button radius to cards — that's reserved for interactive controls only.
 
@@ -259,9 +293,7 @@ LINE's marketing voice is warm, aspirational, and lifestyle-forward — *"Life o
 
 ## 11. Brand Narrative
 
-LINE was born in 2011 in Japan in response to the Tōhoku earthquake, when disrupted phone networks left people unable to reach family and friends. The original product was a way to stay connected when infrastructure failed — and that founding moment still shapes the brand. Being "always at your side" is not a marketing phrase; it is a literal design goal inherited from how the app was conceived.
-
-Over the following decade LINE grew from a crisis-era messenger into a **super-app that anchors daily life** across Japan, Taiwan, Thailand, and Indonesia: payments, news, music, manga, mobile commerce, business tools — all held together by a single chat metaphor. In October 2023, LINE Corporation and Yahoo Japan merged into **LY Corporation**, reflecting LINE's scale as Japan's de facto communication and lifestyle infrastructure.
+LINE was born **June 2011** in Japan, launched by **NHN Japan** (a subsidiary of Korean internet giant **Naver/NHN**), in direct response to the **March 11 2011 Tōhoku earthquake and tsunami**. **Naver/NHN co-founder and chairman Lee Hae-Jin** and a team of engineers were in Japan when the disaster struck — phone lines and SMS networks were overwhelmed, leaving millions unable to reach family and friends. Lee tasked NHN Japan with building a messenger; **a beta version was testing within two months**, and the app shipped as **Line in June 2011** ([LINE — Wikipedia](https://en.wikipedia.org/wiki/Line_(software)), [Line Corporation — Wikipedia](https://en.wikipedia.org/wiki/Line_Corporation)). That founding moment still shapes the brand: being "always at your side" is not a marketing phrase but a literal design goal inherited from how the app was conceived. **April 1 2013** NHN Japan was renamed **LINE Corporation**. Over the following decade LINE grew from a crisis-era messenger into a **super-app that anchors daily life** across Japan, Taiwan, Thailand, and Indonesia: payments, news, music, manga, mobile commerce, business tools — all held together by a single chat metaphor. **December 2020**: LINE Corporation **delisted from NYSE + Tokyo Stock Exchange** ahead of an absorption-type merger; **March 1 2021** SoftBank Group affiliate **Z Holdings** (Yahoo! Japan operator) completed the merger with LINE under **A Holdings** (SoftBank + Naver, 65.3% Z Holdings). **October 1 2023**: LINE Corporation merged with **Z Holdings + Yahoo Japan** into **LY Corporation**, reflecting LINE's scale as Japan's de facto communication and lifestyle infrastructure ([LY Corp — corporate](https://www.lycorp.co.jp/en/), [KED Global — LY-Naver tech tie cut 2024](https://www.kedglobal.com/business-politics/newsView/ked202406190005)).
 
 What LINE refuses: the utility-minimalism of Western messengers (WhatsApp, iMessage), the engagement-bait aesthetics of most content super-apps, and the cold enterprise blue of Japanese incumbents. What it embraces: full-bleed lifestyle photography, oversized editorial typography, finite use of LINE Green, and a **sticker-first emotional vocabulary** that respects local cultural register in every market it serves.
 
@@ -373,3 +405,12 @@ signal") are editorial readings that connect public facts; they are not
 directly sourced LINE statements.
 -->
 
+---
+
+**Verified:** 2026-05-08 (omd:migrate run 33 — Apple-tier)
+**Tier 1 sources:** line.me/en (consumer LINE Green `#07b53b` 50px full-pill / 8×15 / 36px / 13px·**700** BOLD + inactive `rgba(30,30,30,0.7)` ghost); lycorp.co.jp/en (corporate **LY Charcoal `#2e2e2e`** 4px / 56px / 16px·400 + asymmetric block links + 50% circular carousel chrome).
+**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
+**Tier 2 (Philosophy/founders):** Wikipedia (LINE software, LINE Corporation, Naver), KED Global (LY-Naver tech-tie split 2024-06), LY Corporation corporate, KEIA.
+**Style ref:** `line` (self).
+**Conflicts unresolved:** none. **Earlier mistake reverted:** prior footer captured only consumer surface; LY Corporate is a separate Charcoal `#2e2e2e` 4px / 16px·400 enterprise track that should be documented alongside.
+

package/{references → web/references}/linear.app/DESIGN.md

@@ -235,6 +235,13 @@ The color system is almost entirely achromatic — dark backgrounds with white/g
 - 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.
+
 ## 5. Layout Principles
 
 ### Spacing System
@@ -393,7 +400,7 @@ Linear's voice is craftsman-like, direct, and quietly opinionated. The product's
 
 ## 11. Brand Narrative
 
-Linear was founded in 2019 by Karri Saarinen, Tuomas Artman, and Jori Lallo — three engineers and designers with backgrounds at companies like Airbnb, Coinbase, and Uber, frustrated with the state of project-management software. Their founding complaint is published on their public README: *"Craftsmanship was replaced with growth hacks. Our once so lively dreams have become positively lifeless."* The name itself was chosen as a design statement: *"We chose to name it Linear to signify progress."*
+Linear was founded **January 2019** in San Francisco by **Karri Saarinen** (CEO), **Tuomas Artman** (CTO), and **Jori Lallo** (CPO) — all Finnish, with origins in the Helsinki startup community ([Linear About](https://linear.app/about), [Sequoia spotlight](https://sequoiacap.com/article/linear-spotlight/)). Their backgrounds were at Airbnb (Saarinen, Principal Designer), Coinbase (Lallo, Senior Engineer), and Uber (Artman, Senior Engineer). Saarinen and Lallo had previously co-founded **Kippt** (collaborative bookmarking, [YC 2012](https://research.contrary.com/company/linear)), which Coinbase acquired in 2014. In 2018 Lallo took a sabbatical and pitched the new tool to Saarinen and Artman; they bootstrapped Linear's first version for small/mid-size companies. Linear exited private beta in **June 2020** and was **profitable by June 2021 with negative lifetime burn** ([Pragmatic Engineer](https://newsletter.pragmaticengineer.com/p/linear)). The two funding rounds were both led by Sequoia Capital — **Seed $4.2M (November 2019)** and **Series A $13M (December 2020)**. Their founding complaint is published on their public README: *"Craftsmanship was replaced with growth hacks. Our once so lively dreams have become positively lifeless."* The name itself was chosen as a design statement: *"We chose to name it Linear to signify progress."*
 
 That craft-first positioning has stayed the company's center of gravity. Linear publishes **The Linear Method** — a public document stating *"There is a lost art of building true quality software. To bring back the right focus, here are the foundational ideas Linear is built on."* The Method articulates opinions most companies would never publish: *"Write issues not user stories"*, *"A tool should work for you, not the other way around"*, *"Don't invent terms if possible"*. These are not marketing — they are internal operating principles made public because Linear wants to attract customers who already agree with them.
 

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

@@ -296,3 +296,76 @@ What makes Lovable's visual system distinctive is its opacity-driven depth model
 5. Two weights: 400 (everything except headings) and 600 (headings)
 6. The inset shadow on dark buttons is the signature detail — don't skip it
 7. Camera Plain Variable at weight 480 is for special display moments only
+
+## 10. Voice & Tone
+
+Lovable's voice is **warmly enthusiastic and craft-confident** — speaks like a tool that loves being a tool for builders. "Vibe Code Apps & Websites with AI" (homepage 2026-05) — verb-with-personality framing. The brand uses warm typography + inset-shadow buttons to signal "AI tool that feels handmade."
+
+| Context | Tone |
+|---|---|
+| CTA | Verb. "Get started", "Try it now", "Sign in" |
+| Marketing | Personality-forward. "Vibe code" coined as the brand verb |
+| Documentation | Practical, screenshot-heavy |
+| Error | Specific. "Build failed at line 42. View logs to debug." |
+
+**Voice samples**
+- Tagline: *"Vibe Code Apps & Websites with AI, Fast"* <!-- verified: lovable.dev homepage 2026-05 -->
+
+**Forbidden phrases.** "Revolutionary AI app builder", "10× developer".
+
+## 11. Brand Narrative
+
+Lovable was founded **2023** in **Stockholm** by **Anton Osika** and **Fabian Hedin** ([Lovable — Wikipedia](https://en.wikipedia.org/wiki/Lovable_(company)), [Anton Osika — LinkedIn](https://se.linkedin.com/in/antonosika)). The product began as **GPT Engineer**, an open-source CLI code-generation tool Osika released in 2023; with Hedin he then built **GPT Engineer App**, a commercialized web version that **rebranded to Lovable** in 2024-2025 to broaden positioning from "code generation" to "AI app builder." Funding ladder: **€6.8M seed (2024)** ([Silicon Canals — Lovable €6.8M + GPT Engineer launch](https://siliconcanals.com/lovable-secures-e6-8m-launches-gpt-engineer/)) → **$15M (Feb 2025)** ([TechCrunch — Lovable $15M](https://techcrunch.com/2025/02/25/swedens-lovable-an-app-building-ai-platform-rakes-in-16m-after-spectacular-growth/)) → **$200M Series A** led by **Accel** at **$1.8B unicorn valuation** with **20VC, ByFounders, Creandum, Hummingbird, Visionaries Club** as existing backers ([Vestbee — Lovable $200M Series A](https://www.vestbee.com/insights/articles/lovable-raises-200-m), [Startup Hub AI — Lovable unicorn](https://www.startuphub.ai/ai-news/funding-round/2025/lovable-secures-200m-series-a-achieves-unicorn-status/)). **$100M ARR in 8 months** post-launch made Lovable one of the fastest-growing software ventures in history ([Creators AI — Lovable $200M ARR playbook](https://thecreatorsai.com/p/lovable-growth-secrets-and-costs)). The brand voice — warm typography, inset-shadow buttons, "Vibe Code" as the verb — reflects the product positioning: AI app development should feel like a craft, not a sterile tool.
+
+## 12. Principles
+
+1. **Vibe Code is the verb.** *UI implication:* the brand promises a feeling, not a feature list.
+2. **Warm typography signals craft.** Camera Plain Variable. *UI implication:* don't substitute system fonts.
+3. **Inset shadow is the depth.** Dark buttons have inset highlight. *UI implication:* preserve the inset detail.
+4. **Real preview, fast iteration.** *UI implication:* surfaces emphasize live preview alongside chat.
+5. **Pill chrome over rectangular.** *UI implication:* nav, badges, modals all pill (9999px) on white surfaces.
+
+## 13. Personas
+
+*Personas are fictional archetypes informed by Lovable user segments (designers building MVPs, indie founders, creative coders), not individual people.*
+
+**Sofia Russo, 28, Milan.** Designer with light JS knowledge. Ships micro-SaaS via Lovable. Loves the chat-to-app workflow.
+
+**Ravi Krishnan, 35, Bengaluru.** Full-stack developer prototyping ideas. Lovable for client-presentation MVPs.
+
+**Emma Park, 23, Seoul.** Indie hacker shipping 12 micro-products. Subscribes to Lovable Pro for unlimited generations.
+
+## 14. States
+
+| State | Treatment |
+|---|---|
+| **Empty (no projects)** | "Start vibe coding" CTA + template grid |
+| **Empty (no chat)** | Welcoming prompt with example asks |
+| **Loading (generating)** | Per-step trace with file changes visible |
+| **Loading (preview building)** | Inline preview spinner with elapsed time |
+| **Error (build)** | Inline log + retry / fix button |
+| **Error (rate limit)** | "Upgrade for unlimited" inline link |
+| **Success (deployed)** | URL copy + share preview link |
+| **Success (committed)** | Soft pulse on changed files |
+| **Skeleton (project list)** | Inset-shadow placeholders |
+| **Disabled (no credits)** | 0.5 opacity + upgrade link |
+| **Loading (long agent task)** | Cancellable, persistent step list |
+
+## 15. Motion & Easing
+
+| Token | Value | Use |
+|---|---|---|
+| `motion-instant` | 0ms | Selection |
+| `motion-fast` | 150ms | Hover |
+| `motion-standard` | 250ms | Modal, panel |
+
+Standard cubic-bezier; no bounce. Inset shadow is static (never animates). `prefers-reduced-motion: reduce` removes hover transitions.
+
+---
+
+**Verified:** 2026-05-08 (omd:migrate run 34 — Apple-tier)
+**Tier 1 sources:** lovable.dev home + /pricing (live DOM via playwright — Primary **`lab(0 0 0 / 0.88)`** Near-Black 8px / 32-36px / 6×10 / 14px·400; **Featured Primary** `lab(47.92 57.95 -81.30)` **Lovable Violet** (~`#6038c8`) on pricing featured tier; Cream `#fcfbf8` 6px selector chip; nav 0px text-only `rgb(28,28,28)` Near-Black 15px·400. **`lab()` color space** is canonical token convention).
+**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
+**Tier 2 (Philosophy/founders):** Wikipedia (Lovable), LinkedIn (Osika), Silicon Canals, TechCrunch (Feb 2025 $15M), Vestbee + Startup Hub AI ($200M Accel Series A → $1.8B unicorn), Creators AI ($100M ARR / 8 months), Catalaize.
+**Style ref:** `notion`.
+**Conflicts unresolved:** none. **Earlier mistake reverted:** prior footer claimed "pill nav 1.67e+07 ≈ 9999px" — live measurement is 0px text-only ghost nav. Also added **Lovable Violet featured-tier accent** missing from prior pass.