1102 / Design system handoff
Common component changes.
Shared rules implemented in this demo and proposed Figma library updates. The Figma source has not been modified.
| Component | Before | 1102 implementation | Affected pages | Proposed Figma update |
|---|---|---|---|---|
| GNB / Product dropdown / Mobile menu | Different headers and destinations by page | One 64px header, product dropdown, mobile menu, current page and language | All internal pages | Add Desktop/Mobile, Open/Closed and Current variants |
| Company navigation | Separate Company landing destination | Company opens About; About/Culture/Careers/Press tabs | Four Company pages | Add Company Tabs and Selected state |
| Footer | Different column structures and destinations | Four IA columns; legal, email and social links below | All internal pages | Update content, destinations and two-column mobile layout |
| Page Hero / Section Heading | Different typography and spacing across Mary and existing pages | Existing 64/48/32 type hierarchy, 1280px content grid and spacing scale | Mary and existing content pages | Keep base tokens; document Hero/Section and localized line breaks |
| Card / Product Frame | Mixed corner radii and padding | 8px cards and product frames; 24/32px padding | Product, Enterprise, Journal, Company | Document Card/Product Frame variants and Radius 8 |
| Button / Form | Different sizes, corners and error styles | 48px standard controls, 4px corners, Focus/Error/Disabled states | Product CTAs and inquiry forms | Retain button/input foundations and add missing states |
| Editorial / Document templates | Separate headers and reading styles | Shared shell with list/article templates, contents navigation and mobile reading width | Journal, Press and legal | Add List/Article/Legal layout patterns |
| Motion / Accessibility | Page-specific menu and motion behavior | Keyboard, Escape, focus states and static Home for reduced motion | All internal pages | Extend interaction specifications; keep existing color and font foundations |
| Native product frames | Shared marketing typography inherited by source mock-ups | Keep source 1.55 line-height and native geometry inside product frames | Home / Features / Studio / TeamCloud / Devora | Code applied; Figma product-frame context to document |
| Feature guide and Replay | Source intersection observer and overlapping replay timeouts | One reading-line guide; cancel previous scene timers on Replay | Features / Lucy Studio | Code applied; interaction specification to update |
| TeamCloud roles and approval | Earlier TeamCloud introduction | Organization roles, project role carousel and permission matrices; reset cancels approval timers | TeamCloud introduction | Supplied v2 source applied; product policies remain source claims |
| Enterprise benefit and inquiry | Earlier Enterprise overview | Static benefit stages with responsive product fragments, customer case and accessible demo inquiry states | Enterprise | Code applied; benefit stage and inquiry state specifications to document |
Basis: existing Figma design foundations and the R1 IA selected on November 2. Content and destination questions are tracked separately. This demo does not confirm product policies, APIs or factual claims.