2026-03-05 16:27:29 +01:00
|
|
|
|
{"version":"2.8","children":[{"type":"frame","id":"ds_cover","name":"0 — Cover","x":0,"y":0,"width":1440,"height":"fit_content(400)","fill":"$--background","layout":"vertical","gap":32,"padding":[80,60],"theme":{"Mode":"Light"},"children":[{"type":"text","id":"ds_title","content":"Laputa Design System","fill":"$--foreground","fontFamily":"Inter","fontSize":48,"fontWeight":"700","letterSpacing":-1.5},{"type":"text","id":"ds_subtitle","content":"Wiki-linked knowledge management for deep thinkers","fill":"$--muted-foreground","fontFamily":"Inter","fontSize":18,"lineHeight":1.5},{"type":"rectangle","id":"ds_div","width":"fill_container","height":1,"fill":"$--border"},{"type":"frame","id":"ds_toc","name":"TOC","layout":"vertical","width":"fill_container","gap":16,"children":[{"type":"text","id":"ds_toc_t","content":"Table of Contents","fill":"$--foreground","fontFamily":"Inter","fontSize":20,"fontWeight":"600"},{"type":"frame","id":"ds_toc_items","layout":"vertical","width":"fill_container","gap":8,"children":[{"type":"text","id":"ds_t1","fill":"$--primary","fontFamily":"Inter","fontSize":14,"fontWeight":"500","content":"1. Foundations — Colors, Typography, Spacing, Shadows, Heights"},{"type":"text","id":"ds_t2","fill":"$--primary","fontFamily":"Inter","fontSize":14,"fontWeight":"500","content":"2. Components — Atoms, Molecules, Organisms"},{"type":"text","id":"ds_t3","fill":"$--primary","fontFamily":"Inter","fontSize":14,"fontWeight":"500","content":"3. Full Layouts — 6 app variants at 1440×900"},{"type":"text","id":"ds_t4","fill":"$--primary","fontFamily":"Inter","fontSize":14,"fontWeight":"500","content":"4. Feature Specs — All screens grouped by functional area"}]}]}]},{"type":"frame","id":"sec1_hdr","name":"1 — Foundations","x":0,"y":500,"width":1440,"height":60,"fill":"$--foreground","padding":[0,60],"alignItems":"center","theme":{"Mode":"Light"},"children":[{"type":"text","id":"sec1_hdr_lbl","content":"1 — FOUNDATIONS","fill":"$--background","fontFamily":"Inter","fontSize":24,"fontWeight":"700","letterSpacing":2}]},{"type":"frame","id":"mOf4J","x":0,"y":600,"name":"Color Palette — shadcn/ui Theme (Light)","theme":{"Mode":"Light"},"width":1440,"fill":"$--background","layout":"vertical","gap":32,"padding":40,"children":[{"type":"text","id":"rmJdn","name":"cTitle","fill":"$--foreground","content":"Color Palette — shadcn/ui Theme Variables (Light)","fontFamily":"Inter","fontSize":28,"fontWeight":"700","letterSpacing":-0.5},{"type":"text","id":"V79Zu","name":"cSub","fill":"$--muted-foreground","textGrowth":"fixed-width","width":"fill_container","content":"All colors from src/index.css. Variables support light/dark mode via .dark class.","lineHeight":1.5,"fontFamily":"Inter","fontSize":14,"fontWeight":"normal"},{"type":"text","id":"Xbdzq","name":"primLbl","fill":"$--foreground","content":"Primary Colors","fontFamily":"Inter","fontSize":18,"fontWeight":"600"},{"type":"frame","id":"NyoC7","name":"primRow","width":"fill_container","gap":16,"children":[{"type":"frame","id":"Inb1x","name":"sw1","width":"fill_container","layout":"vertical","gap":8,"children":[{"type":"rectangle","cornerRadius":8,"id":"HRsVC","name":"sw1b","fill":"$--background","width":"fill_container","height":60,"stroke":{"align":"inside","thickness":1,"fill":"$--border"}},{"type":"text","id":"jV89s","name":"sw1n","fill":"$--foreground","content":"--background","fontFamily":"Inter","fontSize":12,"fontWeight":"500"},{"type":"text","id":"qOUUY","name":"sw1v","fill":"$--muted-foreground","content":"L: #FFFFFF / D: #0f0f1a","fontFamily":"Inter","fontSize":11,"fontWeight":"normal"}]},{"type":"frame","id":"QytAQ","name":"sw2","width":"fill_container","layout":"vertical","gap":8,"children":[{"type":"rectangle","cornerRadius":8,"id":"TMuHH","name":"sw2b","fill":"$--foreground","width":"fill_container","height":60},{"type":"text","id":"k9qK4","name":"sw2n","fill":"$--foreground","content":"--foreground","fontFamily":"Inter","fontSize":12,"fontWeight":"500"},{"type":"text","id":"BfEn7","name":"sw2v","fill":"$--muted-foreground","content":"L: #37352F /
|
