{"version":"3.0.0","totals":{"assets":404,"images":404,"videos":0,"clips":0,"described":404,"originals":404},"categories":[{"id":"mobile-app-ui","label":"Mobile app UI","blurb":"Screens, flows and mockups for phone apps. The core of the corpus.","icon":"phone","count":308},{"id":"website","label":"Website","blurb":"Marketing sites, landing pages and web product surfaces.","icon":"globe","count":47},{"id":"dashboard","label":"Dashboard","blurb":"Data-dense product surfaces: metrics, tables, charts.","icon":"chart","count":46},{"id":"design-system","label":"Design system","blurb":"Tokens, components, spacing, icon sets, tool panels.","icon":"grid","count":3}],"types":[{"id":"screen","label":"screen","count":401},{"id":"component","label":"component","count":2},{"id":"token-sheet","label":"token-sheet","count":1}],"roles":[{"id":"list","count":112},{"id":"dashboard","count":85},{"id":"checkout","count":46},{"id":"landing-section","count":45},{"id":"search","count":42},{"id":"detail","count":33},{"id":"home","count":24},{"id":"chat","count":23},{"id":"hero","count":22},{"id":"pricing","count":22},{"id":"profile","count":22},{"id":"settings","count":22},{"id":"empty-state","count":21},{"id":"onboarding","count":21},{"id":"notification","count":21},{"id":"media","count":5},{"id":"form","count":3},{"id":"editor","count":2},{"id":"auth","count":1},{"id":"social-proof","count":1},{"id":"feed","count":1}],"styles":[{"id":"minimal","count":259},{"id":"card-based","count":245},{"id":"rounded","count":116},{"id":"data-dense","count":66},{"id":"bold-typography","count":51},{"id":"illustration-led","count":41},{"id":"editorial","count":6},{"id":"flat","count":2},{"id":"gradient-heavy","count":1},{"id":"soft","count":1}],"tags":[{"id":"bottom-nav","count":104},{"id":"desktop","count":93},{"id":"cta-button","count":88},{"id":"list-row","count":87},{"id":"chips","count":75},{"id":"kpi","count":57},{"id":"search","count":49},{"id":"toggle","count":44},{"id":"sticky-cta","label":"sticky-cta","count":43},{"id":"stats","count":42},{"id":"card","count":39},{"id":"illustration","count":38},{"id":"home","label":"home","count":36},{"id":"care","label":"care","count":36},{"id":"avatar","count":35},{"id":"filters","count":33},{"id":"bar-chart","count":28},{"id":"sidebar","count":25},{"id":"input","count":25},{"id":"landing-page","count":24},{"id":"price","count":23},{"id":"week-strip","count":23},{"id":"data-table","count":22},{"id":"chat","count":22},{"id":"onboarding","count":22},{"id":"hero","count":22},{"id":"plans","label":"plans","count":22},{"id":"schedule","count":22},{"id":"progress-ring","count":22},{"id":"messaging","count":22},{"id":"unread","label":"unread","count":22},{"id":"analytics","count":21},{"id":"line-chart","label":"line-chart","count":21},{"id":"social","count":21},{"id":"checkout","label":"checkout","count":21},{"id":"food","count":21},{"id":"empty-state","count":21},{"id":"welcome-screen","count":21},{"id":"grid","count":21},{"id":"settings","count":21},{"id":"calendar","count":21},{"id":"timeline","count":21},{"id":"notifications","count":21},{"id":"travel","count":21},{"id":"pricing","label":"pricing","count":21},{"id":"finance","count":20},{"id":"success","label":"success","count":20},{"id":"receipt","label":"receipt","count":20},{"id":"fitness","count":19},{"id":"health","count":19},{"id":"tasks","count":19},{"id":"productivity","count":19},{"id":"music","count":19},{"id":"delivery","count":19},{"id":"reading","count":19},{"id":"crypto","count":18},{"id":"events","label":"events","count":18},{"id":"tickets","label":"tickets","count":18},{"id":"real","label":"real","count":18},{"id":"estate","label":"estate","count":18},{"id":"learn","label":"learn","count":18},{"id":"language","label":"language","count":18},{"id":"learning","label":"learning","count":18},{"id":"money","label":"money","count":18},{"id":"personal","label":"personal","count":18},{"id":"streaming","label":"streaming","count":18},{"id":"pets","label":"pets","count":18},{"id":"pet","label":"pet","count":18},{"id":"plants","label":"plants","count":18},{"id":"plant","label":"plant","count":18},{"id":"ride","label":"ride","count":18},{"id":"hailing","label":"hailing","count":18},{"id":"shop","label":"shop","count":18},{"id":"fashion","label":"fashion","count":18},{"id":"commerce","label":"commerce","count":18},{"id":"invoice","label":"invoice","count":18},{"id":"business","label":"business","count":18},{"id":"invoicing","label":"invoicing","count":18},{"id":"jobs","label":"jobs","count":18},{"id":"job","label":"job","count":18},{"id":"news","label":"news","count":18},{"id":"smarthome","label":"smarthome","count":18},{"id":"smart","label":"smart","count":18},{"id":"metric-tile","count":8},{"id":"progress","count":7},{"id":"rating","count":4},{"id":"components","label":"components","count":3},{"id":"slider","count":3},{"id":"checklist","count":3},{"id":"ai","count":2},{"id":"prompt","count":2},{"id":"stepper","count":2},{"id":"social-proof","label":"social-proof","count":2},{"id":"controls","label":"controls","count":2},{"id":"typography","count":2},{"id":"booking","count":2},{"id":"fintech","count":2},{"id":"map","count":2},{"id":"photo","count":2},{"id":"carousel","count":2},{"id":"assistant","count":1},{"id":"sign-in","count":1},{"id":"login","label":"login","count":1},{"id":"cart","count":1},{"id":"buttons","label":"buttons","count":1},{"id":"segmented-control","count":1},{"id":"balance","count":1},{"id":"quick-actions","count":1},{"id":"headline","count":1},{"id":"paywall","count":1},{"id":"subscription","count":1},{"id":"streak","count":1},{"id":"account","count":1},{"id":"kanban","count":1},{"id":"player","count":1},{"id":"artwork","count":1},{"id":"ecommerce","count":1},{"id":"product","label":"product","count":1},{"id":"tokens","label":"tokens","count":1},{"id":"palette","count":1},{"id":"swatch","count":1},{"id":"flight","label":"flight","count":1},{"id":"bento","count":1},{"id":"features","label":"features","count":1},{"id":"testimonials","label":"testimonials","count":1},{"id":"tracking","count":1},{"id":"hotel","label":"hotel","count":1},{"id":"email","count":1},{"id":"inbox","count":1},{"id":"meditation","count":1},{"id":"wellness","count":1},{"id":"timer","count":1},{"id":"sound","label":"sound","count":1},{"id":"pagination","label":"pagination","count":1},{"id":"pin","label":"pin","count":1},{"id":"payment","count":1},{"id":"form","count":1},{"id":"feed","count":1},{"id":"stories","label":"stories","count":1},{"id":"article","label":"article","count":1},{"id":"serif","count":1},{"id":"developer-tool","count":1},{"id":"code","count":1},{"id":"diff","label":"diff","count":1},{"id":"status","count":1},{"id":"event","count":1},{"id":"countdown","count":1},{"id":"files","label":"files","count":1},{"id":"folders","count":1},{"id":"upload","count":1},{"id":"podcast","count":1},{"id":"audio","count":1},{"id":"recipe","label":"recipe","count":1},{"id":"tabs","count":1},{"id":"video","count":1},{"id":"call","label":"call","count":1},{"id":"collaboration","count":1}],"groups":[],"assets":[{"id":"ORG-0001","kind":"image","category":"dashboard","type":"screen","title":"Analytics overview with sidebar","description":"A desktop analytics overview. A sidebar groups navigation under Main and Workspace with the active item tinted. The canvas has a title row with a date-range control, four KPI tiles (Revenue $184.2k, Active users 12,480, Conversion 3.8%, Churn 1.2%) each with a delta, a large area chart of revenue over twelve months with a highlighted point, a \"Top channels\" list with inline bars, and a compact table of recent deals with status pills. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: KPI strip, one dominant chart, tables recede.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["analytics","sidebar","kpi","metric-tile","line-chart","data-table","desktop"],"palette":["#181615","#291C16","#0F0E0D","#3B2921","#211E1C","#88543D"],"palette_detail":[{"hex":"#181615","pct":47.8},{"hex":"#291C16","pct":20.0},{"hex":"#0F0E0D","pct":14.3},{"hex":"#3B2921","pct":11.5},{"hex":"#211E1C","pct":3.8},{"hex":"#88543D","pct":2.6}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/analytics-desktop.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0001.webp","thumb":"assets/thumb/ORG-0001.webp","live":"originals/screens/analytics-desktop.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0001.webp","thumb":"assets/thumb/ORG-0001.webp","palette":["#181615","#291C16","#0F0E0D","#3B2921","#211E1C","#88543D"],"palette_detail":[{"hex":"#181615","pct":47.8},{"hex":"#291C16","pct":20.0},{"hex":"#0F0E0D","pct":14.3},{"hex":"#3B2921","pct":11.5},{"hex":"#211E1C","pct":3.8},{"hex":"#88543D","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0004.webp","thumb":"assets/thumb/ORG-0004.webp","palette":["#FFFFFF","#F4F7F4","#DEEAE2","#CAD8CE","#FBFCFB","#9EB5A8"],"palette_detail":[{"hex":"#FFFFFF","pct":39.3},{"hex":"#F4F7F4","pct":19.7},{"hex":"#DEEAE2","pct":19.1},{"hex":"#CAD8CE","pct":9.5},{"hex":"#FBFCFB","pct":7.8},{"hex":"#9EB5A8","pct":4.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0003.webp","thumb":"assets/thumb/ORG-0003.webp","palette":["#FFFFFF","#F9F9F7","#E1DED7","#ECEDF2","#AAADC1","#CFD6FC"],"palette_detail":[{"hex":"#FFFFFF","pct":42.7},{"hex":"#F9F9F7","pct":21.1},{"hex":"#E1DED7","pct":17.9},{"hex":"#ECEDF2","pct":9.5},{"hex":"#AAADC1","pct":5.4},{"hex":"#CFD6FC","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0002.webp","thumb":"assets/thumb/ORG-0002.webp","palette":["#1A1425","#251E37","#100D18","#2B2C26","#434734","#7C8A4C"],"palette_detail":[{"hex":"#1A1425","pct":53.4},{"hex":"#251E37","pct":21.6},{"hex":"#100D18","pct":14.2},{"hex":"#2B2C26","pct":4.9},{"hex":"#434734","pct":3.9},{"hex":"#7C8A4C","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0005","kind":"image","category":"mobile-app-ui","type":"screen","title":"AI assistant chat with composer","description":"An AI assistant conversation. A header names the assistant with a model pill. A compact user bubble asks to plan a three-day Lisbon trip under €600; the reply runs full width with a short intro, a three-row itinerary card (Day 1–3 with costs) and a total, followed by a quiet tool-status line, a short follow-up question and a typing indicator. Two suggestion chips sit above an anchored composer with attach, text, mic and an accent send button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: user messages as bubbles, assistant answers full-width, composer always anchored.","roles":["chat"],"style":["minimal","rounded"],"tags":["ai","assistant","chat","prompt","chips","input"],"palette":["#0D0C0C","#291D16","#181615","#352822","#EE6529","#6C564C"],"palette_detail":[{"hex":"#0D0C0C","pct":33.8},{"hex":"#291D16","pct":32.3},{"hex":"#181615","pct":14.1},{"hex":"#352822","pct":12.3},{"hex":"#EE6529","pct":4.4},{"hex":"#6C564C","pct":3.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/assistant-chat.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0005.webp","thumb":"assets/thumb/ORG-0005.webp","live":"originals/screens/assistant-chat.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0005.webp","thumb":"assets/thumb/ORG-0005.webp","palette":["#0D0C0C","#291D16","#181615","#352822","#EE6529","#6C564C"],"palette_detail":[{"hex":"#0D0C0C","pct":33.8},{"hex":"#291D16","pct":32.3},{"hex":"#181615","pct":14.1},{"hex":"#352822","pct":12.3},{"hex":"#EE6529","pct":4.4},{"hex":"#6C564C","pct":3.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0008.webp","thumb":"assets/thumb/ORG-0008.webp","palette":["#DBE8DE","#F5F8F4","#FEFEFD","#274D3B","#BCC8C0","#7C9B8B"],"palette_detail":[{"hex":"#DBE8DE","pct":39.5},{"hex":"#F5F8F4","pct":29.7},{"hex":"#FEFEFD","pct":12.2},{"hex":"#274D3B","pct":8.3},{"hex":"#BCC8C0","pct":6.7},{"hex":"#7C9B8B","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0007.webp","thumb":"assets/thumb/ORG-0007.webp","palette":["#E5E2DB","#F9F8F5","#FEFEFD","#B3B3B7","#2E2E2E","#3C59F2"],"palette_detail":[{"hex":"#E5E2DB","pct":41.2},{"hex":"#F9F8F5","pct":29.7},{"hex":"#FEFEFD","pct":12.4},{"hex":"#B3B3B7","pct":7.3},{"hex":"#2E2E2E","pct":5.0},{"hex":"#3C59F2","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0006.webp","thumb":"assets/thumb/ORG-0006.webp","palette":["#0E0B15","#221A34","#191423","#2D273D","#BDE931","#656B51"],"palette_detail":[{"hex":"#0E0B15","pct":33.9},{"hex":"#221A34","pct":31.8},{"hex":"#191423","pct":14.6},{"hex":"#2D273D","pct":12.2},{"hex":"#BDE931","pct":4.2},{"hex":"#656B51","pct":3.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0009","kind":"image","category":"mobile-app-ui","type":"screen","title":"Sign in with passkey first","description":"A sign-in screen that leads with a passkey. A small brand mark and \"Welcome back\" headline sit over one line of copy; a primary \"Continue with passkey\" button comes first, then Apple and Google buttons, an \"or\" divider and an email field shown in its focused state with a caption. A footer link offers account creation. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the fastest secure method first, with the form as the fallback, not the hero.","roles":["auth","form"],"style":["minimal","card-based"],"tags":["sign-in","login","input","cta-button","social"],"palette":["#2C2019","#0D0C0C","#1F1814","#141212","#F6672A","#5F514A"],"palette_detail":[{"hex":"#2C2019","pct":42.1},{"hex":"#0D0C0C","pct":40.5},{"hex":"#1F1814","pct":7.0},{"hex":"#141212","pct":5.1},{"hex":"#F6672A","pct":3.0},{"hex":"#5F514A","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/auth-sign-in.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0009.webp","thumb":"assets/thumb/ORG-0009.webp","live":"originals/screens/auth-sign-in.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0009.webp","thumb":"assets/thumb/ORG-0009.webp","palette":["#2C2019","#0D0C0C","#1F1814","#141212","#F6672A","#5F514A"],"palette_detail":[{"hex":"#2C2019","pct":42.1},{"hex":"#0D0C0C","pct":40.5},{"hex":"#1F1814","pct":7.0},{"hex":"#141212","pct":5.1},{"hex":"#F6672A","pct":3.0},{"hex":"#5F514A","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0012.webp","thumb":"assets/thumb/ORG-0012.webp","palette":["#F5F8F5","#DEEBE1","#CFDCD2","#2A4A3A","#FCFDFC","#95A29A"],"palette_detail":[{"hex":"#F5F8F5","pct":36.1},{"hex":"#DEEBE1","pct":35.7},{"hex":"#CFDCD2","pct":11.4},{"hex":"#2A4A3A","pct":7.8},{"hex":"#FCFDFC","pct":5.6},{"hex":"#95A29A","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0011.webp","thumb":"assets/thumb/ORG-0011.webp","palette":["#FBFAF7","#E6E4DC","#EFEEEC","#D2D1D1","#2D3872","#999BA6"],"palette_detail":[{"hex":"#FBFAF7","pct":39.4},{"hex":"#E6E4DC","pct":32.5},{"hex":"#EFEEEC","pct":8.7},{"hex":"#D2D1D1","pct":8.5},{"hex":"#2D3872","pct":7.5},{"hex":"#999BA6","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0010.webp","thumb":"assets/thumb/ORG-0010.webp","palette":["#251D36","#0F0C16","#1B1824","#C0E939","#08070A","#5C5E53"],"palette_detail":[{"hex":"#251D36","pct":42.7},{"hex":"#0F0C16","pct":40.5},{"hex":"#1B1824","pct":7.7},{"hex":"#C0E939","pct":3.1},{"hex":"#08070A","pct":3.0},{"hex":"#5C5E53","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0013","kind":"image","category":"mobile-app-ui","type":"screen","title":"Cart with sticky pay button","description":"A food-delivery cart. Three line items with colour-block dish thumbnails, notes and −/+ steppers sit above a delivery-time card (\"Arrives 7:40–7:55 PM\") and a promo row with an applied code. A summary lists subtotal, delivery, service and a discount in green. A sticky bottom bar shows the total and a primary \"Pay $42.10\" button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the consequence on the button and the total always within thumb reach.","roles":["checkout","list"],"style":["card-based","rounded"],"tags":["cart","checkout","food","stepper","sticky-cta","price"],"palette":["#0E0D0C","#291E17","#392E27","#1B1614","#A96D4F","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.3},{"hex":"#291E17","pct":37.8},{"hex":"#392E27","pct":9.1},{"hex":"#1B1614","pct":6.5},{"hex":"#A96D4F","pct":2.9},{"hex":"#040404","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/cart-sticky-checkout.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0013.webp","thumb":"assets/thumb/ORG-0013.webp","live":"originals/screens/cart-sticky-checkout.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0013.webp","thumb":"assets/thumb/ORG-0013.webp","palette":["#0E0D0C","#291E17","#392E27","#1B1614","#A96D4F","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.3},{"hex":"#291E17","pct":37.8},{"hex":"#392E27","pct":9.1},{"hex":"#1B1614","pct":6.5},{"hex":"#A96D4F","pct":2.9},{"hex":"#040404","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0016.webp","thumb":"assets/thumb/ORG-0016.webp","palette":["#F6F8F5","#E2EDE4","#D5E2D8","#2A3832","#99A79E","#FCFDFB"],"palette_detail":[{"hex":"#F6F8F5","pct":38.1},{"hex":"#E2EDE4","pct":25.6},{"hex":"#D5E2D8","pct":21.9},{"hex":"#2A3832","pct":5.7},{"hex":"#99A79E","pct":4.7},{"hex":"#FCFDFB","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0015.webp","thumb":"assets/thumb/ORG-0015.webp","palette":["#FAF9F6","#E8E6DF","#D6D4CF","#2D2D2D","#FEFEFB","#7780B0"],"palette_detail":[{"hex":"#FAF9F6","pct":38.6},{"hex":"#E8E6DF","pct":38.2},{"hex":"#D6D4CF","pct":11.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#FEFEFB","pct":3.9},{"hex":"#7780B0","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0014.webp","thumb":"assets/thumb/ORG-0014.webp","palette":["#241C36","#0F0C16","#191523","#08070B","#494654","#A0B459"],"palette_detail":[{"hex":"#241C36","pct":44.7},{"hex":"#0F0C16","pct":41.4},{"hex":"#191523","pct":5.9},{"hex":"#08070B","pct":3.2},{"hex":"#494654","pct":3.0},{"hex":"#A0B459","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0017","kind":"image","category":"design-system","type":"component","title":"Card patterns sheet","description":"A component sheet of six card patterns on one grid: a metric card with hero number and sparkline, a person card with avatar and follow button, a progress card with a ring and steps, a notification card with an action, a media card with a tinted image block and tags, and a list card with three rows. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: one radius, one padding and one shadow rule shared by every card.","roles":["detail"],"style":["card-based","rounded"],"tags":["components","card","kpi","list-row","avatar","progress"],"palette":["#181615","#281C15","#0E0D0C","#32261F","#F18952","#493E37"],"palette_detail":[{"hex":"#181615","pct":30.9},{"hex":"#281C15","pct":24.0},{"hex":"#0E0D0C","pct":22.3},{"hex":"#32261F","pct":16.2},{"hex":"#F18952","pct":4.3},{"hex":"#493E37","pct":2.2}],"w":1600,"h":1108,"orientation":"landscape","aspect":1.444,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/components-cards.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0017.webp","thumb":"assets/thumb/ORG-0017.webp","live":"originals/screens/components-cards.html","viewport":"canvas","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0017.webp","thumb":"assets/thumb/ORG-0017.webp","palette":["#181615","#281C15","#0E0D0C","#32261F","#F18952","#493E37"],"palette_detail":[{"hex":"#181615","pct":30.9},{"hex":"#281C15","pct":24.0},{"hex":"#0E0D0C","pct":22.3},{"hex":"#32261F","pct":16.2},{"hex":"#F18952","pct":4.3},{"hex":"#493E37","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0020.webp","thumb":"assets/thumb/ORG-0020.webp","palette":["#DDE9E0","#FFFFFF","#F6F8F5","#BACCC0","#5F9E7D","#FBFBFB"],"palette_detail":[{"hex":"#DDE9E0","pct":37.2},{"hex":"#FFFFFF","pct":25.1},{"hex":"#F6F8F5","pct":23.8},{"hex":"#BACCC0","pct":7.0},{"hex":"#5F9E7D","pct":3.5},{"hex":"#FBFBFB","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0019.webp","thumb":"assets/thumb/ORG-0019.webp","palette":["#E7E4DE","#FFFFFF","#F9F8F6","#C4C5C8","#FCFCFB","#6D82EF"],"palette_detail":[{"hex":"#E7E4DE","pct":36.5},{"hex":"#FFFFFF","pct":24.1},{"hex":"#F9F8F6","pct":24.0},{"hex":"#C4C5C8","pct":6.9},{"hex":"#FCFCFB","pct":4.8},{"hex":"#6D82EF","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0018.webp","thumb":"assets/thumb/ORG-0018.webp","palette":["#191424","#0F0C16","#201831","#251D37","#322C41","#A2A987"],"palette_detail":[{"hex":"#191424","pct":30.7},{"hex":"#0F0C16","pct":21.6},{"hex":"#201831","pct":15.8},{"hex":"#251D37","pct":15.7},{"hex":"#322C41","pct":11.4},{"hex":"#A2A987","pct":4.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0021","kind":"image","category":"design-system","type":"component","title":"Buttons, inputs and controls sheet","description":"A component sheet documenting a control set. Rows show buttons in primary, secondary, outline and ghost variants at two sizes plus a disabled state; text fields in default, focused (with accent ring) and error states with helper text; a segmented control, chips with one selected, toggles on and off, a checkbox, radio and a slider with value. Labels in mono caps name each group. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: every state on one page, so the system is reviewed as a whole.","roles":["form"],"style":["flat","minimal"],"tags":["components","buttons","input","toggle","chips","segmented-control","slider"],"palette":["#0E0D0C","#291D16","#382A23","#1A1614","#0C0C0B","#BC6E4C"],"palette_detail":[{"hex":"#0E0D0C","pct":39.7},{"hex":"#291D16","pct":29.6},{"hex":"#382A23","pct":16.2},{"hex":"#1A1614","pct":8.5},{"hex":"#0C0C0B","pct":4.3},{"hex":"#BC6E4C","pct":1.8}],"w":1600,"h":1108,"orientation":"landscape","aspect":1.444,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/components-controls.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0021.webp","thumb":"assets/thumb/ORG-0021.webp","live":"originals/screens/components-controls.html","viewport":"canvas","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0021.webp","thumb":"assets/thumb/ORG-0021.webp","palette":["#0E0D0C","#291D16","#382A23","#1A1614","#0C0C0B","#BC6E4C"],"palette_detail":[{"hex":"#0E0D0C","pct":39.7},{"hex":"#291D16","pct":29.6},{"hex":"#382A23","pct":16.2},{"hex":"#1A1614","pct":8.5},{"hex":"#0C0C0B","pct":4.3},{"hex":"#BC6E4C","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0024.webp","thumb":"assets/thumb/ORG-0024.webp","palette":["#F6F8F4","#DFEAE1","#C4D2C8","#FAFAF8","#FFFFFF","#64927B"],"palette_detail":[{"hex":"#F6F8F4","pct":42.8},{"hex":"#DFEAE1","pct":40.6},{"hex":"#C4D2C8","pct":8.4},{"hex":"#FAFAF8","pct":3.5},{"hex":"#FFFFFF","pct":3.1},{"hex":"#64927B","pct":1.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0023.webp","thumb":"assets/thumb/ORG-0023.webp","palette":["#FAF9F6","#E6E3DC","#EDEBE7","#CAC8C6","#FFFEFE","#576BD6"],"palette_detail":[{"hex":"#FAF9F6","pct":45.0},{"hex":"#E6E3DC","pct":26.4},{"hex":"#EDEBE7","pct":16.7},{"hex":"#CAC8C6","pct":6.9},{"hex":"#FFFEFE","pct":3.5},{"hex":"#576BD6","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0022.webp","thumb":"assets/thumb/ORG-0022.webp","palette":["#0F0C16","#221A34","#302A3C","#191423","#0B0714","#94A658"],"palette_detail":[{"hex":"#0F0C16","pct":41.4},{"hex":"#221A34","pct":29.5},{"hex":"#302A3C","pct":16.8},{"hex":"#191423","pct":7.9},{"hex":"#0B0714","pct":2.3},{"hex":"#94A658","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0025","kind":"image","category":"mobile-app-ui","type":"screen","title":"Empty inbox that teaches","description":"An empty \"Saved\" tab that teaches instead of apologising. A segmented control (Saved / Collections) sits under the title; the centre shows a ghosted preview of two saved cards stacked behind a bookmark badge, the line \"Nothing saved yet\", a sentence explaining how saving works and a single \"Browse ideas\" button. A tab bar sits below. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: show the filled state as a ghost and offer exactly one next step.","roles":["empty-state","list"],"style":["minimal","illustration-led"],"tags":["empty-state","illustration","cta-button","onboarding","bottom-nav"],"palette":["#0D0D0C","#291D16","#352923","#191514","#F08F65","#7E6E66"],"palette_detail":[{"hex":"#0D0D0C","pct":42.3},{"hex":"#291D16","pct":32.4},{"hex":"#352923","pct":11.6},{"hex":"#191514","pct":10.2},{"hex":"#F08F65","pct":2.4},{"hex":"#7E6E66","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/empty-state-teach.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0025.webp","thumb":"assets/thumb/ORG-0025.webp","live":"originals/screens/empty-state-teach.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0025.webp","thumb":"assets/thumb/ORG-0025.webp","palette":["#0D0D0C","#291D16","#352923","#191514","#F08F65","#7E6E66"],"palette_detail":[{"hex":"#0D0D0C","pct":42.3},{"hex":"#291D16","pct":32.4},{"hex":"#352923","pct":11.6},{"hex":"#191514","pct":10.2},{"hex":"#F08F65","pct":2.4},{"hex":"#7E6E66","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0028.webp","thumb":"assets/thumb/ORG-0028.webp","palette":["#F7F9F6","#D9E6DC","#E5EFE7","#293C33","#BCC7BF","#798E83"],"palette_detail":[{"hex":"#F7F9F6","pct":43.5},{"hex":"#D9E6DC","pct":30.3},{"hex":"#E5EFE7","pct":12.3},{"hex":"#293C33","pct":6.2},{"hex":"#BCC7BF","pct":5.3},{"hex":"#798E83","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0027.webp","thumb":"assets/thumb/ORG-0027.webp","palette":["#FAF9F7","#E2DFD8","#EAE8E2","#2C2B2B","#B6B4B2","#495ECE"],"palette_detail":[{"hex":"#FAF9F7","pct":44.5},{"hex":"#E2DFD8","pct":28.6},{"hex":"#EAE8E2","pct":14.0},{"hex":"#2C2B2B","pct":5.8},{"hex":"#B6B4B2","pct":5.1},{"hex":"#495ECE","pct":2.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0026.webp","thumb":"assets/thumb/ORG-0026.webp","palette":["#0E0C15","#211933","#2A233C","#171420","#CDE776","#6A6E5A"],"palette_detail":[{"hex":"#0E0C15","pct":41.6},{"hex":"#211933","pct":31.1},{"hex":"#2A233C","pct":13.2},{"hex":"#171420","pct":9.9},{"hex":"#CDE776","pct":2.4},{"hex":"#6A6E5A","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0029","kind":"image","category":"mobile-app-ui","type":"screen","title":"Money home with hero balance","description":"A personal-finance home screen. A greeting row with avatar and bell sits above \"Total balance\" and a hero figure \"$12,480.32\" with greyed cents and a green weekly change. Four round quick actions (Send, Request, Swap, Top up) lead into a seven-bar spending card for the week with today highlighted, then a \"Recent\" list of two transactions with merchant icons, and a floating four-tab bar. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: one hero number at 3× body size, everything else subordinated.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["finance","balance","quick-actions","list-row","bottom-nav","kpi","bar-chart"],"palette":["#0D0C0C","#231B17","#2D2019","#171514","#4F4F4A","#C48365"],"palette_detail":[{"hex":"#0D0C0C","pct":35.3},{"hex":"#231B17","pct":24.9},{"hex":"#2D2019","pct":21.6},{"hex":"#171514","pct":13.4},{"hex":"#4F4F4A","pct":2.7},{"hex":"#C48365","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/finance-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0029.webp","thumb":"assets/thumb/ORG-0029.webp","live":"originals/screens/finance-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0029.webp","thumb":"assets/thumb/ORG-0029.webp","palette":["#0D0C0C","#231B17","#2D2019","#171514","#4F4F4A","#C48365"],"palette_detail":[{"hex":"#0D0C0C","pct":35.3},{"hex":"#231B17","pct":24.9},{"hex":"#2D2019","pct":21.6},{"hex":"#171514","pct":13.4},{"hex":"#4F4F4A","pct":2.7},{"hex":"#C48365","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0032.webp","thumb":"assets/thumb/ORG-0032.webp","palette":["#DFEBE1","#F5F8F5","#FEFEFD","#D0DCD2","#2E3A34","#96A39B"],"palette_detail":[{"hex":"#DFEBE1","pct":35.2},{"hex":"#F5F8F5","pct":31.5},{"hex":"#FEFEFD","pct":12.2},{"hex":"#D0DCD2","pct":10.8},{"hex":"#2E3A34","pct":6.1},{"hex":"#96A39B","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0031.webp","thumb":"assets/thumb/ORG-0031.webp","palette":["#E3E0DA","#F9F7F4","#FFFEFD","#303030","#A2A3A0","#3C59F3"],"palette_detail":[{"hex":"#E3E0DA","pct":42.7},{"hex":"#F9F7F4","pct":33.1},{"hex":"#FFFEFD","pct":12.8},{"hex":"#303030","pct":5.4},{"hex":"#A2A3A0","pct":5.0},{"hex":"#3C59F3","pct":1.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0030.webp","thumb":"assets/thumb/ORG-0030.webp","palette":["#0E0C15","#201932","#272039","#181422","#585960","#B2C670"],"palette_detail":[{"hex":"#0E0C15","pct":35.3},{"hex":"#201932","pct":29.7},{"hex":"#272039","pct":16.2},{"hex":"#181422","pct":14.4},{"hex":"#585960","pct":2.6},{"hex":"#B2C670","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0033","kind":"image","category":"website","type":"screen","title":"Product landing hero with app preview","description":"A desktop landing page hero for a habit app. A slim nav carries the wordmark, four links and \"Sign in\" / \"Get the app\". The left column has an eyebrow pill (\"New · Streak insights\"), a two-line headline \"Build habits that actually stick.\", a sentence of support, primary and ghost CTAs and a row of five avatars with \"Loved by 40k people\". The right column shows a code-built phone preview with a streak card, progress ring and checklist on a tinted panel. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: outcome headline, one primary action and a real product visual above the fold.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","headline","cta-button","social-proof","desktop"],"palette":["#0E0D0C","#251B16","#362822","#0C0C0B","#936346","#090A0A"],"palette_detail":[{"hex":"#0E0D0C","pct":52.1},{"hex":"#251B16","pct":24.1},{"hex":"#362822","pct":17.9},{"hex":"#0C0C0B","pct":2.9},{"hex":"#936346","pct":2.0},{"hex":"#090A0A","pct":0.9}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/landing-hero-desktop.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0033.webp","thumb":"assets/thumb/ORG-0033.webp","live":"originals/screens/landing-hero-desktop.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0033.webp","thumb":"assets/thumb/ORG-0033.webp","palette":["#0E0D0C","#251B16","#362822","#0C0C0B","#936346","#090A0A"],"palette_detail":[{"hex":"#0E0D0C","pct":52.1},{"hex":"#251B16","pct":24.1},{"hex":"#362822","pct":17.9},{"hex":"#0C0C0B","pct":2.9},{"hex":"#936346","pct":2.0},{"hex":"#090A0A","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0036.webp","thumb":"assets/thumb/ORG-0036.webp","palette":["#F5F7F4","#DAE6DD","#B7C5BC","#F8FAF7","#FEFFFE","#567867"],"palette_detail":[{"hex":"#F5F7F4","pct":50.4},{"hex":"#DAE6DD","pct":31.1},{"hex":"#B7C5BC","pct":7.5},{"hex":"#F8FAF7","pct":5.1},{"hex":"#FEFFFE","pct":3.1},{"hex":"#567867","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0035.webp","thumb":"assets/thumb/ORG-0035.webp","palette":["#F9F8F6","#E3E2E2","#C5C3C5","#FCFBF8","#FFFFFE","#616B9D"],"palette_detail":[{"hex":"#F9F8F6","pct":49.4},{"hex":"#E3E2E2","pct":30.7},{"hex":"#C5C3C5","pct":9.3},{"hex":"#FCFBF8","pct":6.0},{"hex":"#FFFFFE","pct":2.8},{"hex":"#616B9D","pct":1.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0034.webp","thumb":"assets/thumb/ORG-0034.webp","palette":["#100D17","#201930","#312E3C","#0E0B15","#96A762","#090512"],"palette_detail":[{"hex":"#100D17","pct":51.1},{"hex":"#201930","pct":25.1},{"hex":"#312E3C","pct":16.2},{"hex":"#0E0B15","pct":3.9},{"hex":"#96A762","pct":2.8},{"hex":"#090512","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0037","kind":"image","category":"mobile-app-ui","type":"screen","title":"Welcome with orbit illustration","description":"A single onboarding welcome screen for a habit app. The top 55% is a tinted panel holding a code-drawn orbit illustration: three concentric rings with small planets around a glowing core. Below sit page dots, the headline \"Small steps, every single day.\", one line of support, a full-width primary \"Get started\" button and a quiet \"I already have an account\" link. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: one promise and one action per step, with the visual carrying the mood.","roles":["onboarding"],"style":["minimal","rounded"],"tags":["welcome-screen","onboarding","illustration","cta-button","progress"],"palette":["#271B15","#31241D","#0F0D0D","#4F3428","#080808","#F57137"],"palette_detail":[{"hex":"#271B15","pct":29.8},{"hex":"#31241D","pct":27.6},{"hex":"#0F0D0D","pct":22.8},{"hex":"#4F3428","pct":12.7},{"hex":"#080808","pct":3.7},{"hex":"#F57137","pct":3.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/onboarding-welcome.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0037.webp","thumb":"assets/thumb/ORG-0037.webp","live":"originals/screens/onboarding-welcome.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0037.webp","thumb":"assets/thumb/ORG-0037.webp","palette":["#271B15","#31241D","#0F0D0D","#4F3428","#080808","#F57137"],"palette_detail":[{"hex":"#271B15","pct":29.8},{"hex":"#31241D","pct":27.6},{"hex":"#0F0D0D","pct":22.8},{"hex":"#4F3428","pct":12.7},{"hex":"#080808","pct":3.7},{"hex":"#F57137","pct":3.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0040.webp","thumb":"assets/thumb/ORG-0040.webp","palette":["#DCE9DF","#C7D9CC","#F5F8F4","#2B4C3C","#9BB3A5","#FCFDFA"],"palette_detail":[{"hex":"#DCE9DF","pct":46.3},{"hex":"#C7D9CC","pct":18.7},{"hex":"#F5F8F4","pct":17.3},{"hex":"#2B4C3C","pct":8.2},{"hex":"#9BB3A5","pct":5.6},{"hex":"#FCFDFA","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0039.webp","thumb":"assets/thumb/ORG-0039.webp","palette":["#E5E3DD","#CDD6EB","#F9F8F6","#2F3A76","#ABB0C5","#FEFDFA"],"palette_detail":[{"hex":"#E5E3DD","pct":45.1},{"hex":"#CDD6EB","pct":18.7},{"hex":"#F9F8F6","pct":17.3},{"hex":"#2F3A76","pct":7.9},{"hex":"#ABB0C5","pct":7.0},{"hex":"#FEFDFA","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0038.webp","thumb":"assets/thumb/ORG-0038.webp","palette":["#262037","#0F0C16","#434740","#1C1729","#BFE543","#08070A"],"palette_detail":[{"hex":"#262037","pct":45.7},{"hex":"#0F0C16","pct":23.1},{"hex":"#434740","pct":17.3},{"hex":"#1C1729","pct":6.8},{"hex":"#BFE543","pct":3.9},{"hex":"#08070A","pct":3.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0041","kind":"image","category":"mobile-app-ui","type":"screen","title":"Paywall with anchored yearly plan","description":"A subscription paywall. A close button and \"Go Pro\" headline sit over a four-line checklist of benefits. Two plan cards follow: \"Yearly\" is anchored with an accent ring, a \"Save 40%\" tag, $59.99/year and the computed $5.00/month; \"Monthly\" at $8.99 is plain. A tinted five-star quote from a long-streak user adds proof. A primary \"Start 7-day free trial\" button states the consequence, with \"Cancel anytime · Restore purchase\" beneath. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: anchor one plan and show the saving as a number, not an adjective.","roles":["pricing","checkout"],"style":["bold-typography","rounded"],"tags":["paywall","subscription","plans","cta-button","checklist"],"palette":["#281D17","#0D0C0C","#372922","#181514","#E56128","#625C58"],"palette_detail":[{"hex":"#281D17","pct":38.0},{"hex":"#0D0C0C","pct":32.6},{"hex":"#372922","pct":13.3},{"hex":"#181514","pct":9.3},{"hex":"#E56128","pct":3.5},{"hex":"#625C58","pct":3.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/paywall-plans.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0041.webp","thumb":"assets/thumb/ORG-0041.webp","live":"originals/screens/paywall-plans.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0041.webp","thumb":"assets/thumb/ORG-0041.webp","palette":["#281D17","#0D0C0C","#372922","#181514","#E56128","#625C58"],"palette_detail":[{"hex":"#281D17","pct":38.0},{"hex":"#0D0C0C","pct":32.6},{"hex":"#372922","pct":13.3},{"hex":"#181514","pct":9.3},{"hex":"#E56128","pct":3.5},{"hex":"#625C58","pct":3.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0044.webp","thumb":"assets/thumb/ORG-0044.webp","palette":["#F8F9F7","#DAE7DD","#E7F0E8","#284638","#BECAC2","#81998C"],"palette_detail":[{"hex":"#F8F9F7","pct":34.8},{"hex":"#DAE7DD","pct":32.5},{"hex":"#E7F0E8","pct":14.2},{"hex":"#284638","pct":7.3},{"hex":"#BECAC2","pct":7.3},{"hex":"#81998C","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0043.webp","thumb":"assets/thumb/ORG-0043.webp","palette":["#FBFAF8","#EAE8E1","#DCD9D3","#9096B6","#2C3567","#C7CEF6"],"palette_detail":[{"hex":"#FBFAF8","pct":35.3},{"hex":"#EAE8E1","pct":35.2},{"hex":"#DCD9D3","pct":15.8},{"hex":"#9096B6","pct":6.4},{"hex":"#2C3567","pct":5.9},{"hex":"#C7CEF6","pct":1.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0042.webp","thumb":"assets/thumb/ORG-0042.webp","palette":["#221A34","#0E0B15","#2F293C","#191523","#6B6D60","#BCE632"],"palette_detail":[{"hex":"#221A34","pct":37.1},{"hex":"#0E0B15","pct":33.2},{"hex":"#2F293C","pct":12.8},{"hex":"#191523","pct":10.1},{"hex":"#6B6D60","pct":3.7},{"hex":"#BCE632","pct":3.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0045","kind":"image","category":"mobile-app-ui","type":"screen","title":"Profile with stats and streak grid","description":"A user profile. A large avatar, name and handle sit centred above \"Edit profile\" and share buttons; a three-up stat row shows Streak 42, Habits 7 and Done 318. A \"Last 12 weeks\" card renders a contribution-style grid of squares in four intensities of the accent, and a \"Badges\" row holds three round achievement medals. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: identity first, stats as a compact row, history as a dense glanceable grid.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","streak","progress","grid"],"palette":["#291D17","#0D0D0C","#3C2B23","#191614","#8D523A","#F57337"],"palette_detail":[{"hex":"#291D17","pct":39.3},{"hex":"#0D0D0C","pct":31.9},{"hex":"#3C2B23","pct":12.6},{"hex":"#191614","pct":9.5},{"hex":"#8D523A","pct":3.7},{"hex":"#F57337","pct":3.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/profile-stats.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0045.webp","thumb":"assets/thumb/ORG-0045.webp","live":"originals/screens/profile-stats.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0045.webp","thumb":"assets/thumb/ORG-0045.webp","palette":["#291D17","#0D0D0C","#3C2B23","#191614","#8D523A","#F57337"],"palette_detail":[{"hex":"#291D17","pct":39.3},{"hex":"#0D0D0C","pct":31.9},{"hex":"#3C2B23","pct":12.6},{"hex":"#191614","pct":9.5},{"hex":"#8D523A","pct":3.7},{"hex":"#F57337","pct":3.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0048.webp","thumb":"assets/thumb/ORG-0048.webp","palette":["#F7F9F6","#D9E6DC","#E5EFE7","#B7C9BD","#283F34","#739C85"],"palette_detail":[{"hex":"#F7F9F6","pct":33.8},{"hex":"#D9E6DC","pct":32.5},{"hex":"#E5EFE7","pct":14.6},{"hex":"#B7C9BD","pct":7.6},{"hex":"#283F34","pct":6.4},{"hex":"#739C85","pct":4.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0047.webp","thumb":"assets/thumb/ORG-0047.webp","palette":["#E5E3DD","#F9F9F7","#BCC2D6","#2D2D2D","#5471F4","#8C8C8A"],"palette_detail":[{"hex":"#E5E3DD","pct":43.7},{"hex":"#F9F9F7","pct":37.0},{"hex":"#BCC2D6","pct":8.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5471F4","pct":4.5},{"hex":"#8C8C8A","pct":1.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0046.webp","thumb":"assets/thumb/ORG-0046.webp","palette":["#221B34","#0E0C15","#312D3C","#191422","#707C54","#B8DD41"],"palette_detail":[{"hex":"#221B34","pct":38.4},{"hex":"#0E0C15","pct":32.0},{"hex":"#312D3C","pct":12.8},{"hex":"#191422","pct":9.4},{"hex":"#707C54","pct":4.6},{"hex":"#B8DD41","pct":2.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0049","kind":"image","category":"mobile-app-ui","type":"screen","title":"Search with filter chips and results","description":"A search results screen for places. A focused search field reads \"coffee\" with a clear button; a horizontally scrolling chip row (Open now, Under $$, Wi-Fi, Outdoor) has the first chip selected and a filter icon at the end. A results count leads into four rows, each with a tinted square thumbnail, name, distance and price, a star rating and an open/closed tag. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: chips never wrap — they scroll — and each row has the same anatomy.","roles":["search","list"],"style":["minimal","card-based"],"tags":["search","chips","filters","list-row","rating"],"palette":["#0E0D0C","#2B1F18","#1B1613","#473228","#040403","#94908D"],"palette_detail":[{"hex":"#0E0D0C","pct":42.6},{"hex":"#2B1F18","pct":40.2},{"hex":"#1B1613","pct":8.7},{"hex":"#473228","pct":5.9},{"hex":"#040403","pct":1.3},{"hex":"#94908D","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/search-chips-results.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0049.webp","thumb":"assets/thumb/ORG-0049.webp","live":"originals/screens/search-chips-results.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0049.webp","thumb":"assets/thumb/ORG-0049.webp","palette":["#0E0D0C","#2B1F18","#1B1613","#473228","#040403","#94908D"],"palette_detail":[{"hex":"#0E0D0C","pct":42.6},{"hex":"#2B1F18","pct":40.2},{"hex":"#1B1613","pct":8.7},{"hex":"#473228","pct":5.9},{"hex":"#040403","pct":1.3},{"hex":"#94908D","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0052.webp","thumb":"assets/thumb/ORG-0052.webp","palette":["#F6F8F5","#DEEAE1","#CEDCD2","#FDFEFC","#2C2E2E","#9EABA2"],"palette_detail":[{"hex":"#F6F8F5","pct":38.5},{"hex":"#DEEAE1","pct":35.0},{"hex":"#CEDCD2","pct":11.6},{"hex":"#FDFEFC","pct":5.2},{"hex":"#2C2E2E","pct":5.2},{"hex":"#9EABA2","pct":4.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0051.webp","thumb":"assets/thumb/ORG-0051.webp","palette":["#FAF9F6","#E7E5DE","#D5D6D7","#FFFEFD","#2D2D2D","#A1A2A5"],"palette_detail":[{"hex":"#FAF9F6","pct":38.8},{"hex":"#E7E5DE","pct":34.6},{"hex":"#D5D6D7","pct":12.0},{"hex":"#FFFEFD","pct":5.5},{"hex":"#2D2D2D","pct":5.2},{"hex":"#A1A2A5","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0050.webp","thumb":"assets/thumb/ORG-0050.webp","palette":["#100D16","#282138","#1D172A","#0D0B13","#08070A","#7A7C76"],"palette_detail":[{"hex":"#100D16","pct":38.6},{"hex":"#282138","pct":38.6},{"hex":"#1D172A","pct":12.7},{"hex":"#0D0B13","pct":4.9},{"hex":"#08070A","pct":2.9},{"hex":"#7A7C76","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0053","kind":"image","category":"mobile-app-ui","type":"screen","title":"Grouped settings with toggles","description":"A settings screen in grouped cards. A profile row with avatar, name, email and chevron leads; a \"Notifications\" group holds three rows with toggles (two on), an \"Appearance\" group shows Theme and App icon values, a \"Privacy\" group has Face ID and Export my data rows. A red \"Sign out\" sits alone at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: section headers and grouped rows; toggles apply instantly and destructive actions live last.","roles":["settings","profile"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","avatar","account"],"palette":["#281D16","#181615","#0D0D0C","#332721","#5E5854","#E19C7B"],"palette_detail":[{"hex":"#281D16","pct":33.7},{"hex":"#181615","pct":28.2},{"hex":"#0D0D0C","pct":23.0},{"hex":"#332721","pct":12.0},{"hex":"#5E5854","pct":2.3},{"hex":"#E19C7B","pct":0.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/settings-grouped.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0053.webp","thumb":"assets/thumb/ORG-0053.webp","live":"originals/screens/settings-grouped.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0053.webp","thumb":"assets/thumb/ORG-0053.webp","palette":["#281D16","#181615","#0D0D0C","#332721","#5E5854","#E19C7B"],"palette_detail":[{"hex":"#281D16","pct":33.7},{"hex":"#181615","pct":28.2},{"hex":"#0D0D0C","pct":23.0},{"hex":"#332721","pct":12.0},{"hex":"#5E5854","pct":2.3},{"hex":"#E19C7B","pct":0.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0056.webp","thumb":"assets/thumb/ORG-0056.webp","palette":["#DAE6DD","#F3F6F3","#FFFFFF","#FAFBFA","#2C312F","#A5AFA8"],"palette_detail":[{"hex":"#DAE6DD","pct":41.2},{"hex":"#F3F6F3","pct":22.2},{"hex":"#FFFFFF","pct":20.4},{"hex":"#FAFBFA","pct":5.8},{"hex":"#2C312F","pct":5.2},{"hex":"#A5AFA8","pct":5.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0055.webp","thumb":"assets/thumb/ORG-0055.webp","palette":["#E8E6DF","#FEFEFE","#F9F8F5","#DBD8D2","#2E2D2E","#9B9CAA"],"palette_detail":[{"hex":"#E8E6DF","pct":34.2},{"hex":"#FEFEFE","pct":24.9},{"hex":"#F9F8F5","pct":20.6},{"hex":"#DBD8D2","pct":11.6},{"hex":"#2E2D2E","pct":4.9},{"hex":"#9B9CAA","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0054.webp","thumb":"assets/thumb/ORG-0054.webp","palette":["#241D37","#181423","#0E0C14","#1D172B","#4B4752","#A5AE88"],"palette_detail":[{"hex":"#241D37","pct":41.1},{"hex":"#181423","pct":25.1},{"hex":"#0E0C14","pct":22.6},{"hex":"#1D172B","pct":7.4},{"hex":"#4B4752","pct":2.5},{"hex":"#A5AE88","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0057","kind":"image","category":"mobile-app-ui","type":"screen","title":"Calendar day with timeline","description":"A calendar day view. \"November\" heads a week strip with Thursday 14 selected and dots under days that have events. A vertical timeline from 9:00 to 14:00 has hour labels and hairlines; three event blocks of different heights sit on it — a tinted \"Design review\" with three attendee avatars, an accent-filled \"Lunch with Ana\" and a plain \"Focus: pricing page\" — plus a red \"now\" line at 11:20. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: blocks sized by duration so the shape of the day reads at a glance.","roles":["list","detail"],"style":["card-based","rounded"],"tags":["calendar","schedule","timeline","week-strip","avatar"],"palette":["#0D0D0C","#2D1F18","#282421","#1C1714","#F6672A","#6A6D5E"],"palette_detail":[{"hex":"#0D0D0C","pct":38.9},{"hex":"#2D1F18","pct":34.3},{"hex":"#282421","pct":11.8},{"hex":"#1C1714","pct":8.9},{"hex":"#F6672A","pct":4.5},{"hex":"#6A6D5E","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/calendar-day.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0057.webp","thumb":"assets/thumb/ORG-0057.webp","live":"originals/screens/calendar-day.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0057.webp","thumb":"assets/thumb/ORG-0057.webp","palette":["#0D0D0C","#2D1F18","#282421","#1C1714","#F6672A","#6A6D5E"],"palette_detail":[{"hex":"#0D0D0C","pct":38.9},{"hex":"#2D1F18","pct":34.3},{"hex":"#282421","pct":11.8},{"hex":"#1C1714","pct":8.9},{"hex":"#F6672A","pct":4.5},{"hex":"#6A6D5E","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0060.webp","thumb":"assets/thumb/ORG-0060.webp","palette":["#DBE8DE","#F4F7F3","#274F3B","#FDFDFC","#BCC8C0","#799084"],"palette_detail":[{"hex":"#DBE8DE","pct":39.2},{"hex":"#F4F7F3","pct":36.8},{"hex":"#274F3B","pct":8.7},{"hex":"#FDFDFC","pct":7.0},{"hex":"#BCC8C0","pct":5.7},{"hex":"#799084","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0059.webp","thumb":"assets/thumb/ORG-0059.webp","palette":["#E7E4DD","#F9F8F5","#2C3A82","#FFFEFC","#C7C4C4","#7F84AA"],"palette_detail":[{"hex":"#E7E4DD","pct":43.8},{"hex":"#F9F8F5","pct":32.7},{"hex":"#2C3A82","pct":8.3},{"hex":"#FFFEFC","pct":6.5},{"hex":"#C7C4C4","pct":5.9},{"hex":"#7F84AA","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0058.webp","thumb":"assets/thumb/ORG-0058.webp","palette":["#0E0C15","#221A34","#30293D","#191523","#C0ED31","#7F7E83"],"palette_detail":[{"hex":"#0E0C15","pct":38.8},{"hex":"#221A34","pct":37.2},{"hex":"#30293D","pct":11.0},{"hex":"#191523","pct":7.3},{"hex":"#C0ED31","pct":4.4},{"hex":"#7F7E83","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0061","kind":"image","category":"mobile-app-ui","type":"screen","title":"Activity rings and workout list","description":"A fitness activity summary. A week strip marks Monday–Sunday with tiny ring glyphs and today selected. Three nested progress rings (Move 82%, Exercise 64%, Stand 9 of 12) sit beside a legend with values. A two-up tile row shows Steps 8,412 and Distance 6.1 km, and a \"Workouts\" list holds two sessions with icons, durations and calories. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: one dense visual answers \"how am I doing today\", numbers sit right beside it.","roles":["dashboard","home"],"style":["bold-typography","data-dense"],"tags":["fitness","progress-ring","stats","week-strip","list-row","health"],"palette":["#2C1F19","#0E0D0C","#1A1614","#080808","#5B473A","#D1865F"],"palette_detail":[{"hex":"#2C1F19","pct":41.1},{"hex":"#0E0D0C","pct":37.5},{"hex":"#1A1614","pct":10.7},{"hex":"#080808","pct":4.4},{"hex":"#5B473A","pct":3.3},{"hex":"#D1865F","pct":2.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/fitness-rings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0061.webp","thumb":"assets/thumb/ORG-0061.webp","live":"originals/screens/fitness-rings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0061.webp","thumb":"assets/thumb/ORG-0061.webp","palette":["#2C1F19","#0E0D0C","#1A1614","#080808","#5B473A","#D1865F"],"palette_detail":[{"hex":"#2C1F19","pct":41.1},{"hex":"#0E0D0C","pct":37.5},{"hex":"#1A1614","pct":10.7},{"hex":"#080808","pct":4.4},{"hex":"#5B473A","pct":3.3},{"hex":"#D1865F","pct":2.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0064.webp","thumb":"assets/thumb/ORG-0064.webp","palette":["#DDE9DF","#F6F8F5","#C8D6CC","#FDFEFD","#293A32","#879C91"],"palette_detail":[{"hex":"#DDE9DF","pct":37.4},{"hex":"#F6F8F5","pct":36.0},{"hex":"#C8D6CC","pct":8.7},{"hex":"#FDFEFD","pct":8.1},{"hex":"#293A32","pct":6.3},{"hex":"#879C91","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0063.webp","thumb":"assets/thumb/ORG-0063.webp","palette":["#E6E3DD","#FAF9F6","#FFFEFD","#CACAC8","#2C2C2C","#6D7ABC"],"palette_detail":[{"hex":"#E6E3DD","pct":39.2},{"hex":"#FAF9F6","pct":36.5},{"hex":"#FFFEFD","pct":8.1},{"hex":"#CACAC8","pct":7.1},{"hex":"#2C2C2C","pct":5.3},{"hex":"#6D7ABC","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0062.webp","thumb":"assets/thumb/ORG-0062.webp","palette":["#0F0C16","#221A35","#191522","#342F42","#A2AF77","#08070B"],"palette_detail":[{"hex":"#0F0C16","pct":38.3},{"hex":"#221A35","pct":35.4},{"hex":"#191522","pct":9.9},{"hex":"#342F42","pct":9.2},{"hex":"#A2AF77","pct":3.8},{"hex":"#08070B","pct":3.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0065","kind":"image","category":"dashboard","type":"screen","title":"Kanban board with swimlane columns","description":"A desktop project board. A slim top bar has the project name \"Website relaunch\", a view switcher (Board selected, List, Timeline), stacked avatars and a primary \"New task\". Four columns — To do, In progress, Review, Done — show counts and cards; each card has a coloured label, title, a checklist progress bar or due date and an assignee avatar, and one card in progress is lifted as if being dragged. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: columns carry state, cards carry only what you need to decide what to do next.","roles":["dashboard","list"],"style":["card-based","data-dense"],"tags":["kanban","tasks","productivity","avatar","progress","desktop","sidebar"],"palette":["#221F1D","#191615","#291C16","#0F0E0D","#392C25","#836F61"],"palette_detail":[{"hex":"#221F1D","pct":33.9},{"hex":"#191615","pct":24.6},{"hex":"#291C16","pct":17.3},{"hex":"#0F0E0D","pct":14.1},{"hex":"#392C25","pct":8.0},{"hex":"#836F61","pct":2.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/kanban-board.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0065.webp","thumb":"assets/thumb/ORG-0065.webp","live":"originals/screens/kanban-board.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0065.webp","thumb":"assets/thumb/ORG-0065.webp","palette":["#221F1D","#191615","#291C16","#0F0E0D","#392C25","#836F61"],"palette_detail":[{"hex":"#221F1D","pct":33.9},{"hex":"#191615","pct":24.6},{"hex":"#291C16","pct":17.3},{"hex":"#0F0E0D","pct":14.1},{"hex":"#392C25","pct":8.0},{"hex":"#836F61","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0068.webp","thumb":"assets/thumb/ORG-0068.webp","palette":["#E6EFE7","#FFFFFF","#F5F7F4","#CDD9CF","#EDF2EE","#A0B0A7"],"palette_detail":[{"hex":"#E6EFE7","pct":42.2},{"hex":"#FFFFFF","pct":21.2},{"hex":"#F5F7F4","pct":15.7},{"hex":"#CDD9CF","pct":10.9},{"hex":"#EDF2EE","pct":5.7},{"hex":"#A0B0A7","pct":4.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0067.webp","thumb":"assets/thumb/ORG-0067.webp","palette":["#EFEDE8","#FFFFFF","#F8F7F4","#E4E2DC","#D2CFCB","#A6A6B3"],"palette_detail":[{"hex":"#EFEDE8","pct":36.5},{"hex":"#FFFFFF","pct":21.2},{"hex":"#F8F7F4","pct":18.0},{"hex":"#E4E2DC","pct":12.0},{"hex":"#D2CFCB","pct":8.0},{"hex":"#A6A6B3","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0066.webp","thumb":"assets/thumb/ORG-0066.webp","palette":["#251E35","#191425","#201930","#100D18","#5A5A57","#9FAD77"],"palette_detail":[{"hex":"#251E35","pct":40.4},{"hex":"#191425","pct":25.1},{"hex":"#201930","pct":17.3},{"hex":"#100D18","pct":13.9},{"hex":"#5A5A57","pct":2.4},{"hex":"#9FAD77","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0069","kind":"image","category":"mobile-app-ui","type":"screen","title":"Messages inbox with pinned threads","description":"A messaging inbox. A large \"Messages\" title sits beside a compose button, over a search field and a row of five pinned contacts shown as avatars with names, one with an online dot. Filter chips (All, Unread 3, Groups) lead into six thread rows with avatar, name, one-line preview, time and either an unread count badge or a read tick. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: pinned people as faces, everyone else as consistent rows, unread state carried by one accent badge.","roles":["list","chat"],"style":["minimal","rounded"],"tags":["messaging","avatar","list-row","search","chips","unread"],"palette":["#0D0C0C","#2D211A","#241A14","#171514","#566D50","#BD9495"],"palette_detail":[{"hex":"#0D0C0C","pct":41.2},{"hex":"#2D211A","pct":23.2},{"hex":"#241A14","pct":22.2},{"hex":"#171514","pct":6.5},{"hex":"#566D50","pct":4.0},{"hex":"#BD9495","pct":2.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/messages-inbox.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0069.webp","thumb":"assets/thumb/ORG-0069.webp","live":"originals/screens/messages-inbox.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0069.webp","thumb":"assets/thumb/ORG-0069.webp","palette":["#0D0C0C","#2D211A","#241A14","#171514","#566D50","#BD9495"],"palette_detail":[{"hex":"#0D0C0C","pct":41.2},{"hex":"#2D211A","pct":23.2},{"hex":"#241A14","pct":22.2},{"hex":"#171514","pct":6.5},{"hex":"#566D50","pct":4.0},{"hex":"#BD9495","pct":2.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0072.webp","thumb":"assets/thumb/ORG-0072.webp","palette":["#F7F9F6","#DBE8DE","#EEF2EE","#BFC6C2","#2C302E","#87968E"],"palette_detail":[{"hex":"#F7F9F6","pct":37.4},{"hex":"#DBE8DE","pct":36.9},{"hex":"#EEF2EE","pct":7.8},{"hex":"#BFC6C2","pct":7.8},{"hex":"#2C302E","pct":5.2},{"hex":"#87968E","pct":4.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0071.webp","thumb":"assets/thumb/ORG-0071.webp","palette":["#E5E3DC","#FBFAF7","#CABFC3","#F4F3F0","#2F322C","#888D9D"],"palette_detail":[{"hex":"#E5E3DC","pct":39.1},{"hex":"#FBFAF7","pct":37.5},{"hex":"#CABFC3","pct":7.9},{"hex":"#F4F3F0","pct":5.6},{"hex":"#2F322C","pct":5.3},{"hex":"#888D9D","pct":4.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0070.webp","thumb":"assets/thumb/ORG-0070.webp","palette":["#251E37","#0E0B15","#1C1729","#15121B","#A5AAA0","#58585C"],"palette_detail":[{"hex":"#251E37","pct":39.7},{"hex":"#0E0B15","pct":39.6},{"hex":"#1C1729","pct":7.6},{"hex":"#15121B","pct":5.5},{"hex":"#A5AAA0","pct":4.4},{"hex":"#58585C","pct":3.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0073","kind":"image","category":"mobile-app-ui","type":"screen","title":"Now playing with waveform scrubber","description":"A music \"Now playing\" screen. A large square artwork built from a blurred accent gradient with concentric rings fills the top, followed by the track title \"Low Tide\", artist \"Mara Vale\" and a heart. A waveform scrubber of 46 bars shows progress at 1:42 of 3:58 with played bars in the accent. Transport controls (shuffle, previous, a large round play/pause, next, repeat) sit above a row for lyrics, device and queue. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the artwork and the play button are the only large things; everything else is quiet.","roles":["media","detail"],"style":["bold-typography","gradient-heavy"],"tags":["music","player","artwork","slider","controls"],"palette":["#2D201A","#0E0D0C","#B4673F","#1F1814","#6E4531","#040404"],"palette_detail":[{"hex":"#2D201A","pct":43.3},{"hex":"#0E0D0C","pct":29.5},{"hex":"#B4673F","pct":9.5},{"hex":"#1F1814","pct":8.6},{"hex":"#6E4531","pct":7.8},{"hex":"#040404","pct":1.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/music-now-playing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0073.webp","thumb":"assets/thumb/ORG-0073.webp","live":"originals/screens/music-now-playing.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0073.webp","thumb":"assets/thumb/ORG-0073.webp","palette":["#2D201A","#0E0D0C","#B4673F","#1F1814","#6E4531","#040404"],"palette_detail":[{"hex":"#2D201A","pct":43.3},{"hex":"#0E0D0C","pct":29.5},{"hex":"#B4673F","pct":9.5},{"hex":"#1F1814","pct":8.6},{"hex":"#6E4531","pct":7.8},{"hex":"#040404","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0076.webp","thumb":"assets/thumb/ORG-0076.webp","palette":["#D9E7DC","#F6F8F5","#E6EFE8","#BACEC1","#74A38B","#2B3731"],"palette_detail":[{"hex":"#D9E7DC","pct":37.5},{"hex":"#F6F8F5","pct":23.5},{"hex":"#E6EFE8","pct":16.0},{"hex":"#BACEC1","pct":10.1},{"hex":"#74A38B","pct":7.3},{"hex":"#2B3731","pct":5.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0075.webp","thumb":"assets/thumb/ORG-0075.webp","palette":["#E0DED9","#FAF9F6","#E8E7E8","#AEB1C5","#6A80F0","#2E2E2E"],"palette_detail":[{"hex":"#E0DED9","pct":32.8},{"hex":"#FAF9F6","pct":24.3},{"hex":"#E8E7E8","pct":23.8},{"hex":"#AEB1C5","pct":8.4},{"hex":"#6A80F0","pct":5.7},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0074.webp","thumb":"assets/thumb/ORG-0074.webp","palette":["#271F37","#0F0C16","#1C1728","#88A135","#60518C","#08070A"],"palette_detail":[{"hex":"#271F37","pct":44.5},{"hex":"#0F0C16","pct":29.2},{"hex":"#1C1728","pct":7.9},{"hex":"#88A135","pct":7.9},{"hex":"#60518C","pct":7.4},{"hex":"#08070A","pct":3.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0077","kind":"image","category":"mobile-app-ui","type":"screen","title":"Notifications grouped by day","description":"A notifications screen grouped under Today and Earlier. Rows mix types: a mention with a quoted reply, a follow request with Accept and Decline buttons, a payment received with an amount, a reminder with a calendar icon and a system update. Unread rows have an accent dot and a slightly tinted background; a \"Mark all read\" link sits in the header. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: every notification is actionable in place — no need to open it to respond.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","avatar","list-row","cta-button","unread"],"palette":["#0E0D0C","#2C1F18","#22201E","#1B1614","#46423D","#A07860"],"palette_detail":[{"hex":"#0E0D0C","pct":39.0},{"hex":"#2C1F18","pct":39.0},{"hex":"#22201E","pct":9.2},{"hex":"#1B1614","pct":7.8},{"hex":"#46423D","pct":3.3},{"hex":"#A07860","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/notifications-feed.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0077.webp","thumb":"assets/thumb/ORG-0077.webp","live":"originals/screens/notifications-feed.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0077.webp","thumb":"assets/thumb/ORG-0077.webp","palette":["#0E0D0C","#2C1F18","#22201E","#1B1614","#46423D","#A07860"],"palette_detail":[{"hex":"#0E0D0C","pct":39.0},{"hex":"#2C1F18","pct":39.0},{"hex":"#22201E","pct":9.2},{"hex":"#1B1614","pct":7.8},{"hex":"#46423D","pct":3.3},{"hex":"#A07860","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0080.webp","thumb":"assets/thumb/ORG-0080.webp","palette":["#F7F9F6","#DDEAE0","#EAF1EB","#CFDBD2","#2C3430","#98A49D"],"palette_detail":[{"hex":"#F7F9F6","pct":37.2},{"hex":"#DDEAE0","pct":30.7},{"hex":"#EAF1EB","pct":12.2},{"hex":"#CFDBD2","pct":10.4},{"hex":"#2C3430","pct":5.4},{"hex":"#98A49D","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0079.webp","thumb":"assets/thumb/ORG-0079.webp","palette":["#FAF9F6","#E3E0D9","#EEECE6","#C1BFBD","#2E2E2D","#787FA1"],"palette_detail":[{"hex":"#FAF9F6","pct":37.8},{"hex":"#E3E0D9","pct":32.0},{"hex":"#EEECE6","pct":16.2},{"hex":"#C1BFBD","pct":6.5},{"hex":"#2E2E2D","pct":5.0},{"hex":"#787FA1","pct":2.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0078.webp","thumb":"assets/thumb/ORG-0078.webp","palette":["#0E0C15","#251D37","#1F182F","#17141F","#4E4D52","#A1AF76"],"palette_detail":[{"hex":"#0E0C15","pct":38.1},{"hex":"#251D37","pct":27.1},{"hex":"#1F182F","pct":24.4},{"hex":"#17141F","pct":5.6},{"hex":"#4E4D52","pct":3.3},{"hex":"#A1AF76","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0081","kind":"image","category":"mobile-app-ui","type":"screen","title":"Product detail with size picker","description":"An e-commerce product page for a running shoe. The top half is a tinted stage with a code-drawn shoe silhouette, image dots and back/heart buttons. Below: brand, name \"Stride Runner 2\", rating 4.8 with 1.2k reviews and price $128 with the old price struck through. A colour row of four swatches and a size grid of eight sizes (one selected, one sold out) precede a sticky bar with a quantity and an \"Add to bag\" button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: media first, choices as large tappable chips, one primary action pinned.","roles":["detail","checkout"],"style":["bold-typography","rounded"],"tags":["ecommerce","product","price","chips","sticky-cta","rating"],"palette":["#291D17","#0D0C0C","#352721","#1B1614","#F88856","#895F4C"],"palette_detail":[{"hex":"#291D17","pct":35.8},{"hex":"#0D0C0C","pct":26.1},{"hex":"#352721","pct":24.3},{"hex":"#1B1614","pct":6.5},{"hex":"#F88856","pct":4.8},{"hex":"#895F4C","pct":2.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/product-detail-sneaker.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0081.webp","thumb":"assets/thumb/ORG-0081.webp","live":"originals/screens/product-detail-sneaker.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0081.webp","thumb":"assets/thumb/ORG-0081.webp","palette":["#291D17","#0D0C0C","#352721","#1B1614","#F88856","#895F4C"],"palette_detail":[{"hex":"#291D17","pct":35.8},{"hex":"#0D0C0C","pct":26.1},{"hex":"#352721","pct":24.3},{"hex":"#1B1614","pct":6.5},{"hex":"#F88856","pct":4.8},{"hex":"#895F4C","pct":2.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0084.webp","thumb":"assets/thumb/ORG-0084.webp","palette":["#D8E6DB","#F6F9F6","#E3EEE5","#254938","#BAC8BE","#7C9487"],"palette_detail":[{"hex":"#D8E6DB","pct":38.3},{"hex":"#F6F9F6","pct":24.1},{"hex":"#E3EEE5","pct":18.4},{"hex":"#254938","pct":9.5},{"hex":"#BAC8BE","pct":6.7},{"hex":"#7C9487","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0083.webp","thumb":"assets/thumb/ORG-0083.webp","palette":["#E0DFDC","#FAF9F6","#E9E9E6","#2C2C2E","#AEAFB1","#3755F1"],"palette_detail":[{"hex":"#E0DFDC","pct":36.5},{"hex":"#FAF9F6","pct":24.0},{"hex":"#E9E9E6","pct":22.9},{"hex":"#2C2C2E","pct":6.2},{"hex":"#AEAFB1","pct":6.1},{"hex":"#3755F1","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0082.webp","thumb":"assets/thumb/ORG-0082.webp","palette":["#221B34","#0E0C15","#2F2C3B","#1A1525","#CDF05D","#7B8361"],"palette_detail":[{"hex":"#221B34","pct":37.0},{"hex":"#0E0C15","pct":27.0},{"hex":"#2F2C3B","pct":23.0},{"hex":"#1A1525","pct":5.8},{"hex":"#CDF05D","pct":4.7},{"hex":"#7B8361","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0085","kind":"image","category":"design-system","type":"token-sheet","title":"Type scale and colour tokens sheet","description":"A design-token sheet. The left half shows a type scale from Display 56 down to Caption 12, each line labelled with size, weight and line-height in mono. The right half shows colour tokens as large swatches — background, surface, text, muted, accent, on-accent — each with its hex and contrast ratio against the background, plus a four-step radius row and a spacing ruler of 4, 8, 12, 16, 24, 32 and 48. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: tokens documented with their numbers so code and design read the same page.","roles":[],"style":["flat","editorial"],"tags":["tokens","typography","palette","swatch","components"],"palette":["#0E0D0C","#2C201A","#1A1614","#C99A84","#524843","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.4},{"hex":"#2C201A","pct":31.9},{"hex":"#1A1614","pct":10.6},{"hex":"#C99A84","pct":3.6},{"hex":"#524843","pct":3.3},{"hex":"#0A0A09","pct":2.3}],"w":1600,"h":1108,"orientation":"landscape","aspect":1.444,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/tokens-type-colour.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0085.webp","thumb":"assets/thumb/ORG-0085.webp","live":"originals/screens/tokens-type-colour.html","viewport":"canvas","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0085.webp","thumb":"assets/thumb/ORG-0085.webp","palette":["#0E0D0C","#2C201A","#1A1614","#C99A84","#524843","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.4},{"hex":"#2C201A","pct":31.9},{"hex":"#1A1614","pct":10.6},{"hex":"#C99A84","pct":3.6},{"hex":"#524843","pct":3.3},{"hex":"#0A0A09","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0088.webp","thumb":"assets/thumb/ORG-0088.webp","palette":["#F6F8F5","#E2EDE4","#D2DED5","#FEFFFE","#A8B2AB","#385E4B"],"palette_detail":[{"hex":"#F6F8F5","pct":50.6},{"hex":"#E2EDE4","pct":24.0},{"hex":"#D2DED5","pct":13.4},{"hex":"#FEFFFE","pct":4.5},{"hex":"#A8B2AB","pct":4.1},{"hex":"#385E4B","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0087.webp","thumb":"assets/thumb/ORG-0087.webp","palette":["#FAF9F6","#EBE8E3","#DEDBD6","#FFFEFD","#B3B3B5","#3F487A"],"palette_detail":[{"hex":"#FAF9F6","pct":49.8},{"hex":"#EBE8E3","pct":22.2},{"hex":"#DEDBD6","pct":13.8},{"hex":"#FFFEFD","pct":5.8},{"hex":"#B3B3B5","pct":5.0},{"hex":"#3F487A","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0086.webp","thumb":"assets/thumb/ORG-0086.webp","palette":["#0F0C16","#241D36","#1A1626","#B4BE93","#3C3746","#0C0813"],"palette_detail":[{"hex":"#0F0C16","pct":48.2},{"hex":"#241D36","pct":30.5},{"hex":"#1A1626","pct":11.0},{"hex":"#B4BE93","pct":4.2},{"hex":"#3C3746","pct":4.0},{"hex":"#0C0813","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0089","kind":"image","category":"mobile-app-ui","type":"screen","title":"Flight selection with date strip","description":"A flight-selection screen from Lisbon (LIS) to Copenhagen (CPH). A route header with a swap glyph sits over a horizontal date strip of five days with prices, the Thursday selected. A \"Best\" / \"Cheapest\" / \"Fastest\" segmented control leads into three flight cards, each with departure and arrival times, a dashed route line with a plane, duration, stops and price; the first is tagged \"Best value\" and outlined in the accent. A sticky footer shows \"1 adult · Economy\". Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the date strip doubles as a price chart, so the cheapest day is visible before any tap.","roles":["list","checkout"],"style":["card-based","rounded"],"tags":["travel","flight","booking","week-strip","price","filters"],"palette":["#2B1F19","#0D0C0C","#191615","#141212","#4A3D36","#BB8D77"],"palette_detail":[{"hex":"#2B1F19","pct":44.6},{"hex":"#0D0C0C","pct":24.0},{"hex":"#191615","pct":22.0},{"hex":"#141212","pct":4.1},{"hex":"#4A3D36","pct":3.4},{"hex":"#BB8D77","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/travel-flight-select.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0089.webp","thumb":"assets/thumb/ORG-0089.webp","live":"originals/screens/travel-flight-select.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0089.webp","thumb":"assets/thumb/ORG-0089.webp","palette":["#2B1F19","#0D0C0C","#191615","#141212","#4A3D36","#BB8D77"],"palette_detail":[{"hex":"#2B1F19","pct":44.6},{"hex":"#0D0C0C","pct":24.0},{"hex":"#191615","pct":22.0},{"hex":"#141212","pct":4.1},{"hex":"#4A3D36","pct":3.4},{"hex":"#BB8D77","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0092.webp","thumb":"assets/thumb/ORG-0092.webp","palette":["#DEEBE1","#F5F8F4","#FFFFFF","#CFDBD2","#2B3531","#949F98"],"palette_detail":[{"hex":"#DEEBE1","pct":35.5},{"hex":"#F5F8F4","pct":22.2},{"hex":"#FFFFFF","pct":20.9},{"hex":"#CFDBD2","pct":11.7},{"hex":"#2B3531","pct":6.0},{"hex":"#949F98","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0091.webp","thumb":"assets/thumb/ORG-0091.webp","palette":["#E7E4DE","#F9F8F5","#FFFFFE","#D1CFCC","#2B2B2B","#8187A8"],"palette_detail":[{"hex":"#E7E4DE","pct":39.8},{"hex":"#F9F8F5","pct":22.4},{"hex":"#FFFFFE","pct":20.7},{"hex":"#D1CFCC","pct":8.6},{"hex":"#2B2B2B","pct":5.3},{"hex":"#8187A8","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0090.webp","thumb":"assets/thumb/ORG-0090.webp","palette":["#251D36","#0E0B14","#1A1525","#15111C","#4F4E4E","#B0BD87"],"palette_detail":[{"hex":"#251D36","pct":43.9},{"hex":"#0E0B14","pct":23.8},{"hex":"#1A1525","pct":22.3},{"hex":"#15111C","pct":4.6},{"hex":"#4F4E4E","pct":3.6},{"hex":"#B0BD87","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0093","kind":"image","category":"website","type":"screen","title":"Feature bento grid section","description":"A desktop features section laid out as a bento grid. A left-aligned headline \"Everything your team needs, nothing it doesn’t\" sits above five tiles of different sizes: a large tile with a mini line chart and \"Live analytics\", a tall tile showing a stack of notification pills for \"Smart alerts\", a wide tile with a row of integration logo squares, a small tile with a big \"99.99%\" uptime figure and a small accent tile for \"Ship in minutes\". Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: one lead tile, the rest supporting; each tile one headline, one visual, no buttons.","roles":["landing-section"],"style":["card-based","bold-typography"],"tags":["bento","features","grid","desktop","landing-page"],"palette":["#1A1715","#0E0D0C","#2E211B","#141312","#695044","#E7713C"],"palette_detail":[{"hex":"#1A1715","pct":41.7},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2E211B","pct":22.7},{"hex":"#141312","pct":3.8},{"hex":"#695044","pct":2.0},{"hex":"#E7713C","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/web-feature-bento.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0093.webp","thumb":"assets/thumb/ORG-0093.webp","live":"originals/screens/web-feature-bento.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0093.webp","thumb":"assets/thumb/ORG-0093.webp","palette":["#1A1715","#0E0D0C","#2E211B","#141312","#695044","#E7713C"],"palette_detail":[{"hex":"#1A1715","pct":41.7},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2E211B","pct":22.7},{"hex":"#141312","pct":3.8},{"hex":"#695044","pct":2.0},{"hex":"#E7713C","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0096.webp","thumb":"assets/thumb/ORG-0096.webp","palette":["#F5F7F4","#FFFFFF","#D9E5DC","#AEBEB3","#FAFBFA","#447B60"],"palette_detail":[{"hex":"#F5F7F4","pct":35.3},{"hex":"#FFFFFF","pct":30.7},{"hex":"#D9E5DC","pct":21.9},{"hex":"#AEBEB3","pct":6.4},{"hex":"#FAFBFA","pct":4.0},{"hex":"#447B60","pct":1.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0095.webp","thumb":"assets/thumb/ORG-0095.webp","palette":["#FFFFFF","#F9F8F5","#E2E0DB","#FBFAF8","#B8B8BB","#405AE2"],"palette_detail":[{"hex":"#FFFFFF","pct":34.1},{"hex":"#F9F8F5","pct":30.0},{"hex":"#E2E0DB","pct":22.4},{"hex":"#FBFAF8","pct":6.5},{"hex":"#B8B8BB","pct":5.7},{"hex":"#405AE2","pct":1.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0094.webp","thumb":"assets/thumb/ORG-0094.webp","palette":["#1A1526","#0F0C16","#261F37","#16121F","#666D4E","#B3CC5F"],"palette_detail":[{"hex":"#1A1526","pct":38.6},{"hex":"#0F0C16","pct":31.9},{"hex":"#261F37","pct":22.1},{"hex":"#16121F","pct":3.1},{"hex":"#666D4E","pct":2.7},{"hex":"#B3CC5F","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0097","kind":"image","category":"website","type":"screen","title":"Pricing section with anchored plan","description":"A desktop pricing section. A centred eyebrow, the headline \"Pricing that scales with you\" and a Monthly/Yearly toggle with \"2 months free\" sit above three plan cards. Starter ($0) and Business ($48 per seat) are plain; Pro ($16 per seat) is anchored — filled with the accent, slightly taller, tagged \"Most popular\" — and its button is the only filled one. Each card lists five features with checks, and a strip below names enterprise options with a \"Talk to sales\" link. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: anchor one plan with fill, keep one filled button, show the saving as a fact.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","checklist","cta-button","desktop"],"palette":["#0E0D0C","#271C17","#191614","#392922","#F9692C","#7C513E"],"palette_detail":[{"hex":"#0E0D0C","pct":38.4},{"hex":"#271C17","pct":21.4},{"hex":"#191614","pct":20.5},{"hex":"#392922","pct":8.8},{"hex":"#F9692C","pct":8.5},{"hex":"#7C513E","pct":2.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/web-pricing-section.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0097.webp","thumb":"assets/thumb/ORG-0097.webp","live":"originals/screens/web-pricing-section.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0097.webp","thumb":"assets/thumb/ORG-0097.webp","palette":["#0E0D0C","#271C17","#191614","#392922","#F9692C","#7C513E"],"palette_detail":[{"hex":"#0E0D0C","pct":38.4},{"hex":"#271C17","pct":21.4},{"hex":"#191614","pct":20.5},{"hex":"#392922","pct":8.8},{"hex":"#F9692C","pct":8.5},{"hex":"#7C513E","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0100.webp","thumb":"assets/thumb/ORG-0100.webp","palette":["#F4F7F3","#D8E4DB","#FFFFFF","#267C52","#A3B9AC","#FBFBFA"],"palette_detail":[{"hex":"#F4F7F3","pct":43.3},{"hex":"#D8E4DB","pct":22.9},{"hex":"#FFFFFF","pct":15.6},{"hex":"#267C52","pct":9.0},{"hex":"#A3B9AC","pct":6.0},{"hex":"#FBFBFA","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0099.webp","thumb":"assets/thumb/ORG-0099.webp","palette":["#F8F7F5","#E1DFDA","#FFFFFF","#304FF0","#AEB1C2","#FBFBF9"],"palette_detail":[{"hex":"#F8F7F5","pct":41.1},{"hex":"#E1DFDA","pct":23.7},{"hex":"#FFFFFF","pct":15.2},{"hex":"#304FF0","pct":8.6},{"hex":"#AEB1C2","pct":5.9},{"hex":"#FBFBF9","pct":5.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0098.webp","thumb":"assets/thumb/ORG-0098.webp","palette":["#0F0C16","#1A1525","#261E37","#C4F132","#4D513C","#889850"],"palette_detail":[{"hex":"#0F0C16","pct":38.8},{"hex":"#1A1525","pct":25.3},{"hex":"#261E37","pct":23.0},{"hex":"#C4F132","pct":8.2},{"hex":"#4D513C","pct":2.3},{"hex":"#889850","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0101","kind":"image","category":"website","type":"screen","title":"Testimonials wall with logo strip","description":"A desktop social-proof section. A headline \"Loved by people who ship\" and an aggregate rating (4.9 from 2,300 reviews) sit over a three-by-two grid of six quote cards, each with a quote, an avatar, a name and a role; one card is accent-filled and carries a large metric \"3× faster reviews\". A muted logo strip of six wordmarks closes the section. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: real names and specific outcomes, one highlighted metric card to break the rhythm.","roles":["social-proof","landing-section"],"style":["editorial","card-based"],"tags":["testimonials","social-proof","avatar","rating","desktop","landing-page"],"palette":["#1A1715","#0E0D0C","#2E221C","#161413","#FA692C","#695347"],"palette_detail":[{"hex":"#1A1715","pct":33.8},{"hex":"#0E0D0C","pct":26.6},{"hex":"#2E221C","pct":21.9},{"hex":"#161413","pct":7.0},{"hex":"#FA692C","pct":6.7},{"hex":"#695347","pct":4.0}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/web-testimonials.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0101.webp","thumb":"assets/thumb/ORG-0101.webp","live":"originals/screens/web-testimonials.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0101.webp","thumb":"assets/thumb/ORG-0101.webp","palette":["#1A1715","#0E0D0C","#2E221C","#161413","#FA692C","#695347"],"palette_detail":[{"hex":"#1A1715","pct":33.8},{"hex":"#0E0D0C","pct":26.6},{"hex":"#2E221C","pct":21.9},{"hex":"#161413","pct":7.0},{"hex":"#FA692C","pct":6.7},{"hex":"#695347","pct":4.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0104.webp","thumb":"assets/thumb/ORG-0104.webp","palette":["#FFFFFF","#F5F7F4","#D9E5DC","#AFBDB4","#287D53","#FAFBF9"],"palette_detail":[{"hex":"#FFFFFF","pct":29.6},{"hex":"#F5F7F4","pct":28.0},{"hex":"#D9E5DC","pct":22.6},{"hex":"#AFBDB4","pct":7.7},{"hex":"#287D53","pct":7.1},{"hex":"#FAFBF9","pct":4.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0103.webp","thumb":"assets/thumb/ORG-0103.webp","palette":["#FFFFFF","#F9F8F5","#E2E0DA","#FBFBF8","#B4B5BF","#2F4FF2"],"palette_detail":[{"hex":"#FFFFFF","pct":29.5},{"hex":"#F9F8F5","pct":25.2},{"hex":"#E2E0DA","pct":22.7},{"hex":"#FBFBF8","pct":8.1},{"hex":"#B4B5BF","pct":7.9},{"hex":"#2F4FF2","pct":6.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0102.webp","thumb":"assets/thumb/ORG-0102.webp","palette":["#1A1526","#0F0C16","#282139","#C3F033","#16121F","#6B7256"],"palette_detail":[{"hex":"#1A1526","pct":38.4},{"hex":"#0F0C16","pct":26.3},{"hex":"#282139","pct":18.9},{"hex":"#C3F033","pct":6.7},{"hex":"#16121F","pct":5.6},{"hex":"#6B7256","pct":4.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0105","kind":"image","category":"website","type":"screen","title":"AI image studio with prompt and grid","description":"A desktop AI image-generation studio. A left panel holds a prompt box (\"A quiet harbour at dusk, film grain, 35mm\"), style chips with one selected, aspect-ratio buttons, a quality slider and a primary \"Generate\" button showing the credit cost. The canvas shows a 2×2 grid of four generated results drawn as layered gradient landscapes, one selected with an accent ring and actions (Upscale, Vary, Download). A top bar shows credits left and the user avatar. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: controls left, results right, one selection drives the actions.","roles":["editor"],"style":["card-based","bold-typography"],"tags":["ai","prompt","grid","chips","slider","desktop"],"palette":["#110E0F","#2C1F19","#EAAD86","#D17152","#8AA4D1","#5B3D3C"],"palette_detail":[{"hex":"#110E0F","pct":31.8},{"hex":"#2C1F19","pct":26.8},{"hex":"#EAAD86","pct":14.0},{"hex":"#D17152","pct":11.5},{"hex":"#8AA4D1","pct":8.2},{"hex":"#5B3D3C","pct":7.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/ai-image-studio.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0105.webp","thumb":"assets/thumb/ORG-0105.webp","live":"originals/screens/ai-image-studio.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0105.webp","thumb":"assets/thumb/ORG-0105.webp","palette":["#110E0F","#2C1F19","#EAAD86","#D17152","#8AA4D1","#5B3D3C"],"palette_detail":[{"hex":"#110E0F","pct":31.8},{"hex":"#2C1F19","pct":26.8},{"hex":"#EAAD86","pct":14.0},{"hex":"#D17152","pct":11.5},{"hex":"#8AA4D1","pct":8.2},{"hex":"#5B3D3C","pct":7.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0108.webp","thumb":"assets/thumb/ORG-0108.webp","palette":["#F5F7F4","#D8E1D6","#D39C79","#93ABC7","#606153","#1D191C"],"palette_detail":[{"hex":"#F5F7F4","pct":26.1},{"hex":"#D8E1D6","pct":24.0},{"hex":"#D39C79","pct":18.0},{"hex":"#93ABC7","pct":11.0},{"hex":"#606153","pct":10.9},{"hex":"#1D191C","pct":10.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0107.webp","thumb":"assets/thumb/ORG-0107.webp","palette":["#F9F8F5","#E1DBD3","#D39478","#2B222C","#9DA8CA","#5761BF"],"palette_detail":[{"hex":"#F9F8F5","pct":25.6},{"hex":"#E1DBD3","pct":24.6},{"hex":"#D39478","pct":16.1},{"hex":"#2B222C","pct":14.2},{"hex":"#9DA8CA","pct":13.1},{"hex":"#5761BF","pct":6.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0106.webp","thumb":"assets/thumb/ORG-0106.webp","palette":["#120E17","#241D35","#E3C17C","#BF845F","#8AA4D1","#54483D"],"palette_detail":[{"hex":"#120E17","pct":32.5},{"hex":"#241D35","pct":25.6},{"hex":"#E3C17C","pct":15.8},{"hex":"#BF845F","pct":9.7},{"hex":"#8AA4D1","pct":8.3},{"hex":"#54483D","pct":8.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0109","kind":"image","category":"mobile-app-ui","type":"screen","title":"Card management with freeze toggle","description":"A payment-card management screen. A code-drawn card with gradient, chip, last four digits 4417 and the holder name leads, with page dots for other cards. Below are quick actions (Freeze, Details, Limits, Replace), a monthly spending-limit card with a progress bar at $1,240 of $2,000, and a settings list with toggles for Online payments (on), Contactless (on) and ATM withdrawals (off). Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the card is the hero; every control below changes it, so state is always visible.","roles":["settings","detail"],"style":["card-based","bold-typography"],"tags":["finance","card","toggle","fintech","list-row","progress"],"palette":["#291D16","#0D0C0C","#191614","#EE8551","#362720","#735446"],"palette_detail":[{"hex":"#291D16","pct":33.4},{"hex":"#0D0C0C","pct":22.0},{"hex":"#191614","pct":17.6},{"hex":"#EE8551","pct":12.3},{"hex":"#362720","pct":12.3},{"hex":"#735446","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/card-controls.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0109.webp","thumb":"assets/thumb/ORG-0109.webp","live":"originals/screens/card-controls.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0109.webp","thumb":"assets/thumb/ORG-0109.webp","palette":["#291D16","#0D0C0C","#191614","#EE8551","#362720","#735446"],"palette_detail":[{"hex":"#291D16","pct":33.4},{"hex":"#0D0C0C","pct":22.0},{"hex":"#191614","pct":17.6},{"hex":"#EE8551","pct":12.3},{"hex":"#362720","pct":12.3},{"hex":"#735446","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0112.webp","thumb":"assets/thumb/ORG-0112.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#669A7B","#B5C6B9","#2B3932"],"palette_detail":[{"hex":"#DBE8DE","pct":41.3},{"hex":"#F4F7F4","pct":19.9},{"hex":"#FEFEFE","pct":13.9},{"hex":"#669A7B","pct":12.2},{"hex":"#B5C6B9","pct":7.1},{"hex":"#2B3932","pct":5.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0111.webp","thumb":"assets/thumb/ORG-0111.webp","palette":["#E4E1DC","#F8F7F5","#FEFEFE","#6180EB","#AFB0B6","#2E2E2E"],"palette_detail":[{"hex":"#E4E1DC","pct":42.1},{"hex":"#F8F7F5","pct":20.5},{"hex":"#FEFEFE","pct":14.1},{"hex":"#6180EB","pct":12.0},{"hex":"#AFB0B6","pct":6.4},{"hex":"#2E2E2E","pct":4.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0110.webp","thumb":"assets/thumb/ORG-0110.webp","palette":["#241D37","#0E0C14","#191523","#A8BF94","#676D51","#3B4028"],"palette_detail":[{"hex":"#241D37","pct":41.3},{"hex":"#0E0C14","pct":22.0},{"hex":"#191523","pct":19.9},{"hex":"#A8BF94","pct":12.5},{"hex":"#676D51","pct":2.2},{"hex":"#3B4028","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0113","kind":"image","category":"mobile-app-ui","type":"screen","title":"Delivery tracking with live map","description":"A food-delivery tracking screen. The top half is a code-drawn street map with a dashed route from the restaurant pin to home and a courier marker mid-route. A sheet below shows \"Arriving in 12 min\" with a four-step progress (Confirmed, Preparing, On the way, Delivered) on step three, the courier Marco with rating and call/message buttons, and an itemised order from Kōji Ramen with fees and a $31.40 total. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the map answers \"where\", the sheet answers \"when\" and \"who\" without leaving the screen.","roles":["detail"],"style":["card-based","rounded"],"tags":["delivery","map","tracking","progress","avatar","food"],"palette":["#2A1D17","#0D0C0C","#22201E","#3A2E27","#191614","#A16D54"],"palette_detail":[{"hex":"#2A1D17","pct":34.2},{"hex":"#0D0C0C","pct":24.5},{"hex":"#22201E","pct":19.6},{"hex":"#3A2E27","pct":11.6},{"hex":"#191614","pct":8.3},{"hex":"#A16D54","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/delivery-tracking.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0113.webp","thumb":"assets/thumb/ORG-0113.webp","live":"originals/screens/delivery-tracking.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0113.webp","thumb":"assets/thumb/ORG-0113.webp","palette":["#2A1D17","#0D0C0C","#22201E","#3A2E27","#191614","#A16D54"],"palette_detail":[{"hex":"#2A1D17","pct":34.2},{"hex":"#0D0C0C","pct":24.5},{"hex":"#22201E","pct":19.6},{"hex":"#3A2E27","pct":11.6},{"hex":"#191614","pct":8.3},{"hex":"#A16D54","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0116.webp","thumb":"assets/thumb/ORG-0116.webp","palette":["#DAE6DC","#F7F9F6","#E7F0E9","#BDCAC1","#2B2F2D","#80958A"],"palette_detail":[{"hex":"#DAE6DC","pct":36.0},{"hex":"#F7F9F6","pct":24.4},{"hex":"#E7F0E9","pct":24.4},{"hex":"#BDCAC1","pct":7.6},{"hex":"#2B2F2D","pct":5.1},{"hex":"#80958A","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0115.webp","thumb":"assets/thumb/ORG-0115.webp","palette":["#DFDCD6","#EDEBE5","#FAF9F6","#FEFEFC","#2D2D2D","#979BB4"],"palette_detail":[{"hex":"#DFDCD6","pct":35.3},{"hex":"#EDEBE5","pct":29.9},{"hex":"#FAF9F6","pct":19.5},{"hex":"#FEFEFC","pct":5.4},{"hex":"#2D2D2D","pct":5.0},{"hex":"#979BB4","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0114.webp","thumb":"assets/thumb/ORG-0114.webp","palette":["#231C35","#0E0B14","#342F3F","#1E172C","#17141F","#87925F"],"palette_detail":[{"hex":"#231C35","pct":50.3},{"hex":"#0E0B14","pct":23.9},{"hex":"#342F3F","pct":10.4},{"hex":"#1E172C","pct":6.9},{"hex":"#17141F","pct":6.5},{"hex":"#87925F","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0117","kind":"image","category":"mobile-app-ui","type":"screen","title":"Hotel detail with booking bar","description":"A hotel detail screen. A tall hero image block (code-drawn sunset over rooftops) carries back, share and heart buttons and an image counter. Below: \"Casa do Mar, Lisbon\", a 4.86 rating with 512 reviews, a row of amenity chips (Sea view, Breakfast, Pool, Wi-Fi), a short description, and a \"Select dates\" strip with check-in and check-out. A sticky bar shows \"€184 / night\" with taxes note and a \"Reserve\" button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: imagery sells, facts reassure, the price and one action never scroll away.","roles":["detail","checkout"],"style":["card-based","editorial"],"tags":["travel","booking","hotel","rating","chips","sticky-cta","photo"],"palette":["#2C2019","#0E0D0C","#D48965","#1E1814","#5A453A","#040505"],"palette_detail":[{"hex":"#2C2019","pct":41.9},{"hex":"#0E0D0C","pct":24.6},{"hex":"#D48965","pct":20.7},{"hex":"#1E1814","pct":8.0},{"hex":"#5A453A","pct":3.4},{"hex":"#040505","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/hotel-booking.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0117.webp","thumb":"assets/thumb/ORG-0117.webp","live":"originals/screens/hotel-booking.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0117.webp","thumb":"assets/thumb/ORG-0117.webp","palette":["#2C2019","#0E0D0C","#D48965","#1E1814","#5A453A","#040505"],"palette_detail":[{"hex":"#2C2019","pct":41.9},{"hex":"#0E0D0C","pct":24.6},{"hex":"#D48965","pct":20.7},{"hex":"#1E1814","pct":8.0},{"hex":"#5A453A","pct":3.4},{"hex":"#040505","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0120.webp","thumb":"assets/thumb/ORG-0120.webp","palette":["#DBE8DE","#F3F7F3","#1D392B","#B5CBBC","#6B9D80","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":39.7},{"hex":"#F3F7F3","pct":25.8},{"hex":"#1D392B","pct":12.2},{"hex":"#B5CBBC","pct":9.7},{"hex":"#6B9D80","pct":9.3},{"hex":"#FBFCFA","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0119.webp","thumb":"assets/thumb/ORG-0119.webp","palette":["#E5E2DC","#F7F7F5","#ADB6D0","#4C6CE8","#1D1E24","#FEFDFA"],"palette_detail":[{"hex":"#E5E2DC","pct":41.0},{"hex":"#F7F7F5","pct":25.3},{"hex":"#ADB6D0","pct":11.0},{"hex":"#4C6CE8","pct":9.4},{"hex":"#1D1E24","pct":9.2},{"hex":"#FEFDFA","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0118.webp","thumb":"assets/thumb/ORG-0118.webp","palette":["#251D37","#0F0C16","#ABBD8D","#1D1929","#5B5772","#08070B"],"palette_detail":[{"hex":"#251D37","pct":42.4},{"hex":"#0F0C16","pct":24.6},{"hex":"#ABBD8D","pct":17.2},{"hex":"#1D1929","pct":7.6},{"hex":"#5B5772","pct":5.4},{"hex":"#08070B","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0121","kind":"image","category":"dashboard","type":"screen","title":"Email client with three panes","description":"A three-pane desktop email client. A narrow sidebar lists mailboxes (Inbox 12, Starred, Sent, Drafts, Archive) and labels with colour dots; the middle column shows a search field and eight conversations with avatar, sender, subject, preview and time, the selected one tinted and two unread in bold; the right pane reads the open thread \"Q4 roadmap review\" with sender header, three short paragraphs, a PDF attachment card with a page thumbnail, and a reply composer with a primary Send button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: three panes of decreasing density, one selection driving the reading pane.","roles":["list","detail"],"style":["minimal","data-dense"],"tags":["email","inbox","sidebar","list-row","avatar","desktop"],"palette":["#0E0D0C","#2A1E18","#191614","#3F3833","#0C0B0A","#C96B46"],"palette_detail":[{"hex":"#0E0D0C","pct":45.3},{"hex":"#2A1E18","pct":25.1},{"hex":"#191614","pct":22.0},{"hex":"#3F3833","pct":3.7},{"hex":"#0C0B0A","pct":2.9},{"hex":"#C96B46","pct":0.9}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/mail-desktop.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0121.webp","thumb":"assets/thumb/ORG-0121.webp","live":"originals/screens/mail-desktop.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0121.webp","thumb":"assets/thumb/ORG-0121.webp","palette":["#0E0D0C","#2A1E18","#191614","#3F3833","#0C0B0A","#C96B46"],"palette_detail":[{"hex":"#0E0D0C","pct":45.3},{"hex":"#2A1E18","pct":25.1},{"hex":"#191614","pct":22.0},{"hex":"#3F3833","pct":3.7},{"hex":"#0C0B0A","pct":2.9},{"hex":"#C96B46","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0124.webp","thumb":"assets/thumb/ORG-0124.webp","palette":["#F5F7F4","#DBE6DE","#FFFFFF","#BBC6BE","#F8FAF8","#468D68"],"palette_detail":[{"hex":"#F5F7F4","pct":47.5},{"hex":"#DBE6DE","pct":23.1},{"hex":"#FFFFFF","pct":15.4},{"hex":"#BBC6BE","pct":8.1},{"hex":"#F8FAF8","pct":5.2},{"hex":"#468D68","pct":0.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0123.webp","thumb":"assets/thumb/ORG-0123.webp","palette":["#FAF9F6","#FFFFFF","#E0DDD7","#EAE8E6","#C2C0BD","#4D6EEA"],"palette_detail":[{"hex":"#FAF9F6","pct":51.4},{"hex":"#FFFFFF","pct":16.0},{"hex":"#E0DDD7","pct":14.0},{"hex":"#EAE8E6","pct":11.6},{"hex":"#C2C0BD","pct":6.4},{"hex":"#4D6EEA","pct":0.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0122.webp","thumb":"assets/thumb/ORG-0122.webp","palette":["#0F0C16","#1A1524","#241C35","#3B3745","#0D0A14","#A2B958"],"palette_detail":[{"hex":"#0F0C16","pct":46.0},{"hex":"#1A1524","pct":23.8},{"hex":"#241C35","pct":22.7},{"hex":"#3B3745","pct":3.6},{"hex":"#0D0A14","pct":3.0},{"hex":"#A2B958","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0125","kind":"image","category":"mobile-app-ui","type":"screen","title":"Meditation timer with breathing orb","description":"A meditation session in progress. A large breathing orb sits inside a thin progress ring showing 6:42 of 10:00 remaining, with \"Breathe in\" beneath. Above, the session title \"Evening unwind\" and a chip for the guide. Below, three round controls (restart 15 s, pause, sound) and a row of ambient options (Rain, Forest, Silence) with Rain selected. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: one slow visual and one number; every other control stays small and quiet.","roles":["media","detail"],"style":["minimal","soft"],"tags":["meditation","wellness","timer","progress-ring","sound"],"palette":["#0E0D0C","#291C15","#352720","#1C1512","#F98E5D","#83523C"],"palette_detail":[{"hex":"#0E0D0C","pct":42.1},{"hex":"#291C15","pct":32.7},{"hex":"#352720","pct":12.0},{"hex":"#1C1512","pct":6.1},{"hex":"#F98E5D","pct":5.0},{"hex":"#83523C","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/meditation-timer.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0125.webp","thumb":"assets/thumb/ORG-0125.webp","live":"originals/screens/meditation-timer.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0125.webp","thumb":"assets/thumb/ORG-0125.webp","palette":["#0E0D0C","#291C15","#352720","#1C1512","#F98E5D","#83523C"],"palette_detail":[{"hex":"#0E0D0C","pct":42.1},{"hex":"#291C15","pct":32.7},{"hex":"#352720","pct":12.0},{"hex":"#1C1512","pct":6.1},{"hex":"#F98E5D","pct":5.0},{"hex":"#83523C","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0128.webp","thumb":"assets/thumb/ORG-0128.webp","palette":["#F6F8F5","#D8E6DC","#E3EDE5","#B5C8BC","#2A3832","#6E9B81"],"palette_detail":[{"hex":"#F6F8F5","pct":38.6},{"hex":"#D8E6DC","pct":29.9},{"hex":"#E3EDE5","pct":14.4},{"hex":"#B5C8BC","pct":6.1},{"hex":"#2A3832","pct":5.9},{"hex":"#6E9B81","pct":5.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0127.webp","thumb":"assets/thumb/ORG-0127.webp","palette":["#F9F8F6","#E5E2DB","#2E2D2E","#CED6F7","#5C7CF7","#AEADAB"],"palette_detail":[{"hex":"#F9F8F6","pct":41.0},{"hex":"#E5E2DB","pct":40.0},{"hex":"#2E2D2E","pct":5.1},{"hex":"#CED6F7","pct":5.0},{"hex":"#5C7CF7","pct":4.7},{"hex":"#AEADAB","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0126.webp","thumb":"assets/thumb/ORG-0126.webp","palette":["#241C36","#100D16","#BAD690","#282B1A","#08070A","#6D794D"],"palette_detail":[{"hex":"#241C36","pct":43.4},{"hex":"#100D16","pct":42.0},{"hex":"#BAD690","pct":4.7},{"hex":"#282B1A","pct":4.6},{"hex":"#08070A","pct":3.0},{"hex":"#6D794D","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0129","kind":"image","category":"mobile-app-ui","type":"screen","title":"Chat thread with reactions and composer","description":"A one-to-one chat thread with Ana. The header shows her avatar, name and \"online now\". Messages alternate between incoming bubbles on the surface and outgoing bubbles in the accent, grouped with a \"Today\" separator; one message carries a heart reaction and another includes a shared location card with a mini map. A typing indicator sits above an anchored composer with plus, text field, emoji and send. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: grouping and tails make speakers obvious without names on every bubble.","roles":["chat"],"style":["minimal","rounded"],"tags":["messaging","chat","avatar","input","social"],"palette":["#0D0D0C","#281D17","#322721","#191614","#E7642B","#685951"],"palette_detail":[{"hex":"#0D0D0C","pct":37.6},{"hex":"#281D17","pct":35.3},{"hex":"#322721","pct":12.3},{"hex":"#191614","pct":10.0},{"hex":"#E7642B","pct":2.9},{"hex":"#685951","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/chat-thread.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0129.webp","thumb":"assets/thumb/ORG-0129.webp","live":"originals/screens/chat-thread.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0129.webp","thumb":"assets/thumb/ORG-0129.webp","palette":["#0D0D0C","#281D17","#322721","#191614","#E7642B","#685951"],"palette_detail":[{"hex":"#0D0D0C","pct":37.6},{"hex":"#281D17","pct":35.3},{"hex":"#322721","pct":12.3},{"hex":"#191614","pct":10.0},{"hex":"#E7642B","pct":2.9},{"hex":"#685951","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0132.webp","thumb":"assets/thumb/ORG-0132.webp","palette":["#F6F8F5","#E3EDE5","#D5E2D8","#FDFEFD","#2A4337","#8BA395"],"palette_detail":[{"hex":"#F6F8F5","pct":33.6},{"hex":"#E3EDE5","pct":26.7},{"hex":"#D5E2D8","pct":21.4},{"hex":"#FDFEFD","pct":7.4},{"hex":"#2A4337","pct":6.8},{"hex":"#8BA395","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0131.webp","thumb":"assets/thumb/ORG-0131.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFD","#CAC8C3","#2E2D2E","#5D70D2"],"palette_detail":[{"hex":"#E7E5DE","pct":41.6},{"hex":"#F9F8F5","pct":35.3},{"hex":"#FEFEFD","pct":7.4},{"hex":"#CAC8C3","pct":6.7},{"hex":"#2E2D2E","pct":4.9},{"hex":"#5D70D2","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0130.webp","thumb":"assets/thumb/ORG-0130.webp","palette":["#0E0C15","#201932","#272039","#181421","#B5DC33","#646262"],"palette_detail":[{"hex":"#0E0C15","pct":37.6},{"hex":"#201932","pct":31.1},{"hex":"#272039","pct":17.1},{"hex":"#181421","pct":9.3},{"hex":"#B5DC33","pct":2.8},{"hex":"#646262","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0133","kind":"image","category":"dashboard","type":"screen","title":"Customers table with filters and bulk actions","description":"A desktop customers table. A title row with a count and \"Add customer\" sits above a filter bar (search, Status, Plan, Country dropdowns and a \"Clear\" link). The table has a checkbox column, customer with avatar and email, plan, status pills (Active, Trial, Churned), MRR right-aligned, last seen, and a row menu; three rows are selected, which reveals a bulk-action bar (Export, Email, Archive). Pagination closes the card. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: selection turns the toolbar into actions — the table stays the hero.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","chips","avatar","pagination","desktop","sidebar"],"palette":["#181615","#281B15","#0E0D0C","#332721","#E9E5E0","#735D4D"],"palette_detail":[{"hex":"#181615","pct":34.6},{"hex":"#281B15","pct":31.0},{"hex":"#0E0D0C","pct":19.0},{"hex":"#332721","pct":9.8},{"hex":"#E9E5E0","pct":3.2},{"hex":"#735D4D","pct":2.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/data-table-desktop.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0133.webp","thumb":"assets/thumb/ORG-0133.webp","live":"originals/screens/data-table-desktop.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0133.webp","thumb":"assets/thumb/ORG-0133.webp","palette":["#181615","#281B15","#0E0D0C","#332721","#E9E5E0","#735D4D"],"palette_detail":[{"hex":"#181615","pct":34.6},{"hex":"#281B15","pct":31.0},{"hex":"#0E0D0C","pct":19.0},{"hex":"#332721","pct":9.8},{"hex":"#E9E5E0","pct":3.2},{"hex":"#735D4D","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0136.webp","thumb":"assets/thumb/ORG-0136.webp","palette":["#F1F6F3","#FFFFFF","#DAE6DD","#B4BFB8","#FCFCFB","#1F2F27"],"palette_detail":[{"hex":"#F1F6F3","pct":33.9},{"hex":"#FFFFFF","pct":30.2},{"hex":"#DAE6DD","pct":22.1},{"hex":"#B4BFB8","pct":6.2},{"hex":"#FCFCFB","pct":4.2},{"hex":"#1F2F27","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0135.webp","thumb":"assets/thumb/ORG-0135.webp","palette":["#FFFFFF","#E2E0DA","#F9F8F5","#EEF1FC","#B3B2B8","#1C1C1B"],"palette_detail":[{"hex":"#FFFFFF","pct":33.1},{"hex":"#E2E0DA","pct":22.1},{"hex":"#F9F8F5","pct":19.1},{"hex":"#EEF1FC","pct":16.3},{"hex":"#B3B2B8","pct":6.1},{"hex":"#1C1C1B","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0134.webp","thumb":"assets/thumb/ORG-0134.webp","palette":["#1A1425","#272230","#0F0C16","#E6E3ED","#181320","#6A6E5A"],"palette_detail":[{"hex":"#1A1425","pct":37.4},{"hex":"#272230","pct":35.0},{"hex":"#0F0C16","pct":19.0},{"hex":"#E6E3ED","pct":3.3},{"hex":"#181320","pct":2.8},{"hex":"#6A6E5A","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0137","kind":"image","category":"mobile-app-ui","type":"screen","title":"Map explore with place cards","description":"A map-first explore screen. A floating search bar and a chip row (Coffee selected, Brunch, Bakeries, Open now) sit over a code-drawn city map with price pins; one pin is selected and enlarged. A horizontal carousel of place cards at the bottom shows the selected café with a photo block, name, rating, distance and an \"Open\" tag, with the next card peeking. A \"List\" toggle floats above the cards. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: pins and cards are the same objects — selecting one highlights the other.","roles":["search","list"],"style":["card-based","rounded"],"tags":["map","travel","search","chips","carousel","pin"],"palette":["#29231F","#291C16","#0D0D0C","#1A1615","#684535","#D1CCC7"],"palette_detail":[{"hex":"#29231F","pct":42.0},{"hex":"#291C16","pct":29.2},{"hex":"#0D0D0C","pct":11.7},{"hex":"#1A1615","pct":8.4},{"hex":"#684535","pct":8.0},{"hex":"#D1CCC7","pct":0.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/map-explore.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0137.webp","thumb":"assets/thumb/ORG-0137.webp","live":"originals/screens/map-explore.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0137.webp","thumb":"assets/thumb/ORG-0137.webp","palette":["#29231F","#291C16","#0D0D0C","#1A1615","#684535","#D1CCC7"],"palette_detail":[{"hex":"#29231F","pct":42.0},{"hex":"#291C16","pct":29.2},{"hex":"#0D0D0C","pct":11.7},{"hex":"#1A1615","pct":8.4},{"hex":"#684535","pct":8.0},{"hex":"#D1CCC7","pct":0.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0140.webp","thumb":"assets/thumb/ORG-0140.webp","palette":["#D6E3D9","#E6EFE8","#F6F9F5","#9CB3A4","#EEF4EE","#2B2E2D"],"palette_detail":[{"hex":"#D6E3D9","pct":38.3},{"hex":"#E6EFE8","pct":33.7},{"hex":"#F6F9F5","pct":8.2},{"hex":"#9CB3A4","pct":7.6},{"hex":"#EEF4EE","pct":6.7},{"hex":"#2B2E2D","pct":5.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0139.webp","thumb":"assets/thumb/ORG-0139.webp","palette":["#DFDED9","#EDEBE6","#FBF9F6","#9EAAC7","#2D2C2C","#F3F2EE"],"palette_detail":[{"hex":"#DFDED9","pct":37.1},{"hex":"#EDEBE6","pct":36.4},{"hex":"#FBF9F6","pct":8.2},{"hex":"#9EAAC7","pct":7.4},{"hex":"#2D2C2C","pct":5.6},{"hex":"#F3F2EE","pct":5.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0138.webp","thumb":"assets/thumb/ORG-0138.webp","palette":["#251D36","#0D0B13","#1E182C","#4C4D4F","#15121D","#A2A699"],"palette_detail":[{"hex":"#251D36","pct":64.2},{"hex":"#0D0B13","pct":10.1},{"hex":"#1E182C","pct":9.7},{"hex":"#4C4D4F","pct":8.5},{"hex":"#15121D","pct":6.2},{"hex":"#A2A699","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0141","kind":"image","category":"mobile-app-ui","type":"screen","title":"Payment form with live card preview","description":"A checkout payment screen. An order total \"$42.10\" sits under the title; Apple Pay is offered first as a full-width dark button, then an \"or pay with card\" divider. A live card preview updates from the fields below it (number, name, expiry), followed by inputs for card number with a brand badge, expiry and CVC side by side, and a \"Save card\" toggle. A primary \"Pay $42.10\" button and a lock line with \"Secured by Stripe\" close the screen. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: express pay first, and show the card being built as you type.","roles":["checkout","form"],"style":["card-based","minimal"],"tags":["payment","card","input","form","cta-button","fintech"],"palette":["#2A1D16","#0D0C0C","#F89465","#372821","#191614","#71645D"],"palette_detail":[{"hex":"#2A1D16","pct":32.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#F89465","pct":14.5},{"hex":"#372821","pct":11.9},{"hex":"#191614","pct":9.2},{"hex":"#71645D","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/payment-card-form.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0141.webp","thumb":"assets/thumb/ORG-0141.webp","live":"originals/screens/payment-card-form.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0141.webp","thumb":"assets/thumb/ORG-0141.webp","palette":["#2A1D16","#0D0C0C","#F89465","#372821","#191614","#71645D"],"palette_detail":[{"hex":"#2A1D16","pct":32.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#F89465","pct":14.5},{"hex":"#372821","pct":11.9},{"hex":"#191614","pct":9.2},{"hex":"#71645D","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0144.webp","thumb":"assets/thumb/ORG-0144.webp","palette":["#F8F9F7","#D8E5DB","#E2EDE4","#5B9774","#233C30","#B4C2B7"],"palette_detail":[{"hex":"#F8F9F7","pct":31.5},{"hex":"#D8E5DB","pct":28.5},{"hex":"#E2EDE4","pct":13.6},{"hex":"#5B9774","pct":10.3},{"hex":"#233C30","pct":10.0},{"hex":"#B4C2B7","pct":6.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0143.webp","thumb":"assets/thumb/ORG-0143.webp","palette":["#FBFAF8","#E8E6E0","#DCDAD6","#5072F7","#252525","#A2A09D"],"palette_detail":[{"hex":"#FBFAF8","pct":31.6},{"hex":"#E8E6E0","pct":30.5},{"hex":"#DCDAD6","pct":14.9},{"hex":"#5072F7","pct":11.4},{"hex":"#252525","pct":7.9},{"hex":"#A2A09D","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0142.webp","thumb":"assets/thumb/ORG-0142.webp","palette":["#221A34","#0E0B14","#C1DA94","#2C263C","#1A1722","#5E624E"],"palette_detail":[{"hex":"#221A34","pct":30.4},{"hex":"#0E0B14","pct":30.3},{"hex":"#C1DA94","pct":14.6},{"hex":"#2C263C","pct":12.1},{"hex":"#1A1722","pct":10.4},{"hex":"#5E624E","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0145","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social feed with post actions","description":"A social feed. A header with the wordmark \"Loop\" and an inbox button sits over a row of five story circles, the first being \"Your story\" with a plus. The first post shows the author, time and follow button, a large code-drawn photo (mountain lake at sunrise), an action row (like 1.2k, comment 84, share, save) and a two-line caption with a hashtag; a second post peeks below. A floating tab bar sits at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the content is the interface — chrome stays thin, actions stay in one row.","roles":["feed","home"],"style":["card-based","rounded"],"tags":["social","feed","avatar","photo","stories","bottom-nav"],"palette":["#291D16","#0D0C0B","#354C5E","#372A22","#E2A887","#171413"],"palette_detail":[{"hex":"#291D16","pct":33.0},{"hex":"#0D0C0B","pct":23.7},{"hex":"#354C5E","pct":15.7},{"hex":"#372A22","pct":10.6},{"hex":"#E2A887","pct":9.7},{"hex":"#171413","pct":7.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/social-feed.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0145.webp","thumb":"assets/thumb/ORG-0145.webp","live":"originals/screens/social-feed.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0145.webp","thumb":"assets/thumb/ORG-0145.webp","palette":["#291D16","#0D0C0B","#354C5E","#372A22","#E2A887","#171413"],"palette_detail":[{"hex":"#291D16","pct":33.0},{"hex":"#0D0C0B","pct":23.7},{"hex":"#354C5E","pct":15.7},{"hex":"#372A22","pct":10.6},{"hex":"#E2A887","pct":9.7},{"hex":"#171413","pct":7.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0148.webp","thumb":"assets/thumb/ORG-0148.webp","palette":["#DFEBE2","#F7F9F7","#2F3E4F","#D3DFD6","#EBAD8D","#98A0A1"],"palette_detail":[{"hex":"#DFEBE2","pct":29.6},{"hex":"#F7F9F7","pct":24.0},{"hex":"#2F3E4F","pct":18.1},{"hex":"#D3DFD6","pct":14.6},{"hex":"#EBAD8D","pct":8.0},{"hex":"#98A0A1","pct":5.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0147.webp","thumb":"assets/thumb/ORG-0147.webp","palette":["#E8E5DE","#FBFAF7","#2F3D4F","#D9D6D2","#EBAA89","#9997A8"],"palette_detail":[{"hex":"#E8E5DE","pct":33.9},{"hex":"#FBFAF7","pct":24.1},{"hex":"#2F3D4F","pct":18.0},{"hex":"#D9D6D2","pct":10.6},{"hex":"#EBAA89","pct":8.5},{"hex":"#9997A8","pct":4.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0146.webp","thumb":"assets/thumb/ORG-0146.webp","palette":["#251F39","#0E0C14","#DCAF8F","#343D4C","#1B1627","#485D72"],"palette_detail":[{"hex":"#251F39","pct":38.3},{"hex":"#0E0C14","pct":25.9},{"hex":"#DCAF8F","pct":10.1},{"hex":"#343D4C","pct":10.0},{"hex":"#1B1627","pct":8.9},{"hex":"#485D72","pct":6.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0149","kind":"image","category":"website","type":"screen","title":"Editorial article with reading rail","description":"A desktop editorial article. A slim masthead with the publication name and a subscribe button tops the page. The article has a category tag, a large serif headline \"The quiet interface\", a dek, an author byline with read time, and a wide illustration band; the body runs in a 680px reading column with a drop cap and a pull quote set in italic serif with an accent rule, then the first section, \"The cost of attention\". A left rail shows reading progress and share buttons; a right rail lists \"In this piece\" headings. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: a measured reading column with everything else pushed to the margins.","roles":["detail","media"],"style":["editorial","minimal"],"tags":["article","serif","typography","desktop","reading"],"palette":["#0F0D0C","#2B1F19","#D97947","#49403B","#0C0C0B","#090909"],"palette_detail":[{"hex":"#0F0D0C","pct":56.0},{"hex":"#2B1F19","pct":27.6},{"hex":"#D97947","pct":6.8},{"hex":"#49403B","pct":4.0},{"hex":"#0C0C0B","pct":3.9},{"hex":"#090909","pct":1.6}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/web-article.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0149.webp","thumb":"assets/thumb/ORG-0149.webp","live":"originals/screens/web-article.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0149.webp","thumb":"assets/thumb/ORG-0149.webp","palette":["#0F0D0C","#2B1F19","#D97947","#49403B","#0C0C0B","#090909"],"palette_detail":[{"hex":"#0F0D0C","pct":56.0},{"hex":"#2B1F19","pct":27.6},{"hex":"#D97947","pct":6.8},{"hex":"#49403B","pct":4.0},{"hex":"#0C0C0B","pct":3.9},{"hex":"#090909","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0152.webp","thumb":"assets/thumb/ORG-0152.webp","palette":["#F5F7F4","#DBE6DD","#B5C9BC","#F7F9F6","#69A987","#FAFBF9"],"palette_detail":[{"hex":"#F5F7F4","pct":53.5},{"hex":"#DBE6DD","pct":23.5},{"hex":"#B5C9BC","pct":11.3},{"hex":"#F7F9F6","pct":5.9},{"hex":"#69A987","pct":4.1},{"hex":"#FAFBF9","pct":1.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0151.webp","thumb":"assets/thumb/ORG-0151.webp","palette":["#FAF9F6","#E8E6E1","#D4D4D7","#BEBCB7","#8094F7","#FDFCF8"],"palette_detail":[{"hex":"#FAF9F6","pct":57.6},{"hex":"#E8E6E1","pct":16.9},{"hex":"#D4D4D7","pct":11.3},{"hex":"#BEBCB7","pct":5.7},{"hex":"#8094F7","pct":5.5},{"hex":"#FDFCF8","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0150.webp","thumb":"assets/thumb/ORG-0150.webp","palette":["#0F0C16","#231C33","#91977E","#3E3C43","#0E0B15","#0B0812"],"palette_detail":[{"hex":"#0F0C16","pct":56.0},{"hex":"#231C33","pct":26.9},{"hex":"#91977E","pct":7.0},{"hex":"#3E3C43","pct":4.6},{"hex":"#0E0B15","pct":3.8},{"hex":"#0B0812","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0153","kind":"image","category":"dashboard","type":"screen","title":"Code review with diff and checks","description":"A desktop pull-request review page. The header shows the PR title \"Add semantic diff to replays\", its number, an Open status pill, the branch pair and author. Tabs (Conversation, Commits 4, Checks, Files 6) sit above a two-column layout: a unified diff of one file with line numbers, removed lines tinted red and added lines tinted green, an inline review comment with a reply field, and a second hunk that adds a cache; the right column lists reviewers with approval states, three checks (two passed, one running) and a primary \"Merge\" button disabled until checks finish. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the diff is the hero; status lives in a quiet rail beside it.","roles":["detail","editor"],"style":["data-dense","minimal"],"tags":["developer-tool","code","diff","status","avatar","desktop"],"palette":["#191615","#0E0D0C","#281C15","#1F2520","#342924","#614D40"],"palette_detail":[{"hex":"#191615","pct":32.9},{"hex":"#0E0D0C","pct":25.3},{"hex":"#281C15","pct":16.0},{"hex":"#1F2520","pct":13.0},{"hex":"#342924","pct":10.3},{"hex":"#614D40","pct":2.5}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/dev-pull-request.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0153.webp","thumb":"assets/thumb/ORG-0153.webp","live":"originals/screens/dev-pull-request.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0153.webp","thumb":"assets/thumb/ORG-0153.webp","palette":["#191615","#0E0D0C","#281C15","#1F2520","#342924","#614D40"],"palette_detail":[{"hex":"#191615","pct":32.9},{"hex":"#0E0D0C","pct":25.3},{"hex":"#281C15","pct":16.0},{"hex":"#1F2520","pct":13.0},{"hex":"#342924","pct":10.3},{"hex":"#614D40","pct":2.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0156.webp","thumb":"assets/thumb/ORG-0156.webp","palette":["#F5F7F4","#FFFFFF","#E2EEE6","#CFDBD2","#ACBCB2","#FBFCFB"],"palette_detail":[{"hex":"#F5F7F4","pct":32.3},{"hex":"#FFFFFF","pct":24.6},{"hex":"#E2EEE6","pct":24.1},{"hex":"#CFDBD2","pct":10.5},{"hex":"#ACBCB2","pct":4.9},{"hex":"#FBFCFB","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0155.webp","thumb":"assets/thumb/ORG-0155.webp","palette":["#F8F8F5","#E9EBE4","#FFFFFF","#D8D6D0","#B4B5BC","#FCFCFB"],"palette_detail":[{"hex":"#F8F8F5","pct":31.1},{"hex":"#E9EBE4","pct":24.8},{"hex":"#FFFFFF","pct":24.6},{"hex":"#D8D6D0","pct":10.7},{"hex":"#B4B5BC","pct":5.0},{"hex":"#FCFCFB","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0154.webp","thumb":"assets/thumb/ORG-0154.webp","palette":["#191424","#0F0C16","#231B33","#292A3A","#1D1A2C","#5B614C"],"palette_detail":[{"hex":"#191424","pct":29.9},{"hex":"#0F0C16","pct":25.4},{"hex":"#231B33","pct":18.2},{"hex":"#292A3A","pct":14.0},{"hex":"#1D1A2C","pct":10.0},{"hex":"#5B614C","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0157","kind":"image","category":"website","type":"screen","title":"Conference landing with schedule","description":"A desktop conference landing page. A huge serif headline \"Interface ’27\" with dates and city sits beside a countdown (days, hours, minutes) and a \"Get tickets\" button; a strip of five speaker portraits with names follows. A schedule card on the right lists four talks with times, titles and speakers, one highlighted as \"Now\". A ticket bar at the bottom shows two ticket types with prices. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: date, place and the one action are readable from across the room; the schedule proves it is worth it.","roles":["landing-section","hero"],"style":["bold-typography","editorial"],"tags":["event","landing-page","schedule","countdown","desktop","hero"],"palette":["#0E0D0C","#231A15","#362A24","#0A0A09","#768A91","#BD6B35"],"palette_detail":[{"hex":"#0E0D0C","pct":58.2},{"hex":"#231A15","pct":26.5},{"hex":"#362A24","pct":11.2},{"hex":"#0A0A09","pct":1.7},{"hex":"#768A91","pct":1.6},{"hex":"#BD6B35","pct":0.9}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/event-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0157.webp","thumb":"assets/thumb/ORG-0157.webp","live":"originals/screens/event-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0157.webp","thumb":"assets/thumb/ORG-0157.webp","palette":["#0E0D0C","#231A15","#362A24","#0A0A09","#768A91","#BD6B35"],"palette_detail":[{"hex":"#0E0D0C","pct":58.2},{"hex":"#231A15","pct":26.5},{"hex":"#362A24","pct":11.2},{"hex":"#0A0A09","pct":1.7},{"hex":"#768A91","pct":1.6},{"hex":"#BD6B35","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0160.webp","thumb":"assets/thumb/ORG-0160.webp","palette":["#F6F8F5","#DFEAE2","#CDD9D0","#FFFFFE","#AEB7B2","#578870"],"palette_detail":[{"hex":"#F6F8F5","pct":60.5},{"hex":"#DFEAE2","pct":16.9},{"hex":"#CDD9D0","pct":9.0},{"hex":"#FFFFFE","pct":7.5},{"hex":"#AEB7B2","pct":5.0},{"hex":"#578870","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0159.webp","thumb":"assets/thumb/ORG-0159.webp","palette":["#F9F8F6","#E4E1DB","#FFFFFE","#C2BEBD","#888A70","#4F69F4"],"palette_detail":[{"hex":"#F9F8F6","pct":62.3},{"hex":"#E4E1DB","pct":21.2},{"hex":"#FFFFFE","pct":7.5},{"hex":"#C2BEBD","pct":7.3},{"hex":"#888A70","pct":1.1},{"hex":"#4F69F4","pct":0.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0158.webp","thumb":"assets/thumb/ORG-0158.webp","palette":["#0F0C16","#1D172C","#2C2739","#656860","#0B0813","#AABA81"],"palette_detail":[{"hex":"#0F0C16","pct":57.9},{"hex":"#1D172C","pct":24.9},{"hex":"#2C2739","pct":12.1},{"hex":"#656860","pct":1.9},{"hex":"#0B0813","pct":1.8},{"hex":"#AABA81","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0161","kind":"image","category":"dashboard","type":"screen","title":"File manager with grid and details panel","description":"A desktop file manager. A sidebar lists locations (Home, Shared, Recent, Starred, Trash) and a storage meter at 62%. The main area has a breadcrumb, a search field, a view toggle and an Upload button, then a \"Folders\" row of four folder cards and a \"Files\" grid of eight file tiles with type-coloured previews; one is selected; an \"Activity\" card lists the last three changes. A right panel shows the selected file’s preview, name, size, owner, sharing avatars and actions. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: selection opens a details panel instead of a new page, so browsing never stops.","roles":["list","detail"],"style":["minimal","card-based"],"tags":["files","folders","sidebar","grid","desktop","upload"],"palette":["#1B1715","#0E0D0C","#30241D","#E98B62","#131211","#575E6B"],"palette_detail":[{"hex":"#1B1715","pct":34.7},{"hex":"#0E0D0C","pct":29.6},{"hex":"#30241D","pct":18.9},{"hex":"#E98B62","pct":6.9},{"hex":"#131211","pct":5.9},{"hex":"#575E6B","pct":4.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/file-manager.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0161.webp","thumb":"assets/thumb/ORG-0161.webp","live":"originals/screens/file-manager.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0161.webp","thumb":"assets/thumb/ORG-0161.webp","palette":["#1B1715","#0E0D0C","#30241D","#E98B62","#131211","#575E6B"],"palette_detail":[{"hex":"#1B1715","pct":34.7},{"hex":"#0E0D0C","pct":29.6},{"hex":"#30241D","pct":18.9},{"hex":"#E98B62","pct":6.9},{"hex":"#131211","pct":5.9},{"hex":"#575E6B","pct":4.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0164.webp","thumb":"assets/thumb/ORG-0164.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#A6BCB1","#4C6A5F","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":34.2},{"hex":"#D9E5DC","pct":24.0},{"hex":"#FFFFFF","pct":22.7},{"hex":"#A6BCB1","pct":7.7},{"hex":"#4C6A5F","pct":6.6},{"hex":"#FAFBFA","pct":4.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0163.webp","thumb":"assets/thumb/ORG-0163.webp","palette":["#F9F8F5","#E1DFDA","#FFFFFF","#A2A9D0","#FCFCFB","#505184"],"palette_detail":[{"hex":"#F9F8F5","pct":34.8},{"hex":"#E1DFDA","pct":24.5},{"hex":"#FFFFFF","pct":20.9},{"hex":"#A2A9D0","pct":8.3},{"hex":"#FCFCFB","pct":5.9},{"hex":"#505184","pct":5.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0162.webp","thumb":"assets/thumb/ORG-0162.webp","palette":["#1A1526","#0F0C16","#272137","#B7C191","#645C67","#13101C"],"palette_detail":[{"hex":"#1A1526","pct":30.4},{"hex":"#0F0C16","pct":29.5},{"hex":"#272137","pct":23.5},{"hex":"#B7C191","pct":6.1},{"hex":"#645C67","pct":5.3},{"hex":"#13101C","pct":5.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0165","kind":"image","category":"mobile-app-ui","type":"screen","title":"Podcast library with continue listening","description":"A podcast library home. \"Listen now\" heads a large \"Continue listening\" card with square artwork, episode title, show name, a progress bar at 64% and a play button. Below, a \"New episodes\" list shows four rows with artwork tiles, titles, durations and download buttons, and a mini player sits above the tab bar. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: resume first — the one thing you were doing — then everything new.","roles":["home","media"],"style":["card-based","bold-typography"],"tags":["podcast","audio","carousel","progress","list-row","bottom-nav"],"palette":["#2A1D17","#0D0C0C","#181514","#3C2E28","#BC7A58","#EDE3DA"],"palette_detail":[{"hex":"#2A1D17","pct":36.5},{"hex":"#0D0C0C","pct":34.0},{"hex":"#181514","pct":12.0},{"hex":"#3C2E28","pct":10.7},{"hex":"#BC7A58","pct":3.9},{"hex":"#EDE3DA","pct":2.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/podcast-library.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0165.webp","thumb":"assets/thumb/ORG-0165.webp","live":"originals/screens/podcast-library.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0165.webp","thumb":"assets/thumb/ORG-0165.webp","palette":["#2A1D17","#0D0C0C","#181514","#3C2E28","#BC7A58","#EDE3DA"],"palette_detail":[{"hex":"#2A1D17","pct":36.5},{"hex":"#0D0C0C","pct":34.0},{"hex":"#181514","pct":12.0},{"hex":"#3C2E28","pct":10.7},{"hex":"#BC7A58","pct":3.9},{"hex":"#EDE3DA","pct":2.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0168.webp","thumb":"assets/thumb/ORG-0168.webp","palette":["#DBE8DE","#F5F8F5","#FDFEFD","#262E2A","#B9C8BD","#789685"],"palette_detail":[{"hex":"#DBE8DE","pct":41.0},{"hex":"#F5F8F5","pct":28.3},{"hex":"#FDFEFD","pct":10.4},{"hex":"#262E2A","pct":8.1},{"hex":"#B9C8BD","pct":7.7},{"hex":"#789685","pct":4.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0167.webp","thumb":"assets/thumb/ORG-0167.webp","palette":["#E5E2DC","#FBFBF8","#BDC0CA","#262626","#F3F2F1","#7680B3"],"palette_detail":[{"hex":"#E5E2DC","pct":40.1},{"hex":"#FBFBF8","pct":34.8},{"hex":"#BDC0CA","pct":8.1},{"hex":"#262626","pct":7.8},{"hex":"#F3F2F1","pct":5.0},{"hex":"#7680B3","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0166.webp","thumb":"assets/thumb/ORG-0166.webp","palette":["#221A34","#0E0C15","#181422","#312C3F","#D2D5C5","#73766C"],"palette_detail":[{"hex":"#221A34","pct":34.3},{"hex":"#0E0C15","pct":33.9},{"hex":"#181422","pct":12.6},{"hex":"#312C3F","pct":11.0},{"hex":"#D2D5C5","pct":4.8},{"hex":"#73766C","pct":3.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0169","kind":"image","category":"mobile-app-ui","type":"screen","title":"Recipe detail with servings stepper","description":"A recipe detail screen. A tall hero block shows a code-drawn bowl of pasta on a tinted backdrop with back and save buttons. Below: \"Lemon ricotta pasta\", meta chips (25 min, 520 kcal, Easy), a servings stepper set to 2, an Ingredients / Method segmented control, and an ingredient checklist of five rows with quantities that scale with servings; two items are checked. A sticky \"Start cooking\" button closes the screen. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: quantities live next to a stepper so scaling a recipe is one tap.","roles":["detail"],"style":["editorial","card-based"],"tags":["food","recipe","stepper","checklist","tabs"],"palette":["#281D17","#0F0E0D","#372B25","#5F4738","#EF905F","#080909"],"palette_detail":[{"hex":"#281D17","pct":39.0},{"hex":"#0F0E0D","pct":27.6},{"hex":"#372B25","pct":17.0},{"hex":"#5F4738","pct":8.4},{"hex":"#EF905F","pct":4.1},{"hex":"#080909","pct":4.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/recipe-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0169.webp","thumb":"assets/thumb/ORG-0169.webp","live":"originals/screens/recipe-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0169.webp","thumb":"assets/thumb/ORG-0169.webp","palette":["#281D17","#0F0E0D","#372B25","#5F4738","#EF905F","#080909"],"palette_detail":[{"hex":"#281D17","pct":39.0},{"hex":"#0F0E0D","pct":27.6},{"hex":"#372B25","pct":17.0},{"hex":"#5F4738","pct":8.4},{"hex":"#EF905F","pct":4.1},{"hex":"#080909","pct":4.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0172.webp","thumb":"assets/thumb/ORG-0172.webp","palette":["#DDEADF","#F3F7F3","#274336","#BFC8BC","#FBFCFA","#7A9486"],"palette_detail":[{"hex":"#DDEADF","pct":51.2},{"hex":"#F3F7F3","pct":26.2},{"hex":"#274336","pct":8.0},{"hex":"#BFC8BC","pct":6.8},{"hex":"#FBFCFA","pct":4.6},{"hex":"#7A9486","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0171.webp","thumb":"assets/thumb/ORG-0171.webp","palette":["#E8E6E3","#F9F8F5","#D5D2CB","#2C2C2C","#5569D2","#FEFDFA"],"palette_detail":[{"hex":"#E8E6E3","pct":49.4},{"hex":"#F9F8F5","pct":24.7},{"hex":"#D5D2CB","pct":11.6},{"hex":"#2C2C2C","pct":5.7},{"hex":"#5569D2","pct":4.6},{"hex":"#FEFDFA","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0170.webp","thumb":"assets/thumb/ORG-0170.webp","palette":["#261E39","#100D17","#1E172D","#3F355A","#BED55F","#09070E"],"palette_detail":[{"hex":"#261E39","pct":28.6},{"hex":"#100D17","pct":26.0},{"hex":"#1E172D","pct":24.7},{"hex":"#3F355A","pct":11.5},{"hex":"#BED55F","pct":5.2},{"hex":"#09070E","pct":4.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0173","kind":"image","category":"mobile-app-ui","type":"screen","title":"Video call with participant grid","description":"A group video call. A large speaker tile fills the top with a code-drawn portrait silhouette on a gradient, a name label and a speaking indicator; a picture-in-picture self view sits in the corner. Below, a row of three smaller participant tiles (one muted), then a control bar with mute, camera, share screen, reactions and a red leave button. A timer and \"Design crit\" title sit in the header. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file. Idea: the speaker gets the space, controls stay in one predictable row.","roles":["media"],"style":["minimal","rounded"],"tags":["video","call","avatar","controls","collaboration"],"palette":["#281C16","#0D0C0C","#32251F","#85563E","#191514","#5D3929"],"palette_detail":[{"hex":"#281C16","pct":31.3},{"hex":"#0D0C0C","pct":22.9},{"hex":"#32251F","pct":16.1},{"hex":"#85563E","pct":14.0},{"hex":"#191514","pct":7.8},{"hex":"#5D3929","pct":7.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/video-call.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0173.webp","thumb":"assets/thumb/ORG-0173.webp","live":"originals/screens/video-call.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0173.webp","thumb":"assets/thumb/ORG-0173.webp","palette":["#281C16","#0D0C0C","#32251F","#85563E","#191514","#5D3929"],"palette_detail":[{"hex":"#281C16","pct":31.3},{"hex":"#0D0C0C","pct":22.9},{"hex":"#32251F","pct":16.1},{"hex":"#85563E","pct":14.0},{"hex":"#191514","pct":7.8},{"hex":"#5D3929","pct":7.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0176.webp","thumb":"assets/thumb/ORG-0176.webp","palette":["#DAE8DD","#F4F7F4","#B5CFBD","#859486","#FCFDFC","#2D2F2E"],"palette_detail":[{"hex":"#DAE8DD","pct":44.4},{"hex":"#F4F7F4","pct":20.2},{"hex":"#B5CFBD","pct":17.4},{"hex":"#859486","pct":7.3},{"hex":"#FCFDFC","pct":5.6},{"hex":"#2D2F2E","pct":5.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0175.webp","thumb":"assets/thumb/ORG-0175.webp","palette":["#E3E1DB","#F8F7F5","#B8C7F0","#8C90AA","#FEFEFC","#2E2E2F"],"palette_detail":[{"hex":"#E3E1DB","pct":44.6},{"hex":"#F8F7F5","pct":20.9},{"hex":"#B8C7F0","pct":15.7},{"hex":"#8C90AA","pct":8.1},{"hex":"#FEFEFC","pct":5.6},{"hex":"#2E2E2F","pct":5.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0174.webp","thumb":"assets/thumb/ORG-0174.webp","palette":["#231B35","#0E0B14","#585965","#302B3E","#1D172C","#17141F"],"palette_detail":[{"hex":"#231B35","pct":31.6},{"hex":"#0E0B14","pct":22.8},{"hex":"#585965","pct":20.7},{"hex":"#302B3E","pct":12.9},{"hex":"#1D172C","pct":6.3},{"hex":"#17141F","pct":5.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0177","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto activity feed · Halo","description":"An activity feed in Halo grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"SOL is up 4%\" (Now $187.21) and \"Received 0.25 ETH\" — and read items are plain rows: \"Staking reward\", \"Swap complete\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","crypto","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#382C25","#181413","#211F1D","#A56E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.6},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C25","pct":9.8},{"hex":"#181413","pct":7.8},{"hex":"#211F1D","pct":6.8},{"hex":"#A56E55","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0177.webp","thumb":"assets/thumb/ORG-0177.webp","live":"originals/screens/gen-crypto-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0177.webp","thumb":"assets/thumb/ORG-0177.webp","palette":["#0D0D0C","#2A1D16","#382C25","#181413","#211F1D","#A56E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.6},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C25","pct":9.8},{"hex":"#181413","pct":7.8},{"hex":"#211F1D","pct":6.8},{"hex":"#A56E55","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0180.webp","thumb":"assets/thumb/ORG-0180.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BDC8C0","#2B3430","#7E8C84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.5},{"hex":"#DBE8DE","pct":39.8},{"hex":"#FCFDFC","pct":6.0},{"hex":"#BDC8C0","pct":5.9},{"hex":"#2B3430","pct":5.4},{"hex":"#7E8C84","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0179.webp","thumb":"assets/thumb/ORG-0179.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#7179A2"],"palette_detail":[{"hex":"#FAF9F7","pct":40.4},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.3},{"hex":"#C0BFBF","pct":5.5},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7179A2","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0178.webp","thumb":"assets/thumb/ORG-0178.webp","palette":["#0E0C15","#231C36","#17131F","#363042","#1D172C","#95A463"],"palette_detail":[{"hex":"#0E0C15","pct":40.7},{"hex":"#231C36","pct":39.3},{"hex":"#17131F","pct":6.2},{"hex":"#363042","pct":6.0},{"hex":"#1D172C","pct":5.8},{"hex":"#95A463","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0181","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto review swap · Halo","description":"A confirmation screen in Halo titled \"Review swap\". A summary card lists You pay 250 USDC; You receive 1.33 SOL; Rate 1 SOL = $187.21; Network fee $1.12, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total 1.33 SOL beside the primary button \"Swap now\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","crypto"],"palette":["#291E17","#0D0D0C","#1A1715","#382E29","#161413","#B66948"],"palette_detail":[{"hex":"#291E17","pct":37.6},{"hex":"#0D0D0C","pct":33.5},{"hex":"#1A1715","pct":13.5},{"hex":"#382E29","pct":9.0},{"hex":"#161413","pct":4.5},{"hex":"#B66948","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0181.webp","thumb":"assets/thumb/ORG-0181.webp","live":"originals/screens/gen-crypto-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0181.webp","thumb":"assets/thumb/ORG-0181.webp","palette":["#291E17","#0D0D0C","#1A1715","#382E29","#161413","#B66948"],"palette_detail":[{"hex":"#291E17","pct":37.6},{"hex":"#0D0D0C","pct":33.5},{"hex":"#1A1715","pct":13.5},{"hex":"#382E29","pct":9.0},{"hex":"#161413","pct":4.5},{"hex":"#B66948","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0184.webp","thumb":"assets/thumb/ORG-0184.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3631","#84938B"],"palette_detail":[{"hex":"#DBE8DE","pct":38.6},{"hex":"#F4F7F4","pct":33.5},{"hex":"#FEFEFE","pct":14.3},{"hex":"#BFC9C1","pct":5.8},{"hex":"#2A3631","pct":5.6},{"hex":"#84938B","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0183.webp","thumb":"assets/thumb/ORG-0183.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BF","#2D2D2D","#6F79B2"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.4},{"hex":"#FEFEFE","pct":14.4},{"hex":"#C5C3BF","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6F79B2","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0182.webp","thumb":"assets/thumb/ORG-0182.webp","palette":["#231B35","#0E0C15","#1A1525","#363045","#15121C","#9CB350"],"palette_detail":[{"hex":"#231B35","pct":40.0},{"hex":"#0E0C15","pct":33.2},{"hex":"#1A1525","pct":15.3},{"hex":"#363045","pct":6.0},{"hex":"#15121C","pct":3.6},{"hex":"#9CB350","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0185","kind":"image","category":"dashboard","type":"screen","title":"Crypto desktop dashboard · Halo","description":"A desktop dashboard for Halo (crypto). A sidebar lists Overview, Reports, Assets, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (BTC $75,158, ETH $3,123, SOL $187, Staked $1,320), a bar chart of portfolio · 7 days and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","crypto"],"palette":["#181615","#251C17","#0F0E0D","#332721","#ED6429","#615D5A"],"palette_detail":[{"hex":"#181615","pct":52.3},{"hex":"#251C17","pct":23.8},{"hex":"#0F0E0D","pct":12.7},{"hex":"#332721","pct":8.7},{"hex":"#ED6429","pct":1.4},{"hex":"#615D5A","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0185.webp","thumb":"assets/thumb/ORG-0185.webp","live":"originals/screens/gen-crypto-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0185.webp","thumb":"assets/thumb/ORG-0185.webp","palette":["#181615","#251C17","#0F0E0D","#332721","#ED6429","#615D5A"],"palette_detail":[{"hex":"#181615","pct":52.3},{"hex":"#251C17","pct":23.8},{"hex":"#0F0E0D","pct":12.7},{"hex":"#332721","pct":8.7},{"hex":"#ED6429","pct":1.4},{"hex":"#615D5A","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0188.webp","thumb":"assets/thumb/ORG-0188.webp","palette":["#FFFFFF","#F6F8F5","#E7F0E9","#D6E2D9","#B4BFB7","#2A7F55"],"palette_detail":[{"hex":"#FFFFFF","pct":49.0},{"hex":"#F6F8F5","pct":16.8},{"hex":"#E7F0E9","pct":14.2},{"hex":"#D6E2D9","pct":13.6},{"hex":"#B4BFB7","pct":5.1},{"hex":"#2A7F55","pct":1.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0187.webp","thumb":"assets/thumb/ORG-0187.webp","palette":["#FFFFFF","#F9F9F6","#EEEDE7","#E0DDD6","#BAB9B7","#3351F3"],"palette_detail":[{"hex":"#FFFFFF","pct":47.8},{"hex":"#F9F9F6","pct":17.7},{"hex":"#EEEDE7","pct":14.2},{"hex":"#E0DDD6","pct":13.8},{"hex":"#BAB9B7","pct":5.2},{"hex":"#3351F3","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0186.webp","thumb":"assets/thumb/ORG-0186.webp","palette":["#191424","#211A32","#100D17","#2D263E","#C0EC31","#666664"],"palette_detail":[{"hex":"#191424","pct":53.6},{"hex":"#211A32","pct":22.9},{"hex":"#100D17","pct":12.8},{"hex":"#2D263E","pct":8.3},{"hex":"#C0EC31","pct":1.2},{"hex":"#666664","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0189","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto asset detail · Halo","description":"A detail screen in Halo for \"Solana\" (SOL · Rank #5). An illustrated header carries back and save buttons; below sit the title, the value \"$187.21\", a 2×2 fact grid (Your SOL: 6.2; Market cap: $88B; 24h volume: $3.1B; All-time high: $260), a short paragraph, two \"Related\" rows and a sticky action \"Swap now\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","crypto"],"palette":["#291D17","#0D0C0C","#372B25","#82543D","#C26F49","#1B1613"],"palette_detail":[{"hex":"#291D17","pct":38.0},{"hex":"#0D0C0C","pct":22.5},{"hex":"#372B25","pct":11.6},{"hex":"#82543D","pct":11.2},{"hex":"#C26F49","pct":9.0},{"hex":"#1B1613","pct":7.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0189.webp","thumb":"assets/thumb/ORG-0189.webp","live":"originals/screens/gen-crypto-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0189.webp","thumb":"assets/thumb/ORG-0189.webp","palette":["#291D17","#0D0C0C","#372B25","#82543D","#C26F49","#1B1613"],"palette_detail":[{"hex":"#291D17","pct":38.0},{"hex":"#0D0C0C","pct":22.5},{"hex":"#372B25","pct":11.6},{"hex":"#82543D","pct":11.2},{"hex":"#C26F49","pct":9.0},{"hex":"#1B1613","pct":7.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0192.webp","thumb":"assets/thumb/ORG-0192.webp","palette":["#D6E5DA","#F6F8F5","#E5EFE7","#B2CABA","#264134","#69987F"],"palette_detail":[{"hex":"#D6E5DA","pct":35.5},{"hex":"#F6F8F5","pct":21.3},{"hex":"#E5EFE7","pct":18.3},{"hex":"#B2CABA","pct":12.4},{"hex":"#264134","pct":6.8},{"hex":"#69987F","pct":5.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0191.webp","thumb":"assets/thumb/ORG-0191.webp","palette":["#DDDDDE","#FAF9F6","#ECEAE4","#AEB8D2","#546DEA","#2E2E30"],"palette_detail":[{"hex":"#DDDDDE","pct":34.3},{"hex":"#FAF9F6","pct":21.7},{"hex":"#ECEAE4","pct":21.3},{"hex":"#AEB8D2","pct":11.5},{"hex":"#546DEA","pct":6.1},{"hex":"#2E2E30","pct":5.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0190.webp","thumb":"assets/thumb/ORG-0190.webp","palette":["#211A33","#0E0B14","#636476","#2D273E","#18151F","#9FBB4D"],"palette_detail":[{"hex":"#211A33","pct":37.9},{"hex":"#0E0B14","pct":22.6},{"hex":"#636476","pct":14.5},{"hex":"#2D273E","pct":12.9},{"hex":"#18151F","pct":6.3},{"hex":"#9FBB4D","pct":5.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0193","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto empty state · Halo","description":"An empty state in Halo: a ghosted stack of cards with an accent badge, the line \"No watchlist yet\", the explanation \"Star any asset to follow its price and get alerts on big moves.\" and a single button \"Browse markets\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","crypto","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382C26","#161413","#241913","#DB6837"],"palette_detail":[{"hex":"#0D0D0C","pct":45.2},{"hex":"#2A1E17","pct":30.2},{"hex":"#382C26","pct":8.9},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#DB6837","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0193.webp","thumb":"assets/thumb/ORG-0193.webp","live":"originals/screens/gen-crypto-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0193.webp","thumb":"assets/thumb/ORG-0193.webp","palette":["#0D0D0C","#2A1E17","#382C26","#161413","#241913","#DB6837"],"palette_detail":[{"hex":"#0D0D0C","pct":45.2},{"hex":"#2A1E17","pct":30.2},{"hex":"#382C26","pct":8.9},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#DB6837","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0196.webp","thumb":"assets/thumb/ORG-0196.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2C9","#2A3F35","#86958C"],"palette_detail":[{"hex":"#F6F8F5","pct":39.5},{"hex":"#DCE9DF","pct":37.2},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C7D2C9","pct":6.7},{"hex":"#2A3F35","pct":6.4},{"hex":"#86958C","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0195.webp","thumb":"assets/thumb/ORG-0195.webp","palette":["#FBFAF7","#E5E2DB","#ECEAE5","#CAC8C5","#2D2D2D","#5C6CC1"],"palette_detail":[{"hex":"#FBFAF7","pct":47.0},{"hex":"#E5E2DB","pct":30.4},{"hex":"#ECEAE5","pct":8.6},{"hex":"#CAC8C5","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5C6CC1","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0194.webp","thumb":"assets/thumb/ORG-0194.webp","palette":["#0E0C15","#231B36","#161320","#353043","#1E172C","#B4D93F"],"palette_detail":[{"hex":"#0E0C15","pct":45.2},{"hex":"#231B36","pct":33.9},{"hex":"#161320","pct":8.5},{"hex":"#353043","pct":5.5},{"hex":"#1E172C","pct":4.8},{"hex":"#B4D93F","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0197","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto home · Halo","description":"A visual home for Halo (crypto). A scrolling chip row (All, Tokens, DeFi, NFTs) leads to a large illustrated feature card, then \"Portfolio: $8,500.90\" with an Open button and \"▲ 1.46% today\", and three list rows above the tab bar. Idea: one featured item carries the mood, the list carries the work. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["chips","card","illustration","bottom-nav","crypto"],"palette":["#0D0C0B","#291D16","#8B5D45","#352923","#191513","#11100F"],"palette_detail":[{"hex":"#0D0C0B","pct":33.2},{"hex":"#291D16","pct":32.8},{"hex":"#8B5D45","pct":12.0},{"hex":"#352923","pct":11.6},{"hex":"#191513","pct":7.5},{"hex":"#11100F","pct":3.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0197.webp","thumb":"assets/thumb/ORG-0197.webp","live":"originals/screens/gen-crypto-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0197.webp","thumb":"assets/thumb/ORG-0197.webp","palette":["#0D0C0B","#291D16","#8B5D45","#352923","#191513","#11100F"],"palette_detail":[{"hex":"#0D0C0B","pct":33.2},{"hex":"#291D16","pct":32.8},{"hex":"#8B5D45","pct":12.0},{"hex":"#352923","pct":11.6},{"hex":"#191513","pct":7.5},{"hex":"#11100F","pct":3.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0200.webp","thumb":"assets/thumb/ORG-0200.webp","palette":["#DDEAE0","#F5F8F4","#CADBCF","#A4BCAC","#2D3331","#FDFEFC"],"palette_detail":[{"hex":"#DDEAE0","pct":36.1},{"hex":"#F5F8F4","pct":31.5},{"hex":"#CADBCF","pct":12.3},{"hex":"#A4BCAC","pct":9.4},{"hex":"#2D3331","pct":5.4},{"hex":"#FDFEFC","pct":5.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0199.webp","thumb":"assets/thumb/ORG-0199.webp","palette":["#E6E4DC","#FBFAF7","#D0D2DB","#A5B1D5","#313131","#F1F0EF"],"palette_detail":[{"hex":"#E6E4DC","pct":35.5},{"hex":"#FBFAF7","pct":34.2},{"hex":"#D0D2DB","pct":11.1},{"hex":"#A5B1D5","pct":8.9},{"hex":"#313131","pct":5.2},{"hex":"#F1F0EF","pct":5.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0198.webp","thumb":"assets/thumb/ORG-0198.webp","palette":["#0E0B15","#221A34","#676A75","#2E273F","#1A1526","#15121C"],"palette_detail":[{"hex":"#0E0B15","pct":34.5},{"hex":"#221A34","pct":32.0},{"hex":"#676A75","pct":12.1},{"hex":"#2E273F","pct":10.9},{"hex":"#1A1526","pct":5.9},{"hex":"#15121C","pct":4.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0201","kind":"image","category":"website","type":"screen","title":"Crypto landing hero · Halo","description":"A desktop landing hero for Halo. A slim nav with \"Get Halo\" sits over a two-column hero: an eyebrow pill (\"SOL is up 4%\"), the headline \"Own your money, simply.\", \"Buy, send and earn with one wallet that explains every fee before you tap.\", primary \"Create wallet\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","crypto"],"palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#AC6242"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":20.8},{"hex":"#372923","pct":16.1},{"hex":"#191614","pct":8.1},{"hex":"#0C0B0B","pct":2.8},{"hex":"#AC6242","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0201.webp","thumb":"assets/thumb/ORG-0201.webp","live":"originals/screens/gen-crypto-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0201.webp","thumb":"assets/thumb/ORG-0201.webp","palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#AC6242"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":20.8},{"hex":"#372923","pct":16.1},{"hex":"#191614","pct":8.1},{"hex":"#0C0B0B","pct":2.8},{"hex":"#AC6242","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0204.webp","thumb":"assets/thumb/ORG-0204.webp","palette":["#F5F7F4","#DAE7DD","#BAC6BD","#F8F9F7","#FEFEFE","#5D7C6C"],"palette_detail":[{"hex":"#F5F7F4","pct":50.0},{"hex":"#DAE7DD","pct":30.2},{"hex":"#BAC6BD","pct":7.9},{"hex":"#F8F9F7","pct":5.1},{"hex":"#FEFEFE","pct":4.2},{"hex":"#5D7C6C","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0203.webp","thumb":"assets/thumb/ORG-0203.webp","palette":["#FAF9F6","#E8E7E5","#D9DADA","#BBBABA","#FEFEFD","#5F6BA7"],"palette_detail":[{"hex":"#FAF9F6","pct":54.2},{"hex":"#E8E7E5","pct":20.7},{"hex":"#D9DADA","pct":13.1},{"hex":"#BBBABA","pct":6.1},{"hex":"#FEFEFD","pct":4.1},{"hex":"#5F6BA7","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0202.webp","thumb":"assets/thumb/ORG-0202.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#98A962","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":51.1},{"hex":"#201930","pct":25.0},{"hex":"#302C3C","pct":17.7},{"hex":"#0D0B14","pct":2.9},{"hex":"#98A962","pct":2.2},{"hex":"#090612","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0205","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto asset list · Halo","description":"A two-column card grid of assets in Halo. A chip row with \"Tokens\" selected sits above six cards, each an illustrated tile with a title and value: Bitcoin, Ethereum, Solana, Chainlink, Aave USDC, US Dollar. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","crypto"],"palette":["#2A1D16","#0D0C0B","#915B40","#3A2B23","#A77B64","#1B1613"],"palette_detail":[{"hex":"#2A1D16","pct":33.3},{"hex":"#0D0C0B","pct":28.9},{"hex":"#915B40","pct":13.7},{"hex":"#3A2B23","pct":10.4},{"hex":"#A77B64","pct":7.2},{"hex":"#1B1613","pct":6.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0205.webp","thumb":"assets/thumb/ORG-0205.webp","live":"originals/screens/gen-crypto-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0205.webp","thumb":"assets/thumb/ORG-0205.webp","palette":["#2A1D16","#0D0C0B","#915B40","#3A2B23","#A77B64","#1B1613"],"palette_detail":[{"hex":"#2A1D16","pct":33.3},{"hex":"#0D0C0B","pct":28.9},{"hex":"#915B40","pct":13.7},{"hex":"#3A2B23","pct":10.4},{"hex":"#A77B64","pct":7.2},{"hex":"#1B1613","pct":6.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0208.webp","thumb":"assets/thumb/ORG-0208.webp","palette":["#DDEADF","#F6F8F5","#ADCAB6","#CADDD0","#2C2D2D","#7E9988"],"palette_detail":[{"hex":"#DDEADF","pct":36.1},{"hex":"#F6F8F5","pct":27.8},{"hex":"#ADCAB6","pct":13.8},{"hex":"#CADDD0","pct":12.7},{"hex":"#2C2D2D","pct":5.1},{"hex":"#7E9988","pct":4.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0207.webp","thumb":"assets/thumb/ORG-0207.webp","palette":["#E5E2DD","#FAF9F6","#B1C3F6","#2D2D2D","#C5C2BD","#7D87AA"],"palette_detail":[{"hex":"#E5E2DD","pct":40.7},{"hex":"#FAF9F6","pct":28.3},{"hex":"#B1C3F6","pct":17.3},{"hex":"#2D2D2D","pct":5.1},{"hex":"#C5C2BD","pct":5.1},{"hex":"#7D87AA","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0206.webp","thumb":"assets/thumb/ORG-0206.webp","palette":["#221A34","#0E0B14","#676A7A","#302B40","#878F89","#181521"],"palette_detail":[{"hex":"#221A34","pct":33.8},{"hex":"#0E0B14","pct":28.6},{"hex":"#676A7A","pct":13.8},{"hex":"#302B40","pct":10.5},{"hex":"#878F89","pct":7.3},{"hex":"#181521","pct":6.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0209","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto welcome · Halo","description":"The first onboarding step of Halo. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Own your money, simply.\", followed by \"Buy, send and earn with one wallet that explains every fee before you tap.\" and a full-width primary button \"Create wallet\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","crypto"],"palette":["#2A1D17","#AF6D4D","#0E0D0C","#3A2C25","#1C1512","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":33.1},{"hex":"#AF6D4D","pct":23.4},{"hex":"#0E0D0C","pct":22.1},{"hex":"#3A2C25","pct":10.1},{"hex":"#1C1512","pct":6.6},{"hex":"#080909","pct":4.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0209.webp","thumb":"assets/thumb/ORG-0209.webp","live":"originals/screens/gen-crypto-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0209.webp","thumb":"assets/thumb/ORG-0209.webp","palette":["#2A1D17","#AF6D4D","#0E0D0C","#3A2C25","#1C1512","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":33.1},{"hex":"#AF6D4D","pct":23.4},{"hex":"#0E0D0C","pct":22.1},{"hex":"#3A2C25","pct":10.1},{"hex":"#1C1512","pct":6.6},{"hex":"#080909","pct":4.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0212.webp","thumb":"assets/thumb/ORG-0212.webp","palette":["#DBE8DE","#F5F7F4","#BBD3C3","#91B59E","#294738","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":40.2},{"hex":"#F5F7F4","pct":21.4},{"hex":"#BBD3C3","pct":15.5},{"hex":"#91B59E","pct":11.0},{"hex":"#294738","pct":7.5},{"hex":"#FBFCFA","pct":4.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0211.webp","thumb":"assets/thumb/ORG-0211.webp","palette":["#E2DFD8","#F8F7F6","#B7C7F7","#768EE3","#2F2E2E","#FEFDFA"],"palette_detail":[{"hex":"#E2DFD8","pct":43.6},{"hex":"#F8F7F6","pct":22.2},{"hex":"#B7C7F7","pct":16.5},{"hex":"#768EE3","pct":7.8},{"hex":"#2F2E2E","pct":5.0},{"hex":"#FEFDFA","pct":4.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0210.webp","thumb":"assets/thumb/ORG-0210.webp","palette":["#221A34","#84907A","#0F0C15","#302B3F","#181520","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.8},{"hex":"#84907A","pct":23.8},{"hex":"#0F0C15","pct":23.7},{"hex":"#302B3F","pct":10.6},{"hex":"#181520","pct":6.1},{"hex":"#08070A","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0213","kind":"image","category":"website","type":"screen","title":"Crypto pricing · Halo","description":"A desktop pricing section for Halo with a Monthly/Yearly toggle and \"2 months free\". Three plans — Wallet $0 (Send & receive, Swap, Staking); Plus $5 (Lower fees, Tax report, Priority support); Pro $20 (Advanced orders, API keys, Multi-sig) — with Plus anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","crypto"],"palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#55463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.6},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#55463F","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0213.webp","thumb":"assets/thumb/ORG-0213.webp","live":"originals/screens/gen-crypto-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0213.webp","thumb":"assets/thumb/ORG-0213.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#55463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.6},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#55463F","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0216.webp","thumb":"assets/thumb/ORG-0216.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AEBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2B7D54","pct":6.5},{"hex":"#AEBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0215.webp","thumb":"assets/thumb/ORG-0215.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3452EF","#B9B8B6","#CFD5F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFFFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#B9B8B6","pct":5.7},{"hex":"#CFD5F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0214.webp","thumb":"assets/thumb/ORG-0214.webp","palette":["#0F0C16","#241C36","#1A1523","#BBE23A","#454447","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":49.0},{"hex":"#241C36","pct":21.4},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE23A","pct":6.6},{"hex":"#454447","pct":3.0},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0217","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto profile · Halo","description":"A profile screen in Halo for Maya Lin (maya.eth · Verified). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 6 Assets, $8.5k Value, 3.8% APY — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","crypto","bottom-nav"],"palette":["#291E17","#0D0C0C","#1A1715","#3A2D27","#151312","#CC7E57"],"palette_detail":[{"hex":"#291E17","pct":37.6},{"hex":"#0D0C0C","pct":31.7},{"hex":"#1A1715","pct":13.0},{"hex":"#3A2D27","pct":9.0},{"hex":"#151312","pct":6.5},{"hex":"#CC7E57","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0217.webp","thumb":"assets/thumb/ORG-0217.webp","live":"originals/screens/gen-crypto-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0217.webp","thumb":"assets/thumb/ORG-0217.webp","palette":["#291E17","#0D0C0C","#1A1715","#3A2D27","#151312","#CC7E57"],"palette_detail":[{"hex":"#291E17","pct":37.6},{"hex":"#0D0C0C","pct":31.7},{"hex":"#1A1715","pct":13.0},{"hex":"#3A2D27","pct":9.0},{"hex":"#151312","pct":6.5},{"hex":"#CC7E57","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0220.webp","thumb":"assets/thumb/ORG-0220.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#88A092"],"palette_detail":[{"hex":"#DFEBE1","pct":35.6},{"hex":"#F6F8F5","pct":31.0},{"hex":"#FEFFFE","pct":13.4},{"hex":"#CFDBD2","pct":11.3},{"hex":"#2B322F","pct":5.2},{"hex":"#88A092","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0219.webp","thumb":"assets/thumb/ORG-0219.webp","palette":["#E7E5DE","#F9F8F5","#FFFEFE","#D0CFCC","#2D2D2D","#7C85B5"],"palette_detail":[{"hex":"#E7E5DE","pct":39.0},{"hex":"#F9F8F5","pct":29.2},{"hex":"#FFFEFE","pct":15.1},{"hex":"#D0CFCC","pct":8.5},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7C85B5","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0218.webp","thumb":"assets/thumb/ORG-0218.webp","palette":["#221B35","#0E0B15","#191425","#322C40","#15121C","#9AA477"],"palette_detail":[{"hex":"#221B35","pct":36.5},{"hex":"#0E0B15","pct":31.9},{"hex":"#191425","pct":15.1},{"hex":"#322C40","pct":9.6},{"hex":"#15121C","pct":4.6},{"hex":"#9AA477","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0221","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto search · Halo","description":"A search screen in Halo: a focused field with a clear button, a chip row (All, Tokens, DeFi, NFTs), recent searches as pills, \"Top results\" — Bitcoin, Ethereum, Solana, Chainlink — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","crypto"],"palette":["#0E0D0C","#291D17","#372A24","#191614","#080808","#797673"],"palette_detail":[{"hex":"#0E0D0C","pct":40.9},{"hex":"#291D17","pct":34.8},{"hex":"#372A24","pct":11.4},{"hex":"#191614","pct":7.3},{"hex":"#080808","pct":3.8},{"hex":"#797673","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0221.webp","thumb":"assets/thumb/ORG-0221.webp","live":"originals/screens/gen-crypto-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0221.webp","thumb":"assets/thumb/ORG-0221.webp","palette":["#0E0D0C","#291D17","#372A24","#191614","#080808","#797673"],"palette_detail":[{"hex":"#0E0D0C","pct":40.9},{"hex":"#291D17","pct":34.8},{"hex":"#372A24","pct":11.4},{"hex":"#191614","pct":7.3},{"hex":"#080808","pct":3.8},{"hex":"#797673","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0224.webp","thumb":"assets/thumb/ORG-0224.webp","palette":["#F5F8F5","#DEEAE1","#D0DCD3","#2C2E2E","#FDFEFC","#9CA49E"],"palette_detail":[{"hex":"#F5F8F5","pct":40.8},{"hex":"#DEEAE1","pct":34.4},{"hex":"#D0DCD3","pct":11.0},{"hex":"#2C2E2E","pct":5.1},{"hex":"#FDFEFC","pct":4.9},{"hex":"#9CA49E","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0223.webp","thumb":"assets/thumb/ORG-0223.webp","palette":["#F9F8F5","#E8E5DE","#D9D7D3","#FEFEFC","#2E2D2D","#A09F9C"],"palette_detail":[{"hex":"#F9F8F5","pct":39.9},{"hex":"#E8E5DE","pct":34.7},{"hex":"#D9D7D3","pct":11.0},{"hex":"#FEFEFC","pct":5.4},{"hex":"#2E2D2D","pct":5.1},{"hex":"#A09F9C","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0222.webp","thumb":"assets/thumb/ORG-0222.webp","palette":["#261F37","#100D17","#1D172A","#0D0B13","#08070A","#75717E"],"palette_detail":[{"hex":"#261F37","pct":40.4},{"hex":"#100D17","pct":39.5},{"hex":"#1D172A","pct":10.6},{"hex":"#0D0B13","pct":4.6},{"hex":"#08070A","pct":2.8},{"hex":"#75717E","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0225","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto settings · Halo","description":"Settings for Halo. An account row leads; grouped cards follow — Security: Face ID (on), Hide balances (off), Transaction signing (on); Alerts: Price moves > 5% (on), Incoming funds (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","crypto"],"palette":["#281C16","#0D0D0C","#181615","#31251E","#5D524D","#E79D7A"],"palette_detail":[{"hex":"#281C16","pct":31.9},{"hex":"#0D0D0C","pct":31.6},{"hex":"#181615","pct":20.7},{"hex":"#31251E","pct":13.0},{"hex":"#5D524D","pct":1.9},{"hex":"#E79D7A","pct":0.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0225.webp","thumb":"assets/thumb/ORG-0225.webp","live":"originals/screens/gen-crypto-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0225.webp","thumb":"assets/thumb/ORG-0225.webp","palette":["#281C16","#0D0D0C","#181615","#31251E","#5D524D","#E79D7A"],"palette_detail":[{"hex":"#281C16","pct":31.9},{"hex":"#0D0D0C","pct":31.6},{"hex":"#181615","pct":20.7},{"hex":"#31251E","pct":13.0},{"hex":"#5D524D","pct":1.9},{"hex":"#E79D7A","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0228.webp","thumb":"assets/thumb/ORG-0228.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFF","#2C322F","#9EAAA2"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E2EDE4","pct":23.7},{"hex":"#D6E3D9","pct":20.5},{"hex":"#FFFFFF","pct":17.1},{"hex":"#2C322F","pct":5.2},{"hex":"#9EAAA2","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0227.webp","thumb":"assets/thumb/ORG-0227.webp","palette":["#E8E6DF","#F9F8F6","#FEFEFE","#DBD8D2","#2D2D2D","#9699AE"],"palette_detail":[{"hex":"#E8E6DF","pct":33.8},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":19.0},{"hex":"#DBD8D2","pct":11.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9699AE","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0226.webp","thumb":"assets/thumb/ORG-0226.webp","palette":["#251D37","#0E0C15","#181423","#1E172D","#555358","#C3D38B"],"palette_detail":[{"hex":"#251D37","pct":38.6},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":19.4},{"hex":"#1E172D","pct":7.5},{"hex":"#555358","pct":2.0},{"hex":"#C3D38B","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0229","kind":"image","category":"dashboard","type":"screen","title":"Crypto asset table · Halo","description":"A desktop table of assets in Halo. A title row with Export and \"New asset\", a strip of four KPI tiles, a search field and filter dropdowns (Tokens, DeFi, NFTs) sit above a table with name, details, status (Held / Staked) and value columns — Bitcoin, Ethereum, Solana, Chainlink, Aave USDC, US Dollar. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","crypto"],"palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#74584C"],"palette_detail":[{"hex":"#191615","pct":41.3},{"hex":"#0E0D0C","pct":28.7},{"hex":"#2D211B","pct":21.6},{"hex":"#141312","pct":4.0},{"hex":"#100F0E","pct":2.9},{"hex":"#74584C","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0229.webp","thumb":"assets/thumb/ORG-0229.webp","live":"originals/screens/gen-crypto-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0229.webp","thumb":"assets/thumb/ORG-0229.webp","palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#74584C"],"palette_detail":[{"hex":"#191615","pct":41.3},{"hex":"#0E0D0C","pct":28.7},{"hex":"#2D211B","pct":21.6},{"hex":"#141312","pct":4.0},{"hex":"#100F0E","pct":2.9},{"hex":"#74584C","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0232.webp","thumb":"assets/thumb/ORG-0232.webp","palette":["#F6F8F5","#FFFFFF","#DFEAE1","#CBD7CE","#FDFDFD","#A5B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":35.8},{"hex":"#FFFFFF","pct":30.6},{"hex":"#DFEAE1","pct":15.9},{"hex":"#CBD7CE","pct":8.0},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A5B4AA","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0231.webp","thumb":"assets/thumb/ORG-0231.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D6D4CE","#B1B1B6"],"palette_detail":[{"hex":"#F9F8F6","pct":35.9},{"hex":"#FFFFFF","pct":25.5},{"hex":"#E8E5DF","pct":15.1},{"hex":"#FDFDFD","pct":11.4},{"hex":"#D6D4CE","pct":8.0},{"hex":"#B1B1B6","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0230.webp","thumb":"assets/thumb/ORG-0230.webp","palette":["#1A1425","#0F0C16","#271F38","#15111F","#110E18","#6F755A"],"palette_detail":[{"hex":"#1A1425","pct":42.2},{"hex":"#0F0C16","pct":28.1},{"hex":"#271F38","pct":20.9},{"hex":"#15111F","pct":3.9},{"hex":"#110E18","pct":3.6},{"hex":"#6F755A","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0233","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets activity feed · Gather","description":"An activity feed in Gather grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Tickets on sale\" (Oslo Drift · €28) and \"Kenji is going\" — and read items are plain rows: \"Doors open in 1 hour\", \"Price drop\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","events","tickets","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181413","#221F1D","#A96E53"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.8},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.8},{"hex":"#A96E53","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0233.webp","thumb":"assets/thumb/ORG-0233.webp","live":"originals/screens/gen-events-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0233.webp","thumb":"assets/thumb/ORG-0233.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181413","#221F1D","#A96E53"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.8},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.8},{"hex":"#A96E53","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0236.webp","thumb":"assets/thumb/ORG-0236.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BCC8BF","#2B3330","#7D8C83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.4},{"hex":"#DBE8DE","pct":39.8},{"hex":"#FCFDFC","pct":6.1},{"hex":"#BCC8BF","pct":6.0},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8C83","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0235.webp","thumb":"assets/thumb/ORG-0235.webp","palette":["#FAF9F7","#E3E0D9","#EEEBE6","#C1BFBF","#2D2D2D","#7078A2"],"palette_detail":[{"hex":"#FAF9F7","pct":40.3},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EEEBE6","pct":15.2},{"hex":"#C1BFBF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7078A2","pct":2.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0234.webp","thumb":"assets/thumb/ORG-0234.webp","palette":["#241C36","#0E0C15","#1E172D","#17131F","#3E3A45","#98A961"],"palette_detail":[{"hex":"#241C36","pct":41.7},{"hex":"#0E0C15","pct":40.6},{"hex":"#1E172D","pct":6.9},{"hex":"#17131F","pct":6.6},{"hex":"#3E3A45","pct":2.6},{"hex":"#98A961","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0237","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets tickets · Gather","description":"A confirmation screen in Gather titled \"Tickets\". A summary card lists General ×2 €56; Booking fee €3.20; Insurance €2.00; Delivery Mobile, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €61.20 beside the primary button \"Pay €61.20\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","events","tickets"],"palette":["#291D17","#0D0D0C","#191715","#372D27","#161313","#BB6844"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191715","pct":13.4},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.3},{"hex":"#BB6844","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0237.webp","thumb":"assets/thumb/ORG-0237.webp","live":"originals/screens/gen-events-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0237.webp","thumb":"assets/thumb/ORG-0237.webp","palette":["#291D17","#0D0D0C","#191715","#372D27","#161313","#BB6844"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191715","pct":13.4},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.3},{"hex":"#BB6844","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0240.webp","thumb":"assets/thumb/ORG-0240.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3630","#81938A"],"palette_detail":[{"hex":"#DBE8DE","pct":38.6},{"hex":"#F4F7F4","pct":33.5},{"hex":"#FEFEFE","pct":14.6},{"hex":"#BFC9C1","pct":5.6},{"hex":"#2A3630","pct":5.5},{"hex":"#81938A","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0239.webp","thumb":"assets/thumb/ORG-0239.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BF","#2D2D2D","#6D78B4"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.3},{"hex":"#FEFEFE","pct":14.8},{"hex":"#C5C3BF","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6D78B4","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0238.webp","thumb":"assets/thumb/ORG-0238.webp","palette":["#221B35","#0E0C15","#1A1525","#322B42","#15121C","#9EB84B"],"palette_detail":[{"hex":"#221B35","pct":36.5},{"hex":"#0E0C15","pct":33.3},{"hex":"#1A1525","pct":15.3},{"hex":"#322B42","pct":9.4},{"hex":"#15121C","pct":3.7},{"hex":"#9EB84B","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0241","kind":"image","category":"dashboard","type":"screen","title":"Events & tickets desktop dashboard · Gather","description":"A desktop dashboard for Gather (events & tickets). A sidebar lists Overview, Reports, Events, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Tickets 3, Saved 11, Friends 24, Spent €86), a bar chart of events near you and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","events","tickets"],"palette":["#181615","#281E18","#0E0D0C","#3C332E","#131211","#DF6631"],"palette_detail":[{"hex":"#181615","pct":56.3},{"hex":"#281E18","pct":24.7},{"hex":"#0E0D0C","pct":10.8},{"hex":"#3C332E","pct":4.2},{"hex":"#131211","pct":2.8},{"hex":"#DF6631","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0241.webp","thumb":"assets/thumb/ORG-0241.webp","live":"originals/screens/gen-events-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0241.webp","thumb":"assets/thumb/ORG-0241.webp","palette":["#181615","#281E18","#0E0D0C","#3C332E","#131211","#DF6631"],"palette_detail":[{"hex":"#181615","pct":56.3},{"hex":"#281E18","pct":24.7},{"hex":"#0E0D0C","pct":10.8},{"hex":"#3C332E","pct":4.2},{"hex":"#131211","pct":2.8},{"hex":"#DF6631","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0244.webp","thumb":"assets/thumb/ORG-0244.webp","palette":["#FFFFFF","#DFEAE1","#F5F7F4","#BECAC1","#FBFCFB","#2F8158"],"palette_detail":[{"hex":"#FFFFFF","pct":48.3},{"hex":"#DFEAE1","pct":20.9},{"hex":"#F5F7F4","pct":15.6},{"hex":"#BECAC1","pct":8.4},{"hex":"#FBFCFB","pct":5.7},{"hex":"#2F8158","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0243.webp","thumb":"assets/thumb/ORG-0243.webp","palette":["#FFFFFF","#E9E6E0","#F8F7F5","#CAC8C2","#FCFCFB","#405CEE"],"palette_detail":[{"hex":"#FFFFFF","pct":48.3},{"hex":"#E9E6E0","pct":21.0},{"hex":"#F8F7F5","pct":15.2},{"hex":"#CAC8C2","pct":8.7},{"hex":"#FCFCFB","pct":5.6},{"hex":"#405CEE","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0242.webp","thumb":"assets/thumb/ORG-0242.webp","palette":["#191425","#251D36","#100D17","#161220","#595561","#B8E230"],"palette_detail":[{"hex":"#191425","pct":55.8},{"hex":"#251D36","pct":26.1},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.6},{"hex":"#595561","pct":1.4},{"hex":"#B8E230","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0245","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets event detail · Gather","description":"A detail screen in Gather for \"Oslo Drift live\" (Fri 22 Nov · 21:00 · LAV Lisboa). An illustrated header carries back and save buttons; below sit the title, the value \"from €28\", a 2×2 fact grid (Doors: 20:00; Age: 18+; Going: 412 people; Friends: Ana, Kenji), a short paragraph, two \"Related\" rows and a sticky action \"Pay €61.20\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","events","tickets"],"palette":["#291C16","#0E0D0C","#9D5E40","#342721","#211E1C","#51453D"],"palette_detail":[{"hex":"#291C16","pct":31.7},{"hex":"#0E0D0C","pct":25.5},{"hex":"#9D5E40","pct":19.7},{"hex":"#342721","pct":12.3},{"hex":"#211E1C","pct":8.4},{"hex":"#51453D","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0245.webp","thumb":"assets/thumb/ORG-0245.webp","live":"originals/screens/gen-events-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0245.webp","thumb":"assets/thumb/ORG-0245.webp","palette":["#291C16","#0E0D0C","#9D5E40","#342721","#211E1C","#51453D"],"palette_detail":[{"hex":"#291C16","pct":31.7},{"hex":"#0E0D0C","pct":25.5},{"hex":"#9D5E40","pct":19.7},{"hex":"#342721","pct":12.3},{"hex":"#211E1C","pct":8.4},{"hex":"#51453D","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0248.webp","thumb":"assets/thumb/ORG-0248.webp","palette":["#D8E6DB","#F6F8F5","#B3CEBC","#E6EFE7","#274235","#8CAC98"],"palette_detail":[{"hex":"#D8E6DB","pct":32.8},{"hex":"#F6F8F5","pct":21.3},{"hex":"#B3CEBC","pct":16.7},{"hex":"#E6EFE7","pct":16.1},{"hex":"#274235","pct":6.8},{"hex":"#8CAC98","pct":6.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0247.webp","thumb":"assets/thumb/ORG-0247.webp","palette":["#DFDDD8","#FAF9F6","#ECEAE5","#A7BBF5","#2C3563","#A2A1A0"],"palette_detail":[{"hex":"#DFDDD8","pct":32.6},{"hex":"#FAF9F6","pct":21.3},{"hex":"#ECEAE5","pct":19.7},{"hex":"#A7BBF5","pct":15.6},{"hex":"#2C3563","pct":6.9},{"hex":"#A2A1A0","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0246.webp","thumb":"assets/thumb/ORG-0246.webp","palette":["#241C36","#0E0B14","#737C6E","#1F182F","#373244","#17141D"],"palette_detail":[{"hex":"#241C36","pct":36.5},{"hex":"#0E0B14","pct":21.9},{"hex":"#737C6E","pct":20.0},{"hex":"#1F182F","pct":10.5},{"hex":"#373244","pct":5.8},{"hex":"#17141D","pct":5.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0249","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets empty state · Gather","description":"An empty state in Gather: a ghosted stack of cards with an accent badge, the line \"No tickets yet\", the explanation \"Tickets you buy appear here with a scannable QR, even offline.\" and a single button \"Find events\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","events","tickets","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#372B25","#181413","#111010","#D96938"],"palette_detail":[{"hex":"#0D0D0C","pct":44.4},{"hex":"#2A1D16","pct":32.9},{"hex":"#372B25","pct":10.1},{"hex":"#181413","pct":8.5},{"hex":"#111010","pct":2.2},{"hex":"#D96938","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0249.webp","thumb":"assets/thumb/ORG-0249.webp","live":"originals/screens/gen-events-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0249.webp","thumb":"assets/thumb/ORG-0249.webp","palette":["#0D0D0C","#2A1D16","#372B25","#181413","#111010","#D96938"],"palette_detail":[{"hex":"#0D0D0C","pct":44.4},{"hex":"#2A1D16","pct":32.9},{"hex":"#372B25","pct":10.1},{"hex":"#181413","pct":8.5},{"hex":"#111010","pct":2.2},{"hex":"#D96938","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0252.webp","thumb":"assets/thumb/ORG-0252.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C9D4CB","#2A3D34","#8C9991"],"palette_detail":[{"hex":"#F6F8F5","pct":39.7},{"hex":"#DCE9DF","pct":36.9},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C9D4CB","pct":7.1},{"hex":"#2A3D34","pct":6.2},{"hex":"#8C9991","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0251.webp","thumb":"assets/thumb/ORG-0251.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C9C7C4","#2D2D2D","#5E6DBE"],"palette_detail":[{"hex":"#FBFAF7","pct":47.3},{"hex":"#E5E2DA","pct":30.6},{"hex":"#ECEAE5","pct":8.6},{"hex":"#C9C7C4","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5E6DBE","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0250.webp","thumb":"assets/thumb/ORG-0250.webp","palette":["#0E0C15","#221B35","#332D42","#191424","#15121C","#B5D93F"],"palette_detail":[{"hex":"#0E0C15","pct":45.4},{"hex":"#221B35","pct":34.1},{"hex":"#332D42","pct":7.6},{"hex":"#191424","pct":7.5},{"hex":"#15121C","pct":3.5},{"hex":"#B5D93F","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0253","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets home · Gather","description":"The home screen of Gather, a events & tickets app. A greeting row sits above \"This weekend\" with a hero figure \"6 events\" and a supporting line \"near you · 2 friends going\". A card charts \"events near you\" as seven bars with Thursday highlighted, then a \"Recent\" list shows Oslo Drift live, Interface ’27 and Night market, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","events","tickets"],"palette":["#0D0D0C","#2C1F18","#171514","#221B16","#3D3732","#A38778"],"palette_detail":[{"hex":"#0D0D0C","pct":37.2},{"hex":"#2C1F18","pct":36.3},{"hex":"#171514","pct":12.9},{"hex":"#221B16","pct":8.8},{"hex":"#3D3732","pct":2.7},{"hex":"#A38778","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0253.webp","thumb":"assets/thumb/ORG-0253.webp","live":"originals/screens/gen-events-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0253.webp","thumb":"assets/thumb/ORG-0253.webp","palette":["#0D0D0C","#2C1F18","#171514","#221B16","#3D3732","#A38778"],"palette_detail":[{"hex":"#0D0D0C","pct":37.2},{"hex":"#2C1F18","pct":36.3},{"hex":"#171514","pct":12.9},{"hex":"#221B16","pct":8.8},{"hex":"#3D3732","pct":2.7},{"hex":"#A38778","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0256.webp","thumb":"assets/thumb/ORG-0256.webp","palette":["#DDEAE0","#F5F8F4","#FEFEFD","#CCD7CE","#2E3331","#919D96"],"palette_detail":[{"hex":"#DDEAE0","pct":37.4},{"hex":"#F5F8F4","pct":32.5},{"hex":"#FEFEFD","pct":12.7},{"hex":"#CCD7CE","pct":8.7},{"hex":"#2E3331","pct":5.4},{"hex":"#919D96","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0255.webp","thumb":"assets/thumb/ORG-0255.webp","palette":["#FBFAF8","#E3E0D9","#ECEAE4","#C3C2BE","#2F2E2E","#7F8292"],"palette_detail":[{"hex":"#FBFAF8","pct":44.0},{"hex":"#E3E0D9","pct":30.1},{"hex":"#ECEAE4","pct":12.4},{"hex":"#C3C2BE","pct":5.6},{"hex":"#2F2E2E","pct":5.2},{"hex":"#7F8292","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0254.webp","thumb":"assets/thumb/ORG-0254.webp","palette":["#0E0C15","#241C36","#181422","#1E182D","#383446","#95988A"],"palette_detail":[{"hex":"#0E0C15","pct":37.2},{"hex":"#241C36","pct":36.9},{"hex":"#181422","pct":13.1},{"hex":"#1E182D","pct":7.1},{"hex":"#383446","pct":3.7},{"hex":"#95988A","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0257","kind":"image","category":"website","type":"screen","title":"Events & tickets landing hero · Gather","description":"A desktop landing hero for Gather. A slim nav with \"Get Gather\" sits over a two-column hero: an eyebrow pill (\"Tickets on sale\"), the headline \"Never miss a good night.\", \"Gigs, talks and markets picked for you — and the friends who are already going.\", primary \"Pick interests\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","events","tickets"],"palette":["#0E0D0C","#281D17","#372922","#191613","#0C0B0B","#B2603C"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":21.1},{"hex":"#372922","pct":16.7},{"hex":"#191613","pct":7.3},{"hex":"#0C0B0B","pct":2.7},{"hex":"#B2603C","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0257.webp","thumb":"assets/thumb/ORG-0257.webp","live":"originals/screens/gen-events-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0257.webp","thumb":"assets/thumb/ORG-0257.webp","palette":["#0E0D0C","#281D17","#372922","#191613","#0C0B0B","#B2603C"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":21.1},{"hex":"#372922","pct":16.7},{"hex":"#191613","pct":7.3},{"hex":"#0C0B0B","pct":2.7},{"hex":"#B2603C","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0260.webp","thumb":"assets/thumb/ORG-0260.webp","palette":["#F5F7F4","#DAE7DD","#BAC6BD","#F8F9F7","#FEFEFD","#5C816E"],"palette_detail":[{"hex":"#F5F7F4","pct":49.7},{"hex":"#DAE7DD","pct":30.2},{"hex":"#BAC6BD","pct":8.1},{"hex":"#F8F9F7","pct":5.0},{"hex":"#FEFEFD","pct":4.3},{"hex":"#5C816E","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0259.webp","thumb":"assets/thumb/ORG-0259.webp","palette":["#FAF9F6","#E8E8E4","#D9DADB","#BBBBBC","#FEFEFE","#5D6AAC"],"palette_detail":[{"hex":"#FAF9F6","pct":53.9},{"hex":"#E8E8E4","pct":20.2},{"hex":"#D9DADB","pct":14.1},{"hex":"#BBBBBC","pct":6.1},{"hex":"#FEFEFE","pct":4.1},{"hex":"#5D6AAC","pct":1.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0258.webp","thumb":"assets/thumb/ORG-0258.webp","palette":["#0F0C16","#201930","#302D3B","#0D0B14","#95A950","#090513"],"palette_detail":[{"hex":"#0F0C16","pct":50.9},{"hex":"#201930","pct":24.9},{"hex":"#302D3B","pct":17.9},{"hex":"#0D0B14","pct":2.9},{"hex":"#95A950","pct":2.3},{"hex":"#090513","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0261","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets event list · Gather","description":"A two-column card grid of events in Gather. A chip row with \"Music\" selected sits above six cards, each an illustrated tile with a title and value: Oslo Drift live, Interface ’27, Night market, Sunrise hike, Natural wine fair, Comedy night. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","events","tickets"],"palette":["#2B1F18","#0D0C0B","#925D42","#1C1613","#AA8774","#493429"],"palette_detail":[{"hex":"#2B1F18","pct":39.8},{"hex":"#0D0C0B","pct":28.5},{"hex":"#925D42","pct":15.6},{"hex":"#1C1613","pct":7.7},{"hex":"#AA8774","pct":4.7},{"hex":"#493429","pct":3.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0261.webp","thumb":"assets/thumb/ORG-0261.webp","live":"originals/screens/gen-events-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0261.webp","thumb":"assets/thumb/ORG-0261.webp","palette":["#2B1F18","#0D0C0B","#925D42","#1C1613","#AA8774","#493429"],"palette_detail":[{"hex":"#2B1F18","pct":39.8},{"hex":"#0D0C0B","pct":28.5},{"hex":"#925D42","pct":15.6},{"hex":"#1C1613","pct":7.7},{"hex":"#AA8774","pct":4.7},{"hex":"#493429","pct":3.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0264.webp","thumb":"assets/thumb/ORG-0264.webp","palette":["#DCE9DF","#F6F8F5","#C3DACA","#A9C7B3","#2B2D2D","#799182"],"palette_detail":[{"hex":"#DCE9DF","pct":38.2},{"hex":"#F6F8F5","pct":27.4},{"hex":"#C3DACA","pct":13.8},{"hex":"#A9C7B3","pct":10.8},{"hex":"#2B2D2D","pct":5.0},{"hex":"#799182","pct":4.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0263.webp","thumb":"assets/thumb/ORG-0263.webp","palette":["#E5E3DD","#FAF9F6","#B5C6F6","#C4C2BD","#2D2D2D","#7B87AC"],"palette_detail":[{"hex":"#E5E3DD","pct":39.8},{"hex":"#FAF9F6","pct":27.8},{"hex":"#B5C6F6","pct":17.3},{"hex":"#C4C2BD","pct":5.3},{"hex":"#2D2D2D","pct":5.1},{"hex":"#7B87AC","pct":4.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0262.webp","thumb":"assets/thumb/ORG-0262.webp","palette":["#241C36","#0E0B14","#666879","#181522","#919890","#3C3C45"],"palette_detail":[{"hex":"#241C36","pct":40.7},{"hex":"#0E0B14","pct":28.2},{"hex":"#666879","pct":15.5},{"hex":"#181522","pct":7.0},{"hex":"#919890","pct":5.3},{"hex":"#3C3C45","pct":3.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0265","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets welcome · Gather","description":"The first onboarding step of Gather. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Never miss a good night.\", followed by \"Gigs, talks and markets picked for you — and the friends who are already going.\" and a full-width primary button \"Pick interests\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","events","tickets"],"palette":["#2A1D17","#A5684A","#0E0D0C","#3A2B24","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":33.1},{"hex":"#A5684A","pct":23.5},{"hex":"#0E0D0C","pct":21.8},{"hex":"#3A2B24","pct":10.4},{"hex":"#1B1512","pct":6.5},{"hex":"#080909","pct":4.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0265.webp","thumb":"assets/thumb/ORG-0265.webp","live":"originals/screens/gen-events-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0265.webp","thumb":"assets/thumb/ORG-0265.webp","palette":["#2A1D17","#A5684A","#0E0D0C","#3A2B24","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":33.1},{"hex":"#A5684A","pct":23.5},{"hex":"#0E0D0C","pct":21.8},{"hex":"#3A2B24","pct":10.4},{"hex":"#1B1512","pct":6.5},{"hex":"#080909","pct":4.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0268.webp","thumb":"assets/thumb/ORG-0268.webp","palette":["#DBE8DE","#F5F8F4","#BFD7C6","#98B9A4","#294739","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":39.1},{"hex":"#F5F8F4","pct":21.4},{"hex":"#BFD7C6","pct":18.2},{"hex":"#98B9A4","pct":9.6},{"hex":"#294739","pct":7.5},{"hex":"#FBFCFA","pct":4.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0267.webp","thumb":"assets/thumb/ORG-0267.webp","palette":["#E4E3E1","#F9F8F6","#AABCF1","#D7D4CE","#353E6F","#FEFDFA"],"palette_detail":[{"hex":"#E4E3E1","pct":38.9},{"hex":"#F9F8F6","pct":21.0},{"hex":"#AABCF1","pct":17.9},{"hex":"#D7D4CE","pct":9.4},{"hex":"#353E6F","pct":8.1},{"hex":"#FEFDFA","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0266.webp","thumb":"assets/thumb/ORG-0266.webp","palette":["#221A34","#7C8675","#0F0C15","#2F293E","#18151F","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.3},{"hex":"#7C8675","pct":24.1},{"hex":"#0F0C15","pct":23.7},{"hex":"#2F293E","pct":11.2},{"hex":"#18151F","pct":5.8},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0269","kind":"image","category":"website","type":"screen","title":"Events & tickets pricing · Gather","description":"A desktop pricing section for Gather with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (Discover, Tickets, Friends); Insider €5 (Presales, No booking fees, Guest list); Organiser €29 (Sell tickets, Check-in app, Payouts) — with Insider anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","events","tickets"],"palette":["#0E0D0C","#2C1F19","#1A1614","#F2682D","#54463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C1F19","pct":23.4},{"hex":"#1A1614","pct":17.5},{"hex":"#F2682D","pct":6.2},{"hex":"#54463F","pct":2.4},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0269.webp","thumb":"assets/thumb/ORG-0269.webp","live":"originals/screens/gen-events-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0269.webp","thumb":"assets/thumb/ORG-0269.webp","palette":["#0E0D0C","#2C1F19","#1A1614","#F2682D","#54463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C1F19","pct":23.4},{"hex":"#1A1614","pct":17.5},{"hex":"#F2682D","pct":6.2},{"hex":"#54463F","pct":2.4},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0272.webp","thumb":"assets/thumb/ORG-0272.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.0},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0271.webp","thumb":"assets/thumb/ORG-0271.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB8B7","#D0D6F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFEFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB8B7","pct":5.7},{"hex":"#D0D6F6","pct":1.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0270.webp","thumb":"assets/thumb/ORG-0270.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE43A","#4F504A","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.8},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE43A","pct":6.5},{"hex":"#4F504A","pct":2.6},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0273","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets profile · Gather","description":"A profile screen in Gather for Hana Sato (@hana · 48 events). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 48 Events, 24 Friends, 11 Saved — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","events","tickets","bottom-nav"],"palette":["#291E17","#0D0C0C","#1A1715","#3A2E27","#151312","#C97E57"],"palette_detail":[{"hex":"#291E17","pct":37.5},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.7},{"hex":"#3A2E27","pct":9.1},{"hex":"#151312","pct":6.7},{"hex":"#C97E57","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0273.webp","thumb":"assets/thumb/ORG-0273.webp","live":"originals/screens/gen-events-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0273.webp","thumb":"assets/thumb/ORG-0273.webp","palette":["#291E17","#0D0C0C","#1A1715","#3A2E27","#151312","#C97E57"],"palette_detail":[{"hex":"#291E17","pct":37.5},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.7},{"hex":"#3A2E27","pct":9.1},{"hex":"#151312","pct":6.7},{"hex":"#C97E57","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0276.webp","thumb":"assets/thumb/ORG-0276.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#89A093"],"palette_detail":[{"hex":"#DFEBE1","pct":36.1},{"hex":"#F6F8F5","pct":31.0},{"hex":"#FEFFFE","pct":12.8},{"hex":"#CFDBD2","pct":11.2},{"hex":"#2B322F","pct":5.2},{"hex":"#89A093","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0275.webp","thumb":"assets/thumb/ORG-0275.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2D2D2D","#7E87B4"],"palette_detail":[{"hex":"#E7E5DE","pct":39.4},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.5},{"hex":"#D1CFCC","pct":8.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7E87B4","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0274.webp","thumb":"assets/thumb/ORG-0274.webp","palette":["#221B35","#0E0B15","#191425","#332D41","#15121C","#99A377"],"palette_detail":[{"hex":"#221B35","pct":37.2},{"hex":"#0E0B15","pct":31.8},{"hex":"#191425","pct":14.6},{"hex":"#332D41","pct":9.3},{"hex":"#15121C","pct":4.7},{"hex":"#99A377","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0277","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets search · Gather","description":"A search screen in Gather: a focused field with a clear button, a chip row (All, Music, Talks, Food), recent searches as pills, \"Top results\" — Oslo Drift live, Interface ’27, Night market, Sunrise hike — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","events","tickets"],"palette":["#0E0D0C","#291D17","#382B25","#191614","#7A7774","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.7},{"hex":"#291D17","pct":35.4},{"hex":"#382B25","pct":10.8},{"hex":"#191614","pct":7.7},{"hex":"#7A7774","pct":2.1},{"hex":"#040404","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0277.webp","thumb":"assets/thumb/ORG-0277.webp","live":"originals/screens/gen-events-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0277.webp","thumb":"assets/thumb/ORG-0277.webp","palette":["#0E0D0C","#291D17","#382B25","#191614","#7A7774","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.7},{"hex":"#291D17","pct":35.4},{"hex":"#382B25","pct":10.8},{"hex":"#191614","pct":7.7},{"hex":"#7A7774","pct":2.1},{"hex":"#040404","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0280.webp","thumb":"assets/thumb/ORG-0280.webp","palette":["#F5F8F4","#DEEAE1","#D0DCD3","#2C2E2E","#FDFEFC","#9CA49E"],"palette_detail":[{"hex":"#F5F8F4","pct":40.4},{"hex":"#DEEAE1","pct":34.4},{"hex":"#D0DCD3","pct":11.0},{"hex":"#2C2E2E","pct":5.1},{"hex":"#FDFEFC","pct":5.0},{"hex":"#9CA49E","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0279.webp","thumb":"assets/thumb/ORG-0279.webp","palette":["#F9F8F5","#E8E5DE","#D9D7D3","#FEFEFC","#2E2D2D","#A19F9C"],"palette_detail":[{"hex":"#F9F8F5","pct":39.4},{"hex":"#E8E5DE","pct":34.7},{"hex":"#D9D7D3","pct":11.1},{"hex":"#FEFEFC","pct":5.6},{"hex":"#2E2D2D","pct":5.1},{"hex":"#A19F9C","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0278.webp","thumb":"assets/thumb/ORG-0278.webp","palette":["#261F37","#100D17","#1D172A","#0D0B13","#08070A","#74707D"],"palette_detail":[{"hex":"#261F37","pct":40.3},{"hex":"#100D17","pct":38.3},{"hex":"#1D172A","pct":10.9},{"hex":"#0D0B13","pct":5.1},{"hex":"#08070A","pct":2.9},{"hex":"#74707D","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0281","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets settings · Gather","description":"Settings for Gather. An account row leads; grouped cards follow — Discovery: Events near me (on), Friends’ events (on), Weekly picks email (off); Tickets: Add to calendar (on), Offline tickets (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","events","tickets"],"palette":["#0E0D0C","#271C16","#181615","#2F231C","#564C46","#D59779"],"palette_detail":[{"hex":"#0E0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#564C46","pct":2.0},{"hex":"#D59779","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0281.webp","thumb":"assets/thumb/ORG-0281.webp","live":"originals/screens/gen-events-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0281.webp","thumb":"assets/thumb/ORG-0281.webp","palette":["#0E0D0C","#271C16","#181615","#2F231C","#564C46","#D59779"],"palette_detail":[{"hex":"#0E0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#564C46","pct":2.0},{"hex":"#D59779","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0284.webp","thumb":"assets/thumb/ORG-0284.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E0ECE2","pct":28.4},{"hex":"#FFFFFF","pct":17.0},{"hex":"#D4E1D7","pct":16.0},{"hex":"#2C322F","pct":5.2},{"hex":"#9DA9A1","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0283.webp","thumb":"assets/thumb/ORG-0283.webp","palette":["#E8E5DE","#F9F8F6","#FEFEFE","#D9D7D1","#2D2D2D","#9598AD"],"palette_detail":[{"hex":"#E8E5DE","pct":35.2},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":18.9},{"hex":"#D9D7D1","pct":9.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9598AD","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0282.webp","thumb":"assets/thumb/ORG-0282.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4E4C52","#B7C489"],"palette_detail":[{"hex":"#241D37","pct":39.4},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.6},{"hex":"#1D172C","pct":7.2},{"hex":"#4E4C52","pct":2.1},{"hex":"#B7C489","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0285","kind":"image","category":"dashboard","type":"screen","title":"Events & tickets event table · Gather","description":"A desktop table of events in Gather. A title row with Export and \"New event\", a strip of four KPI tiles, a search field and filter dropdowns (Music, Talks, Food) sit above a table with name, details, status (Going / Saved) and value columns — Oslo Drift live, Interface ’27, Night market, Sunrise hike, Natural wine fair, Comedy night. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","events","tickets"],"palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7F5E50"],"palette_detail":[{"hex":"#181615","pct":37.9},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.0},{"hex":"#342822","pct":9.2},{"hex":"#131211","pct":3.9},{"hex":"#7F5E50","pct":1.0}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0285.webp","thumb":"assets/thumb/ORG-0285.webp","live":"originals/screens/gen-events-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0285.webp","thumb":"assets/thumb/ORG-0285.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7F5E50"],"palette_detail":[{"hex":"#181615","pct":37.9},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.0},{"hex":"#342822","pct":9.2},{"hex":"#131211","pct":3.9},{"hex":"#7F5E50","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0288.webp","thumb":"assets/thumb/ORG-0288.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":35.9},{"hex":"#FFFFFF","pct":30.4},{"hex":"#DEEAE1","pct":16.0},{"hex":"#CAD6CD","pct":7.8},{"hex":"#FDFDFD","pct":6.7},{"hex":"#A5B4AA","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0287.webp","thumb":"assets/thumb/ORG-0287.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D6D4CE","#B1B1B6"],"palette_detail":[{"hex":"#F9F8F6","pct":35.9},{"hex":"#FFFFFF","pct":25.5},{"hex":"#E8E5DF","pct":15.2},{"hex":"#FDFDFD","pct":11.4},{"hex":"#D6D4CE","pct":8.0},{"hex":"#B1B1B6","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0286.webp","thumb":"assets/thumb/ORG-0286.webp","palette":["#191424","#0F0C16","#211A33","#2E283E","#14101D","#777F59"],"palette_detail":[{"hex":"#191424","pct":39.2},{"hex":"#0F0C16","pct":31.1},{"hex":"#211A33","pct":16.6},{"hex":"#2E283E","pct":8.3},{"hex":"#14101D","pct":3.9},{"hex":"#777F59","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0289","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness activity feed · Pulse","description":"An activity feed in Pulse grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"New personal best\" (5 km in 29:40) and \"Rest day recommended\" — and read items are plain rows: \"Ana cheered your run\", \"Plan updated\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","fitness","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181413","#211F1D","#A47057"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.4},{"hex":"#392D26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#211F1D","pct":6.6},{"hex":"#A47057","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0289.webp","thumb":"assets/thumb/ORG-0289.webp","live":"originals/screens/gen-fitness-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0289.webp","thumb":"assets/thumb/ORG-0289.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181413","#211F1D","#A47057"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.4},{"hex":"#392D26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#211F1D","pct":6.6},{"hex":"#A47057","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0292.webp","thumb":"assets/thumb/ORG-0292.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFEFC","#2B3330","#7D8B83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.1},{"hex":"#DBE8DE","pct":39.9},{"hex":"#BCC8BF","pct":6.2},{"hex":"#FCFEFC","pct":5.9},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8B83","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0291.webp","thumb":"assets/thumb/ORG-0291.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C1C0BF","#2D2D2D","#737A9F"],"palette_detail":[{"hex":"#FAF9F7","pct":40.3},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":14.9},{"hex":"#C1C0BF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737A9F","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0290.webp","thumb":"assets/thumb/ORG-0290.webp","palette":["#0E0C15","#241D36","#1E172E","#17131F","#3E3A45","#96A366"],"palette_detail":[{"hex":"#0E0C15","pct":40.4},{"hex":"#241D36","pct":40.1},{"hex":"#1E172E","pct":8.1},{"hex":"#17131F","pct":6.7},{"hex":"#3E3A45","pct":2.7},{"hex":"#96A366","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0293","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness join challenge · Pulse","description":"A confirmation screen in Pulse titled \"Join challenge\". A summary card lists Challenge October 100 km; Duration 31 days; Entry Free; Reward Gold badge, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total Free beside the primary button \"Join challenge\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","fitness"],"palette":["#291D17","#0E0D0C","#191615","#372D27","#BA6946","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.2},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.0},{"hex":"#372D27","pct":9.7},{"hex":"#BA6946","pct":2.2},{"hex":"#030404","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0293.webp","thumb":"assets/thumb/ORG-0293.webp","live":"originals/screens/gen-fitness-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0293.webp","thumb":"assets/thumb/ORG-0293.webp","palette":["#291D17","#0E0D0C","#191615","#372D27","#BA6946","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.2},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.0},{"hex":"#372D27","pct":9.7},{"hex":"#BA6946","pct":2.2},{"hex":"#030404","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0296.webp","thumb":"assets/thumb/ORG-0296.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3832","#BEC9C1","#83938A"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.3},{"hex":"#FEFEFE","pct":14.4},{"hex":"#2A3832","pct":5.7},{"hex":"#BEC9C1","pct":5.6},{"hex":"#83938A","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0295.webp","thumb":"assets/thumb/ORG-0295.webp","palette":["#FBFBF9","#E3E1D9","#EDEAE4","#C2C0BC","#2D2D2D","#6875B8"],"palette_detail":[{"hex":"#FBFBF9","pct":43.5},{"hex":"#E3E1D9","pct":30.0},{"hex":"#EDEAE4","pct":13.2},{"hex":"#C2C0BC","pct":5.4},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6875B8","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0294.webp","thumb":"assets/thumb/ORG-0294.webp","palette":["#231C36","#0F0C16","#191424","#3A3448","#08070A","#A2BC4B"],"palette_detail":[{"hex":"#231C36","pct":42.3},{"hex":"#0F0C16","pct":32.1},{"hex":"#191424","pct":17.0},{"hex":"#3A3448","pct":3.7},{"hex":"#08070A","pct":3.0},{"hex":"#A2BC4B","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0297","kind":"image","category":"dashboard","type":"screen","title":"Fitness desktop dashboard · Pulse","description":"A desktop dashboard for Pulse (fitness). A sidebar lists Overview, Reports, Workouts, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Steps 8,412, Distance 6.1 km, Heart 64 bpm, Sleep 7h 20m), a bar chart of active minutes and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","fitness"],"palette":["#181615","#261C17","#0F0E0D","#332822","#EE6429","#63605D"],"palette_detail":[{"hex":"#181615","pct":53.0},{"hex":"#261C17","pct":22.6},{"hex":"#0F0E0D","pct":12.7},{"hex":"#332822","pct":8.8},{"hex":"#EE6429","pct":1.7},{"hex":"#63605D","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0297.webp","thumb":"assets/thumb/ORG-0297.webp","live":"originals/screens/gen-fitness-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0297.webp","thumb":"assets/thumb/ORG-0297.webp","palette":["#181615","#261C17","#0F0E0D","#332822","#EE6429","#63605D"],"palette_detail":[{"hex":"#181615","pct":53.0},{"hex":"#261C17","pct":22.6},{"hex":"#0F0E0D","pct":12.7},{"hex":"#332822","pct":8.8},{"hex":"#EE6429","pct":1.7},{"hex":"#63605D","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0300.webp","thumb":"assets/thumb/ORG-0300.webp","palette":["#FFFFFF","#F6F8F5","#E5EFE7","#D4E1D7","#B2BEB5","#277E52"],"palette_detail":[{"hex":"#FFFFFF","pct":49.9},{"hex":"#F6F8F5","pct":16.9},{"hex":"#E5EFE7","pct":14.7},{"hex":"#D4E1D7","pct":11.8},{"hex":"#B2BEB5","pct":5.2},{"hex":"#277E52","pct":1.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0299.webp","thumb":"assets/thumb/ORG-0299.webp","palette":["#FFFFFF","#F9F8F6","#EDEBE5","#DEDCD4","#B9B7B6","#3150F2"],"palette_detail":[{"hex":"#FFFFFF","pct":48.7},{"hex":"#F9F8F6","pct":17.8},{"hex":"#EDEBE5","pct":15.0},{"hex":"#DEDCD4","pct":11.8},{"hex":"#B9B7B6","pct":5.2},{"hex":"#3150F2","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0298.webp","thumb":"assets/thumb/ORG-0298.webp","palette":["#191424","#211A32","#100D17","#2D263E","#C1EE31","#676764"],"palette_detail":[{"hex":"#191424","pct":54.4},{"hex":"#211A32","pct":21.6},{"hex":"#100D17","pct":12.7},{"hex":"#2D263E","pct":8.5},{"hex":"#C1EE31","pct":1.5},{"hex":"#676764","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0301","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness workout detail · Pulse","description":"A detail screen in Pulse for \"Interval run\" (Today · 7:10 AM · Riverside loop). An illustrated header carries back and save buttons; below sit the title, the value \"5.2 km\", a 2×2 fact grid (Time: 32:14; Pace: 6:12 /km; Avg HR: 152 bpm; Calories: 318 kcal), a short paragraph, two \"Related\" rows and a sticky action \"Join challenge\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","fitness"],"palette":["#291D17","#0D0C0C","#372B25","#82543E","#C16F49","#1B1614"],"palette_detail":[{"hex":"#291D17","pct":38.1},{"hex":"#0D0C0C","pct":21.8},{"hex":"#372B25","pct":11.8},{"hex":"#82543E","pct":11.4},{"hex":"#C16F49","pct":9.1},{"hex":"#1B1614","pct":7.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0301.webp","thumb":"assets/thumb/ORG-0301.webp","live":"originals/screens/gen-fitness-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0301.webp","thumb":"assets/thumb/ORG-0301.webp","palette":["#291D17","#0D0C0C","#372B25","#82543E","#C16F49","#1B1614"],"palette_detail":[{"hex":"#291D17","pct":38.1},{"hex":"#0D0C0C","pct":21.8},{"hex":"#372B25","pct":11.8},{"hex":"#82543E","pct":11.4},{"hex":"#C16F49","pct":9.1},{"hex":"#1B1614","pct":7.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0304.webp","thumb":"assets/thumb/ORG-0304.webp","palette":["#D6E5DA","#F6F8F5","#E5EFE7","#B2CABA","#274134","#6A987F"],"palette_detail":[{"hex":"#D6E5DA","pct":35.7},{"hex":"#F6F8F5","pct":20.7},{"hex":"#E5EFE7","pct":18.5},{"hex":"#B2CABA","pct":12.5},{"hex":"#274134","pct":6.7},{"hex":"#6A987F","pct":5.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0303.webp","thumb":"assets/thumb/ORG-0303.webp","palette":["#DDDDDE","#ECEAE4","#FAF9F6","#AEB7D1","#546DE9","#2D2E2F"],"palette_detail":[{"hex":"#DDDDDE","pct":34.6},{"hex":"#ECEAE4","pct":21.4},{"hex":"#FAF9F6","pct":21.1},{"hex":"#AEB7D1","pct":11.7},{"hex":"#546DE9","pct":6.1},{"hex":"#2D2E2F","pct":5.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0302.webp","thumb":"assets/thumb/ORG-0302.webp","palette":["#211A33","#0E0B14","#5D5E6E","#2D273E","#18151F","#96AA60"],"palette_detail":[{"hex":"#211A33","pct":38.0},{"hex":"#0E0B14","pct":21.8},{"hex":"#5D5E6E","pct":14.5},{"hex":"#2D273E","pct":13.0},{"hex":"#18151F","pct":6.5},{"hex":"#96AA60","pct":6.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0305","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness empty state · Pulse","description":"An empty state in Pulse: a ghosted stack of cards with an accent badge, the line \"No workouts this week\", the explanation \"Start with a 15-minute session — Pulse adjusts the next one to how it went.\" and a single button \"Start a workout\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","fitness","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181513","#111010","#D7693A"],"palette_detail":[{"hex":"#0D0D0C","pct":43.5},{"hex":"#2A1D16","pct":33.7},{"hex":"#392D26","pct":9.2},{"hex":"#181513","pct":9.1},{"hex":"#111010","pct":2.2},{"hex":"#D7693A","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0305.webp","thumb":"assets/thumb/ORG-0305.webp","live":"originals/screens/gen-fitness-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0305.webp","thumb":"assets/thumb/ORG-0305.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181513","#111010","#D7693A"],"palette_detail":[{"hex":"#0D0D0C","pct":43.5},{"hex":"#2A1D16","pct":33.7},{"hex":"#392D26","pct":9.2},{"hex":"#181513","pct":9.1},{"hex":"#111010","pct":2.2},{"hex":"#D7693A","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0308.webp","thumb":"assets/thumb/ORG-0308.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D1C9","#2A3F35","#86948C"],"palette_detail":[{"hex":"#F6F8F5","pct":39.0},{"hex":"#DCE9DF","pct":37.4},{"hex":"#FDFEFC","pct":8.1},{"hex":"#C7D1C9","pct":6.9},{"hex":"#2A3F35","pct":6.3},{"hex":"#86948C","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0307.webp","thumb":"assets/thumb/ORG-0307.webp","palette":["#FBFAF7","#E5E2DB","#EDEBE6","#C9C7C4","#2D2D2D","#5F6EBE"],"palette_detail":[{"hex":"#FBFAF7","pct":46.4},{"hex":"#E5E2DB","pct":30.8},{"hex":"#EDEBE6","pct":8.7},{"hex":"#C9C7C4","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5F6EBE","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0306.webp","thumb":"assets/thumb/ORG-0306.webp","palette":["#0E0C15","#221B35","#322C41","#191524","#15121C","#AECD49"],"palette_detail":[{"hex":"#0E0C15","pct":44.4},{"hex":"#221B35","pct":33.2},{"hex":"#322C41","pct":8.6},{"hex":"#191524","pct":7.6},{"hex":"#15121C","pct":3.8},{"hex":"#AECD49","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0309","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness home · Pulse","description":"A metric-grid home for Pulse (fitness). A tinted hero card shows \"Calories today: 512\" with \"82% of your 620 goal\", followed by a 2×2 grid of tiles — Steps 8,412, Distance 6.1 km, Heart 64 bpm, Sleep 7h 20m — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","fitness"],"palette":["#2A1D16","#0D0D0C","#181514","#362C27","#221F1D","#78706A"],"palette_detail":[{"hex":"#2A1D16","pct":32.9},{"hex":"#0D0D0C","pct":30.7},{"hex":"#181514","pct":16.6},{"hex":"#362C27","pct":10.1},{"hex":"#221F1D","pct":7.9},{"hex":"#78706A","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0309.webp","thumb":"assets/thumb/ORG-0309.webp","live":"originals/screens/gen-fitness-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0309.webp","thumb":"assets/thumb/ORG-0309.webp","palette":["#2A1D16","#0D0D0C","#181514","#362C27","#221F1D","#78706A"],"palette_detail":[{"hex":"#2A1D16","pct":32.9},{"hex":"#0D0D0C","pct":30.7},{"hex":"#181514","pct":16.6},{"hex":"#362C27","pct":10.1},{"hex":"#221F1D","pct":7.9},{"hex":"#78706A","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0312.webp","thumb":"assets/thumb/ORG-0312.webp","palette":["#DBE8DE","#F3F6F2","#FEFEFD","#BEC7C0","#2C2D2D","#858D88"],"palette_detail":[{"hex":"#DBE8DE","pct":39.6},{"hex":"#F3F6F2","pct":32.1},{"hex":"#FEFEFD","pct":14.9},{"hex":"#BEC7C0","pct":6.0},{"hex":"#2C2D2D","pct":4.9},{"hex":"#858D88","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0311.webp","thumb":"assets/thumb/ORG-0311.webp","palette":["#FBFBF9","#E3E1D9","#EEECE6","#C4C2BE","#2D2D2D","#8A8A89"],"palette_detail":[{"hex":"#FBFBF9","pct":39.3},{"hex":"#E3E1D9","pct":31.8},{"hex":"#EEECE6","pct":15.8},{"hex":"#C4C2BE","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#8A8A89","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0310.webp","thumb":"assets/thumb/ORG-0310.webp","palette":["#231B35","#0E0C15","#181422","#312A42","#1D172C","#7A7781"],"palette_detail":[{"hex":"#231B35","pct":36.9},{"hex":"#0E0C15","pct":30.5},{"hex":"#181422","pct":15.7},{"hex":"#312A42","pct":9.6},{"hex":"#1D172C","pct":5.4},{"hex":"#7A7781","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0313","kind":"image","category":"website","type":"screen","title":"Fitness landing hero · Pulse","description":"A desktop landing hero for Pulse. A slim nav with \"Get Pulse\" sits over a two-column hero: an eyebrow pill (\"New personal best\"), the headline \"Train for the life you want.\", \"Plans that adapt to your week, your sleep and how your body actually feels today.\", primary \"Build my plan\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","fitness"],"palette":["#0E0D0C","#281D17","#372922","#191614","#0C0B0B","#A05F42"],"palette_detail":[{"hex":"#0E0D0C","pct":50.7},{"hex":"#281D17","pct":20.9},{"hex":"#372922","pct":16.8},{"hex":"#191614","pct":7.3},{"hex":"#0C0B0B","pct":2.8},{"hex":"#A05F42","pct":1.5}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0313.webp","thumb":"assets/thumb/ORG-0313.webp","live":"originals/screens/gen-fitness-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0313.webp","thumb":"assets/thumb/ORG-0313.webp","palette":["#0E0D0C","#281D17","#372922","#191614","#0C0B0B","#A05F42"],"palette_detail":[{"hex":"#0E0D0C","pct":50.7},{"hex":"#281D17","pct":20.9},{"hex":"#372922","pct":16.8},{"hex":"#191614","pct":7.3},{"hex":"#0C0B0B","pct":2.8},{"hex":"#A05F42","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0316.webp","thumb":"assets/thumb/ORG-0316.webp","palette":["#F5F7F4","#DAE7DD","#B9C5BC","#F8F9F7","#FEFEFE","#5C7D6C"],"palette_detail":[{"hex":"#F5F7F4","pct":49.6},{"hex":"#DAE7DD","pct":30.3},{"hex":"#B9C5BC","pct":8.1},{"hex":"#F8F9F7","pct":5.4},{"hex":"#FEFEFE","pct":4.1},{"hex":"#5C7D6C","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0315.webp","thumb":"assets/thumb/ORG-0315.webp","palette":["#FAF9F6","#E8E7E5","#D9D9DA","#BABABA","#FEFEFD","#5D69A7"],"palette_detail":[{"hex":"#FAF9F6","pct":54.0},{"hex":"#E8E7E5","pct":21.2},{"hex":"#D9D9DA","pct":12.9},{"hex":"#BABABA","pct":6.3},{"hex":"#FEFEFD","pct":4.1},{"hex":"#5D69A7","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0314.webp","thumb":"assets/thumb/ORG-0314.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#96A75D","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":50.7},{"hex":"#201930","pct":25.0},{"hex":"#302C3C","pct":17.9},{"hex":"#0D0B14","pct":3.2},{"hex":"#96A75D","pct":2.2},{"hex":"#090612","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0317","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness workout list · Pulse","description":"A two-column card grid of workouts in Pulse. A chip row with \"Strength\" selected sits above six cards, each an illustrated tile with a title and value: Interval run, Upper body, Yoga flow, Long ride, Core blast, Recovery walk. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","fitness"],"palette":["#2A1D17","#0D0C0B","#8B5B43","#3B2C24","#1B1613","#A48573"],"palette_detail":[{"hex":"#2A1D17","pct":33.7},{"hex":"#0D0C0B","pct":28.6},{"hex":"#8B5B43","pct":16.0},{"hex":"#3B2C24","pct":10.5},{"hex":"#1B1613","pct":6.4},{"hex":"#A48573","pct":4.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0317.webp","thumb":"assets/thumb/ORG-0317.webp","live":"originals/screens/gen-fitness-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0317.webp","thumb":"assets/thumb/ORG-0317.webp","palette":["#2A1D17","#0D0C0B","#8B5B43","#3B2C24","#1B1613","#A48573"],"palette_detail":[{"hex":"#2A1D17","pct":33.7},{"hex":"#0D0C0B","pct":28.6},{"hex":"#8B5B43","pct":16.0},{"hex":"#3B2C24","pct":10.5},{"hex":"#1B1613","pct":6.4},{"hex":"#A48573","pct":4.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0320.webp","thumb":"assets/thumb/ORG-0320.webp","palette":["#DCE9DF","#F6F8F5","#C6DCCD","#AECAB7","#2C2D2D","#7D9285"],"palette_detail":[{"hex":"#DCE9DF","pct":38.7},{"hex":"#F6F8F5","pct":27.5},{"hex":"#C6DCCD","pct":13.5},{"hex":"#AECAB7","pct":11.5},{"hex":"#2C2D2D","pct":5.1},{"hex":"#7D9285","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0319.webp","thumb":"assets/thumb/ORG-0319.webp","palette":["#E5E3DD","#FAF9F6","#BACAF5","#C6C3BE","#2D2D2D","#818AA8"],"palette_detail":[{"hex":"#E5E3DD","pct":40.6},{"hex":"#FAF9F6","pct":27.9},{"hex":"#BACAF5","pct":17.5},{"hex":"#C6C3BE","pct":5.2},{"hex":"#2D2D2D","pct":5.1},{"hex":"#818AA8","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0318.webp","thumb":"assets/thumb/ORG-0318.webp","palette":["#221A34","#0E0B14","#626476","#302A3F","#888B90","#181521"],"palette_detail":[{"hex":"#221A34","pct":33.3},{"hex":"#0E0B14","pct":28.2},{"hex":"#626476","pct":14.7},{"hex":"#302A3F","pct":11.0},{"hex":"#888B90","pct":6.6},{"hex":"#181521","pct":6.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0321","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness welcome · Pulse","description":"The first onboarding step of Pulse. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Train for the life you want.\", followed by \"Plans that adapt to your week, your sleep and how your body actually feels today.\" and a full-width primary button \"Build my plan\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","fitness"],"palette":["#2A1D17","#0D0C0B","#9D674C","#392C24","#1B1613","#121010"],"palette_detail":[{"hex":"#2A1D17","pct":32.9},{"hex":"#0D0C0B","pct":25.4},{"hex":"#9D674C","pct":23.5},{"hex":"#392C24","pct":10.4},{"hex":"#1B1613","pct":6.1},{"hex":"#121010","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0321.webp","thumb":"assets/thumb/ORG-0321.webp","live":"originals/screens/gen-fitness-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0321.webp","thumb":"assets/thumb/ORG-0321.webp","palette":["#2A1D17","#0D0C0B","#9D674C","#392C24","#1B1613","#121010"],"palette_detail":[{"hex":"#2A1D17","pct":32.9},{"hex":"#0D0C0B","pct":25.4},{"hex":"#9D674C","pct":23.5},{"hex":"#392C24","pct":10.4},{"hex":"#1B1613","pct":6.1},{"hex":"#121010","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0324.webp","thumb":"assets/thumb/ORG-0324.webp","palette":["#DCE9DF","#F6F8F5","#C9DED0","#B3CDBB","#284637","#799486"],"palette_detail":[{"hex":"#DCE9DF","pct":36.4},{"hex":"#F6F8F5","pct":25.5},{"hex":"#C9DED0","pct":14.5},{"hex":"#B3CDBB","pct":13.4},{"hex":"#284637","pct":7.3},{"hex":"#799486","pct":3.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0323.webp","thumb":"assets/thumb/ORG-0323.webp","palette":["#FAF9F7","#E8E7E4","#E0DDD5","#BDCCF5","#2C366A","#9398B6"],"palette_detail":[{"hex":"#FAF9F7","pct":25.4},{"hex":"#E8E7E4","pct":24.0},{"hex":"#E0DDD5","pct":21.1},{"hex":"#BDCCF5","pct":18.5},{"hex":"#2C366A","pct":7.1},{"hex":"#9398B6","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0322.webp","thumb":"assets/thumb/ORG-0322.webp","palette":["#211A34","#0E0B14","#616178","#2D273D","#8B9773","#17141F"],"palette_detail":[{"hex":"#211A34","pct":31.4},{"hex":"#0E0B14","pct":26.4},{"hex":"#616178","pct":15.4},{"hex":"#2D273D","pct":12.1},{"hex":"#8B9773","pct":8.8},{"hex":"#17141F","pct":5.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0325","kind":"image","category":"website","type":"screen","title":"Fitness pricing · Pulse","description":"A desktop pricing section for Pulse with a Monthly/Yearly toggle and \"2 months free\". Three plans — Basic $0 (Workout log, Weekly stats, Community); Coach $12 (Adaptive plans, Form feedback, Recovery score); Team $29 (Up to 20 athletes, Coach dashboard, Exports) — with Coach anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","fitness"],"palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#54453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.2},{"hex":"#F2682D","pct":6.2},{"hex":"#54453E","pct":2.5},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0325.webp","thumb":"assets/thumb/ORG-0325.webp","live":"originals/screens/gen-fitness-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0325.webp","thumb":"assets/thumb/ORG-0325.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#54453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.2},{"hex":"#F2682D","pct":6.2},{"hex":"#54453E","pct":2.5},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0328.webp","thumb":"assets/thumb/ORG-0328.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AEBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.0},{"hex":"#2C7D55","pct":6.5},{"hex":"#AEBDB3","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0327.webp","thumb":"assets/thumb/ORG-0327.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3553EF","#BBB9B5","#C7CFF6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.6},{"hex":"#FEFEFF","pct":12.5},{"hex":"#3553EF","pct":6.2},{"hex":"#BBB9B5","pct":5.6},{"hex":"#C7CFF6","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0326.webp","thumb":"assets/thumb/ORG-0326.webp","palette":["#0F0C16","#241D36","#1A1523","#BAE23A","#4A4A48","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.6},{"hex":"#1A1523","pct":18.4},{"hex":"#BAE23A","pct":6.5},{"hex":"#4A4A48","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0329","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness profile · Pulse","description":"A profile screen in Pulse for Kenji Watanabe (@kenji · Level 18). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 42 Day streak, 186 Workouts, 912 km — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","fitness","bottom-nav"],"palette":["#2A1E18","#0D0C0C","#1A1715","#151312","#3E312B","#C97F59"],"palette_detail":[{"hex":"#2A1E18","pct":40.1},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":13.4},{"hex":"#151312","pct":6.6},{"hex":"#3E312B","pct":6.1},{"hex":"#C97F59","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0329.webp","thumb":"assets/thumb/ORG-0329.webp","live":"originals/screens/gen-fitness-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0329.webp","thumb":"assets/thumb/ORG-0329.webp","palette":["#2A1E18","#0D0C0C","#1A1715","#151312","#3E312B","#C97F59"],"palette_detail":[{"hex":"#2A1E18","pct":40.1},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":13.4},{"hex":"#151312","pct":6.6},{"hex":"#3E312B","pct":6.1},{"hex":"#C97F59","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0332.webp","thumb":"assets/thumb/ORG-0332.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CEDBD1","#2B312F","#879F92"],"palette_detail":[{"hex":"#DFEBE1","pct":36.2},{"hex":"#F6F8F5","pct":30.8},{"hex":"#FEFFFE","pct":13.1},{"hex":"#CEDBD1","pct":10.9},{"hex":"#2B312F","pct":5.2},{"hex":"#879F92","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0331.webp","thumb":"assets/thumb/ORG-0331.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D0CFCC","#2E2D2D","#7E86B3"],"palette_detail":[{"hex":"#E7E5DE","pct":39.1},{"hex":"#F9F8F5","pct":29.0},{"hex":"#FEFEFE","pct":14.8},{"hex":"#D0CFCC","pct":8.7},{"hex":"#2E2D2D","pct":4.9},{"hex":"#7E86B3","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0330.webp","thumb":"assets/thumb/ORG-0330.webp","palette":["#231B35","#0E0B15","#1A1425","#353042","#15121C","#99A378"],"palette_detail":[{"hex":"#231B35","pct":39.1},{"hex":"#0E0B15","pct":31.7},{"hex":"#1A1425","pct":15.0},{"hex":"#353042","pct":6.9},{"hex":"#15121C","pct":4.7},{"hex":"#99A378","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0333","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness search · Pulse","description":"A search screen in Pulse: a focused field with a clear button, a chip row (All, Strength, Run, Yoga), recent searches as pills, \"Top results\" — Interval run, Upper body, Yoga flow, Long ride — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","fitness"],"palette":["#0E0D0C","#2A1D17","#382C25","#191614","#7B7875","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.6},{"hex":"#2A1D17","pct":35.4},{"hex":"#382C25","pct":10.6},{"hex":"#191614","pct":7.5},{"hex":"#7B7875","pct":2.1},{"hex":"#060505","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0333.webp","thumb":"assets/thumb/ORG-0333.webp","live":"originals/screens/gen-fitness-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0333.webp","thumb":"assets/thumb/ORG-0333.webp","palette":["#0E0D0C","#2A1D17","#382C25","#191614","#7B7875","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.6},{"hex":"#2A1D17","pct":35.4},{"hex":"#382C25","pct":10.6},{"hex":"#191614","pct":7.5},{"hex":"#7B7875","pct":2.1},{"hex":"#060505","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0336.webp","thumb":"assets/thumb/ORG-0336.webp","palette":["#F5F8F4","#DEEAE1","#CFDCD2","#FDFEFC","#2C2E2E","#9BA29D"],"palette_detail":[{"hex":"#F5F8F4","pct":40.0},{"hex":"#DEEAE1","pct":34.3},{"hex":"#CFDCD2","pct":11.2},{"hex":"#FDFEFC","pct":5.4},{"hex":"#2C2E2E","pct":5.1},{"hex":"#9BA29D","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0335.webp","thumb":"assets/thumb/ORG-0335.webp","palette":["#F9F8F5","#E8E5DE","#D8D6D2","#FEFEFC","#2E2D2D","#9F9E9A"],"palette_detail":[{"hex":"#F9F8F5","pct":39.6},{"hex":"#E8E5DE","pct":34.6},{"hex":"#D8D6D2","pct":11.2},{"hex":"#FEFEFC","pct":5.6},{"hex":"#2E2D2D","pct":5.1},{"hex":"#9F9E9A","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0334.webp","thumb":"assets/thumb/ORG-0334.webp","palette":["#100D17","#261F38","#1D172B","#0D0B13","#08070A","#75717E"],"palette_detail":[{"hex":"#100D17","pct":39.1},{"hex":"#261F38","pct":37.5},{"hex":"#1D172B","pct":13.4},{"hex":"#0D0B13","pct":4.8},{"hex":"#08070A","pct":2.9},{"hex":"#75717E","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0337","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness settings · Pulse","description":"Settings for Pulse. An account row leads; grouped cards follow — Training: Auto-pause runs (on), Audio cues (on), Strava sync (off); Health: Heart-rate zones (on), Share with coach (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","fitness"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#534A45","#CC987F"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#534A45","pct":1.9},{"hex":"#CC987F","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0337.webp","thumb":"assets/thumb/ORG-0337.webp","live":"originals/screens/gen-fitness-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0337.webp","thumb":"assets/thumb/ORG-0337.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#534A45","#CC987F"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#534A45","pct":1.9},{"hex":"#CC987F","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0340.webp","thumb":"assets/thumb/ORG-0340.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFE","#D4E1D7","#2C312F","#9CA8A0"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E0ECE2","pct":28.5},{"hex":"#FFFFFE","pct":17.1},{"hex":"#D4E1D7","pct":15.9},{"hex":"#2C312F","pct":5.1},{"hex":"#9CA8A0","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0339.webp","thumb":"assets/thumb/ORG-0339.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2D2D2D","#999BAB"],"palette_detail":[{"hex":"#E9E7E0","pct":28.6},{"hex":"#F9F8F6","pct":27.6},{"hex":"#FEFEFE","pct":19.0},{"hex":"#DEDBD4","pct":16.2},{"hex":"#2D2D2D","pct":4.9},{"hex":"#999BAB","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0338.webp","thumb":"assets/thumb/ORG-0338.webp","palette":["#241C36","#0E0C15","#181423","#1D172C","#403B4B","#B1BB8F"],"palette_detail":[{"hex":"#241C36","pct":39.2},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":18.7},{"hex":"#1D172C","pct":7.2},{"hex":"#403B4B","pct":2.1},{"hex":"#B1BB8F","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0341","kind":"image","category":"dashboard","type":"screen","title":"Fitness workout table · Pulse","description":"A desktop table of workouts in Pulse. A title row with Export and \"New workout\", a strip of four KPI tiles, a search field and filter dropdowns (Strength, Run, Yoga) sit above a table with name, details, status (Done / Planned) and value columns — Interval run, Upper body, Yoga flow, Long ride, Core blast, Recovery walk. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","fitness"],"palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#74594D"],"palette_detail":[{"hex":"#191615","pct":41.1},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2D211B","pct":21.7},{"hex":"#141312","pct":4.0},{"hex":"#100F0E","pct":3.0},{"hex":"#74594D","pct":1.6}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0341.webp","thumb":"assets/thumb/ORG-0341.webp","live":"originals/screens/gen-fitness-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0341.webp","thumb":"assets/thumb/ORG-0341.webp","palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#74594D"],"palette_detail":[{"hex":"#191615","pct":41.1},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2D211B","pct":21.7},{"hex":"#141312","pct":4.0},{"hex":"#100F0E","pct":3.0},{"hex":"#74594D","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0344.webp","thumb":"assets/thumb/ORG-0344.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A3B3A9"],"palette_detail":[{"hex":"#F6F8F5","pct":35.8},{"hex":"#FFFFFF","pct":30.2},{"hex":"#DEEAE1","pct":16.0},{"hex":"#CAD6CD","pct":8.1},{"hex":"#FDFDFD","pct":6.7},{"hex":"#A3B3A9","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0343.webp","thumb":"assets/thumb/ORG-0343.webp","palette":["#F9F8F6","#FFFFFF","#E7E5DE","#FDFDFD","#D3D1CB","#ABACB4"],"palette_detail":[{"hex":"#F9F8F6","pct":35.8},{"hex":"#FFFFFF","pct":25.2},{"hex":"#E7E5DE","pct":16.2},{"hex":"#FDFDFD","pct":11.5},{"hex":"#D3D1CB","pct":7.9},{"hex":"#ABACB4","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0342.webp","thumb":"assets/thumb/ORG-0342.webp","palette":["#1A1425","#0F0C16","#261F38","#15111F","#110E19","#6C715A"],"palette_detail":[{"hex":"#1A1425","pct":42.0},{"hex":"#0F0C16","pct":29.1},{"hex":"#261F38","pct":21.0},{"hex":"#15111F","pct":3.8},{"hex":"#110E19","pct":2.6},{"hex":"#6C715A","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0345","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery activity feed · Bowl","description":"An activity feed in Bowl grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Order on the way\" (Marco is 12 min away) and \"Kōji Ramen is open\" — and read items are plain rows: \"€5 off tonight\", \"Rate your order\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","food","delivery","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181513","#221F1D","#A26C54"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181513","pct":7.8},{"hex":"#221F1D","pct":6.6},{"hex":"#A26C54","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0345.webp","thumb":"assets/thumb/ORG-0345.webp","live":"originals/screens/gen-food-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0345.webp","thumb":"assets/thumb/ORG-0345.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181513","#221F1D","#A26C54"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181513","pct":7.8},{"hex":"#221F1D","pct":6.6},{"hex":"#A26C54","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0348.webp","thumb":"assets/thumb/ORG-0348.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFEFC","#2B332F","#7E8D84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.3},{"hex":"#DBE8DE","pct":39.9},{"hex":"#BCC8BF","pct":6.1},{"hex":"#FCFEFC","pct":5.9},{"hex":"#2B332F","pct":5.3},{"hex":"#7E8D84","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0347.webp","thumb":"assets/thumb/ORG-0347.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C1C0BF","#2D2D2D","#737AA1"],"palette_detail":[{"hex":"#FAF9F7","pct":40.3},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.1},{"hex":"#C1C0BF","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737AA1","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0346.webp","thumb":"assets/thumb/ORG-0346.webp","palette":["#0E0C15","#231C36","#17131F","#1D172C","#373243","#93A163"],"palette_detail":[{"hex":"#0E0C15","pct":40.5},{"hex":"#231C36","pct":40.1},{"hex":"#17131F","pct":6.3},{"hex":"#1D172C","pct":6.0},{"hex":"#373243","pct":5.2},{"hex":"#93A163","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0349","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery your cart · Bowl","description":"A confirmation screen in Bowl titled \"Your cart\". A summary card lists Miso ramen ×1 €14.50; Gyoza ×2 €8.00; Delivery €2.99; Service €1.21, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €26.70 beside the primary button \"Pay €26.70\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","food","delivery"],"palette":["#291D17","#0D0D0C","#191715","#372D27","#161413","#BC6843"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191715","pct":13.5},{"hex":"#372D27","pct":9.8},{"hex":"#161413","pct":4.3},{"hex":"#BC6843","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0349.webp","thumb":"assets/thumb/ORG-0349.webp","live":"originals/screens/gen-food-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0349.webp","thumb":"assets/thumb/ORG-0349.webp","palette":["#291D17","#0D0D0C","#191715","#372D27","#161413","#BC6843"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191715","pct":13.5},{"hex":"#372D27","pct":9.8},{"hex":"#161413","pct":4.3},{"hex":"#BC6843","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0352.webp","thumb":"assets/thumb/ORG-0352.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3631","#809389"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.4},{"hex":"#FEFEFE","pct":14.6},{"hex":"#BFC9C1","pct":5.7},{"hex":"#2A3631","pct":5.5},{"hex":"#809389","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0351.webp","thumb":"assets/thumb/ORG-0351.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BF","#2D2D2D","#6C77B6"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.4},{"hex":"#FEFEFE","pct":14.7},{"hex":"#C5C3BF","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6C77B6","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0350.webp","thumb":"assets/thumb/ORG-0350.webp","palette":["#231B35","#0E0C15","#1A1525","#322C43","#15121C","#9FB949"],"palette_detail":[{"hex":"#231B35","pct":37.0},{"hex":"#0E0C15","pct":33.3},{"hex":"#1A1525","pct":15.4},{"hex":"#322C43","pct":9.0},{"hex":"#15121C","pct":3.6},{"hex":"#9FB949","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0353","kind":"image","category":"dashboard","type":"screen","title":"Food delivery desktop dashboard · Bowl","description":"A desktop dashboard for Bowl (food delivery). A sidebar lists Overview, Reports, Orders, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Orders 24, Saved €38, Favourites 9, Rating 4.9), a bar chart of orders this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","food","delivery"],"palette":["#181615","#271D18","#0E0D0C","#382E28","#131211","#CE683C"],"palette_detail":[{"hex":"#181615","pct":54.8},{"hex":"#271D18","pct":23.6},{"hex":"#0E0D0C","pct":10.8},{"hex":"#382E28","pct":7.0},{"hex":"#131211","pct":2.7},{"hex":"#CE683C","pct":1.0}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0353.webp","thumb":"assets/thumb/ORG-0353.webp","live":"originals/screens/gen-food-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0353.webp","thumb":"assets/thumb/ORG-0353.webp","palette":["#181615","#271D18","#0E0D0C","#382E28","#131211","#CE683C"],"palette_detail":[{"hex":"#181615","pct":54.8},{"hex":"#271D18","pct":23.6},{"hex":"#0E0D0C","pct":10.8},{"hex":"#382E28","pct":7.0},{"hex":"#131211","pct":2.7},{"hex":"#CE683C","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0356.webp","thumb":"assets/thumb/ORG-0356.webp","palette":["#FFFFFF","#E1ECE3","#F5F7F4","#C9D5CC","#FBFCFB","#86A593"],"palette_detail":[{"hex":"#FFFFFF","pct":47.7},{"hex":"#E1ECE3","pct":19.2},{"hex":"#F5F7F4","pct":15.3},{"hex":"#C9D5CC","pct":10.2},{"hex":"#FBFCFB","pct":5.6},{"hex":"#86A593","pct":1.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0355.webp","thumb":"assets/thumb/ORG-0355.webp","palette":["#FFFFFF","#EAE8E2","#F8F7F5","#D4D2CB","#FCFCFB","#9097BE"],"palette_detail":[{"hex":"#FFFFFF","pct":47.7},{"hex":"#EAE8E2","pct":19.0},{"hex":"#F8F7F5","pct":15.3},{"hex":"#D4D2CB","pct":9.8},{"hex":"#FCFCFB","pct":5.5},{"hex":"#9097BE","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0354.webp","thumb":"assets/thumb/ORG-0354.webp","palette":["#191425","#231C35","#100D17","#161220","#3B3549","#B1D63A"],"palette_detail":[{"hex":"#191425","pct":54.5},{"hex":"#231C35","pct":26.9},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.5},{"hex":"#3B3549","pct":2.2},{"hex":"#B1D63A","pct":0.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0357","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery order detail · Bowl","description":"A detail screen in Bowl for \"Miso ramen\" (Kōji Ramen · Bestseller). An illustrated header carries back and save buttons; below sit the title, the value \"€14.50\", a 2×2 fact grid (Spice: Medium; Broth: White miso; Kcal: 640; Ready in: 15 min), a short paragraph, two \"Related\" rows and a sticky action \"Pay €26.70\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","food","delivery"],"palette":["#291E17","#0D0C0C","#84543B","#3F2E25","#1B1714","#C88160"],"palette_detail":[{"hex":"#291E17","pct":40.7},{"hex":"#0D0C0C","pct":22.2},{"hex":"#84543B","pct":13.3},{"hex":"#3F2E25","pct":11.8},{"hex":"#1B1714","pct":7.0},{"hex":"#C88160","pct":5.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0357.webp","thumb":"assets/thumb/ORG-0357.webp","live":"originals/screens/gen-food-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0357.webp","thumb":"assets/thumb/ORG-0357.webp","palette":["#291E17","#0D0C0C","#84543B","#3F2E25","#1B1714","#C88160"],"palette_detail":[{"hex":"#291E17","pct":40.7},{"hex":"#0D0C0C","pct":22.2},{"hex":"#84543B","pct":13.3},{"hex":"#3F2E25","pct":11.8},{"hex":"#1B1714","pct":7.0},{"hex":"#C88160","pct":5.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0360.webp","thumb":"assets/thumb/ORG-0360.webp","palette":["#D7E6DB","#F6F8F5","#E6EFE7","#B7CEBE","#7B9685","#264134"],"palette_detail":[{"hex":"#D7E6DB","pct":34.1},{"hex":"#F6F8F5","pct":20.5},{"hex":"#E6EFE7","pct":16.4},{"hex":"#B7CEBE","pct":13.6},{"hex":"#7B9685","pct":8.7},{"hex":"#264134","pct":6.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0359.webp","thumb":"assets/thumb/ORG-0359.webp","palette":["#EAE7E0","#FAF9F6","#D7DAE2","#B7BED1","#6A7CBF","#2C2C2E"],"palette_detail":[{"hex":"#EAE7E0","pct":39.2},{"hex":"#FAF9F6","pct":21.2},{"hex":"#D7DAE2","pct":14.8},{"hex":"#B7BED1","pct":11.2},{"hex":"#6A7CBF","pct":8.7},{"hex":"#2C2C2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0358.webp","thumb":"assets/thumb/ORG-0358.webp","palette":["#231B35","#0E0C15","#5D5E72","#363341","#1B1626","#A6BA6E"],"palette_detail":[{"hex":"#231B35","pct":43.1},{"hex":"#0E0C15","pct":24.1},{"hex":"#5D5E72","pct":13.1},{"hex":"#363341","pct":8.5},{"hex":"#1B1626","pct":5.9},{"hex":"#A6BA6E","pct":5.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0361","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery empty state · Bowl","description":"An empty state in Bowl: a ghosted stack of cards with an accent badge, the line \"Your cart is empty\", the explanation \"Add something good — free delivery on orders over €20.\" and a single button \"Browse restaurants\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","food","delivery","bottom-nav"],"palette":["#0D0D0C","#2B1E17","#161413","#3A2D27","#241913","#DD6734"],"palette_detail":[{"hex":"#0D0D0C","pct":44.9},{"hex":"#2B1E17","pct":30.8},{"hex":"#161413","pct":8.6},{"hex":"#3A2D27","pct":8.1},{"hex":"#241913","pct":5.2},{"hex":"#DD6734","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0361.webp","thumb":"assets/thumb/ORG-0361.webp","live":"originals/screens/gen-food-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0361.webp","thumb":"assets/thumb/ORG-0361.webp","palette":["#0D0D0C","#2B1E17","#161413","#3A2D27","#241913","#DD6734"],"palette_detail":[{"hex":"#0D0D0C","pct":44.9},{"hex":"#2B1E17","pct":30.8},{"hex":"#161413","pct":8.6},{"hex":"#3A2D27","pct":8.1},{"hex":"#241913","pct":5.2},{"hex":"#DD6734","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0364.webp","thumb":"assets/thumb/ORG-0364.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2C9","#294035","#84958C"],"palette_detail":[{"hex":"#F6F8F5","pct":39.2},{"hex":"#DCE9DF","pct":37.3},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C7D2C9","pct":6.7},{"hex":"#294035","pct":6.5},{"hex":"#84958C","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0363.webp","thumb":"assets/thumb/ORG-0363.webp","palette":["#FBFAF7","#E4E1DA","#ECEAE4","#C6C5C2","#2D2D2D","#586AC6"],"palette_detail":[{"hex":"#FBFAF7","pct":46.7},{"hex":"#E4E1DA","pct":29.7},{"hex":"#ECEAE4","pct":9.6},{"hex":"#C6C5C2","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#586AC6","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0362.webp","thumb":"assets/thumb/ORG-0362.webp","palette":["#0E0C15","#221A34","#2E273E","#181421","#C2EF32","#798062"],"palette_detail":[{"hex":"#0E0C15","pct":45.1},{"hex":"#221A34","pct":31.3},{"hex":"#2E273E","pct":10.7},{"hex":"#181421","pct":10.0},{"hex":"#C2EF32","pct":1.7},{"hex":"#798062","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0365","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery home · Bowl","description":"The home screen of Bowl, a food delivery app. A greeting row sits above \"Arriving in\" with a hero figure \"12 min\" and a supporting line \"Kōji Ramen · on the way\". A card charts \"orders this week\" as seven bars with Thursday highlighted, then a \"Recent\" list shows Kōji Ramen, Forno Nero and Green Room, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","food","delivery"],"palette":["#2A1E17","#0E0D0C","#191615","#382E28","#AA836F","#040404"],"palette_detail":[{"hex":"#2A1E17","pct":36.8},{"hex":"#0E0D0C","pct":36.3},{"hex":"#191615","pct":14.6},{"hex":"#382E28","pct":8.8},{"hex":"#AA836F","pct":1.9},{"hex":"#040404","pct":1.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0365.webp","thumb":"assets/thumb/ORG-0365.webp","live":"originals/screens/gen-food-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0365.webp","thumb":"assets/thumb/ORG-0365.webp","palette":["#2A1E17","#0E0D0C","#191615","#382E28","#AA836F","#040404"],"palette_detail":[{"hex":"#2A1E17","pct":36.8},{"hex":"#0E0D0C","pct":36.3},{"hex":"#191615","pct":14.6},{"hex":"#382E28","pct":8.8},{"hex":"#AA836F","pct":1.9},{"hex":"#040404","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0368.webp","thumb":"assets/thumb/ORG-0368.webp","palette":["#DEEAE1","#F5F8F5","#FEFEFD","#D0DCD2","#2D3431","#95A099"],"palette_detail":[{"hex":"#DEEAE1","pct":35.0},{"hex":"#F5F8F5","pct":33.0},{"hex":"#FEFEFD","pct":12.3},{"hex":"#D0DCD2","pct":10.6},{"hex":"#2D3431","pct":5.5},{"hex":"#95A099","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0367.webp","thumb":"assets/thumb/ORG-0367.webp","palette":["#E7E4DD","#F9F8F5","#FFFEFD","#D2D0CB","#2F2F2F","#878B9F"],"palette_detail":[{"hex":"#E7E4DD","pct":38.1},{"hex":"#F9F8F5","pct":32.6},{"hex":"#FFFEFD","pct":12.7},{"hex":"#D2D0CB","pct":8.5},{"hex":"#2F2F2F","pct":5.2},{"hex":"#878B9F","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0366.webp","thumb":"assets/thumb/ORG-0366.webp","palette":["#231B35","#0F0C16","#191424","#332E43","#08070B","#9AA182"],"palette_detail":[{"hex":"#231B35","pct":36.9},{"hex":"#0F0C16","pct":35.4},{"hex":"#191424","pct":14.4},{"hex":"#332E43","pct":8.1},{"hex":"#08070B","pct":3.4},{"hex":"#9AA182","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0369","kind":"image","category":"website","type":"screen","title":"Food delivery landing hero · Bowl","description":"A desktop landing hero for Bowl. A slim nav with \"Get Bowl\" sits over a two-column hero: an eyebrow pill (\"Order on the way\"), the headline \"Dinner, sorted in minutes.\", \"Your favourite places, tracked to your door — with no surprise fees at checkout.\", primary \"Find food near me\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","food","delivery"],"palette":["#0E0D0C","#281D17","#382922","#191613","#0C0B0B","#B1623F"],"palette_detail":[{"hex":"#0E0D0C","pct":50.8},{"hex":"#281D17","pct":21.6},{"hex":"#382922","pct":16.1},{"hex":"#191613","pct":7.3},{"hex":"#0C0B0B","pct":2.8},{"hex":"#B1623F","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0369.webp","thumb":"assets/thumb/ORG-0369.webp","live":"originals/screens/gen-food-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0369.webp","thumb":"assets/thumb/ORG-0369.webp","palette":["#0E0D0C","#281D17","#382922","#191613","#0C0B0B","#B1623F"],"palette_detail":[{"hex":"#0E0D0C","pct":50.8},{"hex":"#281D17","pct":21.6},{"hex":"#382922","pct":16.1},{"hex":"#191613","pct":7.3},{"hex":"#0C0B0B","pct":2.8},{"hex":"#B1623F","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0372.webp","thumb":"assets/thumb/ORG-0372.webp","palette":["#F5F7F4","#DAE7DD","#B9C6BC","#F8F9F7","#FEFEFE","#5C806D"],"palette_detail":[{"hex":"#F5F7F4","pct":49.6},{"hex":"#DAE7DD","pct":30.2},{"hex":"#B9C6BC","pct":8.0},{"hex":"#F8F9F7","pct":5.2},{"hex":"#FEFEFE","pct":4.3},{"hex":"#5C806D","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0371.webp","thumb":"assets/thumb/ORG-0371.webp","palette":["#FAF9F6","#E8E7E5","#D9DADA","#BABABB","#FEFEFE","#5C6AAC"],"palette_detail":[{"hex":"#FAF9F6","pct":54.1},{"hex":"#E8E7E5","pct":20.7},{"hex":"#D9DADA","pct":13.3},{"hex":"#BABABB","pct":6.1},{"hex":"#FEFEFE","pct":4.1},{"hex":"#5C6AAC","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0370.webp","thumb":"assets/thumb/ORG-0370.webp","palette":["#0F0C16","#20192F","#302C3B","#0E0B14","#96A957","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":50.8},{"hex":"#20192F","pct":25.0},{"hex":"#302C3B","pct":17.7},{"hex":"#0E0B14","pct":3.0},{"hex":"#96A957","pct":2.4},{"hex":"#090612","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0373","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery order list · Bowl","description":"A two-column card grid of orders in Bowl. A chip row with \"Ramen\" selected sits above six cards, each an illustrated tile with a title and value: Kōji Ramen, Forno Nero, Green Room, Taco Lab, Pastelaria 28, Thai Garden. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","food","delivery"],"palette":["#291D16","#0D0C0B","#A06A4E","#342720","#1B1613","#6F4938"],"palette_detail":[{"hex":"#291D16","pct":31.2},{"hex":"#0D0C0B","pct":28.9},{"hex":"#A06A4E","pct":18.8},{"hex":"#342720","pct":11.1},{"hex":"#1B1613","pct":6.3},{"hex":"#6F4938","pct":3.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0373.webp","thumb":"assets/thumb/ORG-0373.webp","live":"originals/screens/gen-food-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0373.webp","thumb":"assets/thumb/ORG-0373.webp","palette":["#291D16","#0D0C0B","#A06A4E","#342720","#1B1613","#6F4938"],"palette_detail":[{"hex":"#291D16","pct":31.2},{"hex":"#0D0C0B","pct":28.9},{"hex":"#A06A4E","pct":18.8},{"hex":"#342720","pct":11.1},{"hex":"#1B1613","pct":6.3},{"hex":"#6F4938","pct":3.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0376.webp","thumb":"assets/thumb/ORG-0376.webp","palette":["#DDEADF","#F6F8F5","#ACCAB6","#CBDED1","#809F8B","#2C2D2D"],"palette_detail":[{"hex":"#DDEADF","pct":35.5},{"hex":"#F6F8F5","pct":27.8},{"hex":"#ACCAB6","pct":14.2},{"hex":"#CBDED1","pct":11.7},{"hex":"#809F8B","pct":5.8},{"hex":"#2C2D2D","pct":5.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0375.webp","thumb":"assets/thumb/ORG-0375.webp","palette":["#E3E0D9","#F9F9F6","#C1CEF6","#95AEF4","#2D2D2D","#92959E"],"palette_detail":[{"hex":"#E3E0D9","pct":42.2},{"hex":"#F9F9F6","pct":28.6},{"hex":"#C1CEF6","pct":11.2},{"hex":"#95AEF4","pct":8.9},{"hex":"#2D2D2D","pct":5.1},{"hex":"#92959E","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0374.webp","thumb":"assets/thumb/ORG-0374.webp","palette":["#221A34","#0E0B14","#777D82","#2D263E","#181521","#5A5E5E"],"palette_detail":[{"hex":"#221A34","pct":31.7},{"hex":"#0E0B14","pct":28.6},{"hex":"#777D82","pct":18.5},{"hex":"#2D263E","pct":11.6},{"hex":"#181521","pct":6.0},{"hex":"#5A5E5E","pct":3.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0377","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery welcome · Bowl","description":"The first onboarding step of Bowl. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Dinner, sorted in minutes.\", followed by \"Your favourite places, tracked to your door — with no surprise fees at checkout.\" and a full-width primary button \"Find food near me\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","food","delivery"],"palette":["#2A1D16","#A4684A","#0E0D0C","#382B23","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D16","pct":32.3},{"hex":"#A4684A","pct":23.5},{"hex":"#0E0D0C","pct":21.8},{"hex":"#382B23","pct":11.2},{"hex":"#1B1512","pct":6.4},{"hex":"#080909","pct":4.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0377.webp","thumb":"assets/thumb/ORG-0377.webp","live":"originals/screens/gen-food-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0377.webp","thumb":"assets/thumb/ORG-0377.webp","palette":["#2A1D16","#A4684A","#0E0D0C","#382B23","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D16","pct":32.3},{"hex":"#A4684A","pct":23.5},{"hex":"#0E0D0C","pct":21.8},{"hex":"#382B23","pct":11.2},{"hex":"#1B1512","pct":6.4},{"hex":"#080909","pct":4.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0380.webp","thumb":"assets/thumb/ORG-0380.webp","palette":["#DBE8DE","#F5F7F4","#BDD5C5","#96B6A2","#294739","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":39.7},{"hex":"#F5F7F4","pct":21.3},{"hex":"#BDD5C5","pct":18.2},{"hex":"#96B6A2","pct":8.9},{"hex":"#294739","pct":7.4},{"hex":"#FBFCFA","pct":4.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0379.webp","thumb":"assets/thumb/ORG-0379.webp","palette":["#FAF9F7","#EAE7E1","#DFDCD5","#C1CEF6","#98AADF","#2D3669"],"palette_detail":[{"hex":"#FAF9F7","pct":25.5},{"hex":"#EAE7E1","pct":22.3},{"hex":"#DFDCD5","pct":20.6},{"hex":"#C1CEF6","pct":15.6},{"hex":"#98AADF","pct":8.8},{"hex":"#2D3669","pct":7.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0378.webp","thumb":"assets/thumb/ORG-0378.webp","palette":["#211A34","#100D17","#737782","#2F293E","#0A080E","#B2DB2F"],"palette_detail":[{"hex":"#211A34","pct":33.2},{"hex":"#100D17","pct":25.5},{"hex":"#737782","pct":20.6},{"hex":"#2F293E","pct":11.6},{"hex":"#0A080E","pct":5.6},{"hex":"#B2DB2F","pct":3.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0381","kind":"image","category":"website","type":"screen","title":"Food delivery pricing · Bowl","description":"A desktop pricing section for Bowl with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (Standard delivery, Live tracking, Support); Plus €5 (Free delivery over €12, Member deals, No service fee); Office €19 (Team ordering, Monthly invoice, Budgets) — with Plus anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","food","delivery"],"palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#53453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F2682D","pct":6.2},{"hex":"#53453E","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0381.webp","thumb":"assets/thumb/ORG-0381.webp","live":"originals/screens/gen-food-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0381.webp","thumb":"assets/thumb/ORG-0381.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#53453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F2682D","pct":6.2},{"hex":"#53453E","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0384.webp","thumb":"assets/thumb/ORG-0384.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.0},{"hex":"#2C7D55","pct":6.6},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0383.webp","thumb":"assets/thumb/ORG-0383.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB9B7","#CFD5F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFEFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B7","pct":5.7},{"hex":"#CFD5F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0382.webp","thumb":"assets/thumb/ORG-0382.webp","palette":["#0F0C16","#241D36","#1A1523","#BAE23A","#4A4A48","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":49.0},{"hex":"#241D36","pct":21.5},{"hex":"#1A1523","pct":18.5},{"hex":"#BAE23A","pct":6.5},{"hex":"#4A4A48","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0385","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery profile · Bowl","description":"A profile screen in Bowl for Omar Haddad (@omar · Plus). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 24 Orders, 9 Favourites, €38 Saved — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","food","delivery","bottom-nav"],"palette":["#2A1E17","#0D0C0C","#1A1715","#3B2F28","#151312","#C87E58"],"palette_detail":[{"hex":"#2A1E17","pct":38.8},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.8},{"hex":"#3B2F28","pct":7.8},{"hex":"#151312","pct":6.6},{"hex":"#C87E58","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0385.webp","thumb":"assets/thumb/ORG-0385.webp","live":"originals/screens/gen-food-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0385.webp","thumb":"assets/thumb/ORG-0385.webp","palette":["#2A1E17","#0D0C0C","#1A1715","#3B2F28","#151312","#C87E58"],"palette_detail":[{"hex":"#2A1E17","pct":38.8},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.8},{"hex":"#3B2F28","pct":7.8},{"hex":"#151312","pct":6.6},{"hex":"#C87E58","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0388.webp","thumb":"assets/thumb/ORG-0388.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD1","#2B322F","#89A093"],"palette_detail":[{"hex":"#DFEBE1","pct":36.4},{"hex":"#F6F8F5","pct":30.9},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CFDBD1","pct":10.7},{"hex":"#2B322F","pct":5.2},{"hex":"#89A093","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0387.webp","thumb":"assets/thumb/ORG-0387.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2E2D2D","#7F87B4"],"palette_detail":[{"hex":"#E7E5DE","pct":39.2},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.6},{"hex":"#D1CFCC","pct":8.6},{"hex":"#2E2D2D","pct":4.9},{"hex":"#7F87B4","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0386.webp","thumb":"assets/thumb/ORG-0386.webp","palette":["#231B35","#0E0B15","#191425","#342E41","#15121C","#98A277"],"palette_detail":[{"hex":"#231B35","pct":37.7},{"hex":"#0E0B15","pct":31.8},{"hex":"#191425","pct":14.9},{"hex":"#342E41","pct":8.5},{"hex":"#15121C","pct":4.6},{"hex":"#98A277","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0389","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery search · Bowl","description":"A search screen in Bowl: a focused field with a clear button, a chip row (All, Ramen, Pizza, Salads), recent searches as pills, \"Top results\" — Kōji Ramen, Forno Nero, Green Room, Taco Lab — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","food","delivery"],"palette":["#0E0D0C","#291D17","#372B24","#191614","#7A7673","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.9},{"hex":"#291D17","pct":34.6},{"hex":"#372B24","pct":11.6},{"hex":"#191614","pct":7.7},{"hex":"#7A7673","pct":1.8},{"hex":"#040404","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0389.webp","thumb":"assets/thumb/ORG-0389.webp","live":"originals/screens/gen-food-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0389.webp","thumb":"assets/thumb/ORG-0389.webp","palette":["#0E0D0C","#291D17","#372B24","#191614","#7A7673","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.9},{"hex":"#291D17","pct":34.6},{"hex":"#372B24","pct":11.6},{"hex":"#191614","pct":7.7},{"hex":"#7A7673","pct":1.8},{"hex":"#040404","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0392.webp","thumb":"assets/thumb/ORG-0392.webp","palette":["#F5F8F4","#DDEAE0","#CBD7CE","#FDFEFC","#2C2E2E","#9BA29C"],"palette_detail":[{"hex":"#F5F8F4","pct":40.6},{"hex":"#DDEAE0","pct":36.9},{"hex":"#CBD7CE","pct":8.8},{"hex":"#FDFEFC","pct":5.3},{"hex":"#2C2E2E","pct":5.1},{"hex":"#9BA29C","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0391.webp","thumb":"assets/thumb/ORG-0391.webp","palette":["#F9F8F5","#E7E4DD","#D4D3D0","#FEFEFC","#2E2D2D","#9F9E9B"],"palette_detail":[{"hex":"#F9F8F5","pct":40.1},{"hex":"#E7E4DD","pct":36.9},{"hex":"#D4D3D0","pct":8.9},{"hex":"#FEFEFC","pct":5.4},{"hex":"#2E2D2D","pct":5.1},{"hex":"#9F9E9B","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0390.webp","thumb":"assets/thumb/ORG-0390.webp","palette":["#0F0C16","#221A34","#312C3E","#1A1622","#08070B","#797582"],"palette_detail":[{"hex":"#0F0C16","pct":42.0},{"hex":"#221A34","pct":35.3},{"hex":"#312C3E","pct":10.3},{"hex":"#1A1622","pct":7.4},{"hex":"#08070B","pct":3.2},{"hex":"#797582","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0393","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery settings · Bowl","description":"Settings for Bowl. An account row leads; grouped cards follow — Orders: Leave at door (on), Cutlery (off), Order updates (on); Diet: Vegetarian (off), Hide alcohol (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","food","delivery"],"palette":["#0E0D0C","#251A14","#2B1F18","#181615","#3E332D","#BB9481"],"palette_detail":[{"hex":"#0E0D0C","pct":31.8},{"hex":"#251A14","pct":21.5},{"hex":"#2B1F18","pct":21.3},{"hex":"#181615","pct":20.4},{"hex":"#3E332D","pct":3.8},{"hex":"#BB9481","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0393.webp","thumb":"assets/thumb/ORG-0393.webp","live":"originals/screens/gen-food-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0393.webp","thumb":"assets/thumb/ORG-0393.webp","palette":["#0E0D0C","#251A14","#2B1F18","#181615","#3E332D","#BB9481"],"palette_detail":[{"hex":"#0E0D0C","pct":31.8},{"hex":"#251A14","pct":21.5},{"hex":"#2B1F18","pct":21.3},{"hex":"#181615","pct":20.4},{"hex":"#3E332D","pct":3.8},{"hex":"#BB9481","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0396.webp","thumb":"assets/thumb/ORG-0396.webp","palette":["#F6F8F5","#D6E3D9","#E2EDE4","#FFFFFF","#2C302E","#9DA8A0"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#D6E3D9","pct":26.7},{"hex":"#E2EDE4","pct":17.6},{"hex":"#FFFFFF","pct":17.5},{"hex":"#2C302E","pct":5.1},{"hex":"#9DA8A0","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0395.webp","thumb":"assets/thumb/ORG-0395.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2E2D2D","#9D9EA9"],"palette_detail":[{"hex":"#E9E7E0","pct":28.6},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":19.3},{"hex":"#DEDBD4","pct":15.8},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9D9EA9","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0394.webp","thumb":"assets/thumb/ORG-0394.webp","palette":["#231B36","#0E0C15","#181423","#1D172C","#352F45","#AAB093"],"palette_detail":[{"hex":"#231B36","pct":36.1},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":19.0},{"hex":"#1D172C","pct":6.1},{"hex":"#352F45","pct":5.8},{"hex":"#AAB093","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0397","kind":"image","category":"dashboard","type":"screen","title":"Food delivery order table · Bowl","description":"A desktop table of orders in Bowl. A title row with Export and \"New order\", a strip of four KPI tiles, a search field and filter dropdowns (Ramen, Pizza, Salads) sit above a table with name, details, status (Delivered / Saved) and value columns — Kōji Ramen, Forno Nero, Green Room, Taco Lab, Pastelaria 28, Thai Garden. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","food","delivery"],"palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0D","#775646"],"palette_detail":[{"hex":"#191615","pct":41.3},{"hex":"#0E0D0C","pct":28.7},{"hex":"#2D211B","pct":21.9},{"hex":"#141312","pct":3.8},{"hex":"#100F0D","pct":2.9},{"hex":"#775646","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0397.webp","thumb":"assets/thumb/ORG-0397.webp","live":"originals/screens/gen-food-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0397.webp","thumb":"assets/thumb/ORG-0397.webp","palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0D","#775646"],"palette_detail":[{"hex":"#191615","pct":41.3},{"hex":"#0E0D0C","pct":28.7},{"hex":"#2D211B","pct":21.9},{"hex":"#141312","pct":3.8},{"hex":"#100F0D","pct":2.9},{"hex":"#775646","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0400.webp","thumb":"assets/thumb/ORG-0400.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B5AA"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":30.4},{"hex":"#DEEAE1","pct":16.2},{"hex":"#CAD6CD","pct":7.8},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A5B5AA","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0399.webp","thumb":"assets/thumb/ORG-0399.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C1BFBC","#4861E3"],"palette_detail":[{"hex":"#F9F8F6","pct":36.2},{"hex":"#FFFFFF","pct":25.4},{"hex":"#E4E2DB","pct":20.4},{"hex":"#FDFDFD","pct":11.4},{"hex":"#C1BFBC","pct":6.4},{"hex":"#4861E3","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0398.webp","thumb":"assets/thumb/ORG-0398.webp","palette":["#1A1425","#0F0C16","#261F38","#15111F","#110E19","#6C7353"],"palette_detail":[{"hex":"#1A1425","pct":42.3},{"hex":"#0F0C16","pct":29.2},{"hex":"#261F38","pct":21.0},{"hex":"#15111F","pct":3.6},{"hex":"#110E19","pct":2.6},{"hex":"#6C7353","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0401","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health activity feed · Dose","description":"An activity feed in Dose grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Time for Vitamin D\" (1 capsule · 8:00 PM) and \"Refill soon\" — and read items are plain rows: \"Weekly report ready\", \"Appointment tomorrow\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","health","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181413","#211F1D","#A16D56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.3},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181413","pct":7.8},{"hex":"#211F1D","pct":6.7},{"hex":"#A16D56","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0401.webp","thumb":"assets/thumb/ORG-0401.webp","live":"originals/screens/gen-health-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0401.webp","thumb":"assets/thumb/ORG-0401.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181413","#211F1D","#A16D56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.3},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181413","pct":7.8},{"hex":"#211F1D","pct":6.7},{"hex":"#A16D56","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0404.webp","thumb":"assets/thumb/ORG-0404.webp","palette":["#F4F7F3","#DBE8DE","#BCC7BF","#FCFDFC","#2B3330","#7C8B83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.0},{"hex":"#DBE8DE","pct":39.9},{"hex":"#BCC7BF","pct":6.2},{"hex":"#FCFDFC","pct":6.1},{"hex":"#2B3330","pct":5.3},{"hex":"#7C8B83","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0403.webp","thumb":"assets/thumb/ORG-0403.webp","palette":["#FAFAF7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#737AA1"],"palette_detail":[{"hex":"#FAFAF7","pct":40.1},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.2},{"hex":"#C0BFBF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737AA1","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0402.webp","thumb":"assets/thumb/ORG-0402.webp","palette":["#0E0C15","#251D37","#1E182E","#17131F","#4B4A4C","#9AAA64"],"palette_detail":[{"hex":"#0E0C15","pct":40.4},{"hex":"#251D37","pct":38.8},{"hex":"#1E182E","pct":10.1},{"hex":"#17131F","pct":6.7},{"hex":"#4B4A4C","pct":2.4},{"hex":"#9AAA64","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0405","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health request refill · Dose","description":"A confirmation screen in Dose titled \"Request refill\". A summary card lists Medication Lisinopril 10 mg; Quantity 30 tablets; Pharmacy Farmácia Central; Ready Tomorrow, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €4.20 beside the primary button \"Request refill\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","health"],"palette":["#291E17","#0D0D0C","#1A1715","#382E29","#161313","#B66A49"],"palette_detail":[{"hex":"#291E17","pct":37.5},{"hex":"#0D0D0C","pct":33.4},{"hex":"#1A1715","pct":13.1},{"hex":"#382E29","pct":9.0},{"hex":"#161313","pct":4.7},{"hex":"#B66A49","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0405.webp","thumb":"assets/thumb/ORG-0405.webp","live":"originals/screens/gen-health-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0405.webp","thumb":"assets/thumb/ORG-0405.webp","palette":["#291E17","#0D0D0C","#1A1715","#382E29","#161313","#B66A49"],"palette_detail":[{"hex":"#291E17","pct":37.5},{"hex":"#0D0D0C","pct":33.4},{"hex":"#1A1715","pct":13.1},{"hex":"#382E29","pct":9.0},{"hex":"#161313","pct":4.7},{"hex":"#B66A49","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0408.webp","thumb":"assets/thumb/ORG-0408.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3731","#82938A"],"palette_detail":[{"hex":"#DBE8DE","pct":38.6},{"hex":"#F4F7F4","pct":33.2},{"hex":"#FEFEFE","pct":14.2},{"hex":"#BFC9C1","pct":5.8},{"hex":"#2A3731","pct":5.6},{"hex":"#82938A","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0407.webp","thumb":"assets/thumb/ORG-0407.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BE","#2D2D2D","#6D78B4"],"palette_detail":[{"hex":"#E6E3DC","pct":41.6},{"hex":"#F9F8F5","pct":30.1},{"hex":"#FEFEFE","pct":14.3},{"hex":"#C5C3BE","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6D78B4","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0406.webp","thumb":"assets/thumb/ORG-0406.webp","palette":["#241C36","#0E0C15","#1A1525","#15121D","#3E394B","#9FB750"],"palette_detail":[{"hex":"#241C36","pct":43.6},{"hex":"#0E0C15","pct":33.1},{"hex":"#1A1525","pct":14.6},{"hex":"#15121D","pct":4.2},{"hex":"#3E394B","pct":2.5},{"hex":"#9FB750","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0409","kind":"image","category":"dashboard","type":"screen","title":"Health desktop dashboard · Dose","description":"A desktop dashboard for Dose (health). A sidebar lists Overview, Reports, Medications, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (On time 92%, Meds 4, Refill 6 days, BP 118/76), a bar chart of adherence this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","health"],"palette":["#181615","#291D16","#0F0E0D","#221F1D","#382E28","#D1693C"],"palette_detail":[{"hex":"#181615","pct":51.3},{"hex":"#291D16","pct":17.3},{"hex":"#0F0E0D","pct":12.7},{"hex":"#221F1D","pct":10.4},{"hex":"#382E28","pct":6.9},{"hex":"#D1693C","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0409.webp","thumb":"assets/thumb/ORG-0409.webp","live":"originals/screens/gen-health-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0409.webp","thumb":"assets/thumb/ORG-0409.webp","palette":["#181615","#291D16","#0F0E0D","#221F1D","#382E28","#D1693C"],"palette_detail":[{"hex":"#181615","pct":51.3},{"hex":"#291D16","pct":17.3},{"hex":"#0F0E0D","pct":12.7},{"hex":"#221F1D","pct":10.4},{"hex":"#382E28","pct":6.9},{"hex":"#D1693C","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0412.webp","thumb":"assets/thumb/ORG-0412.webp","palette":["#FFFFFF","#E0EBE2","#F4F7F4","#BDC9C0","#FAFBFA","#308159"],"palette_detail":[{"hex":"#FFFFFF","pct":45.2},{"hex":"#E0EBE2","pct":24.4},{"hex":"#F4F7F4","pct":16.3},{"hex":"#BDC9C0","pct":8.3},{"hex":"#FAFBFA","pct":4.8},{"hex":"#308159","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0411.webp","thumb":"assets/thumb/ORG-0411.webp","palette":["#FFFFFF","#E9E6E0","#F8F7F4","#C6C4BE","#FCFBFA","#3D5AF2"],"palette_detail":[{"hex":"#FFFFFF","pct":44.8},{"hex":"#E9E6E0","pct":25.1},{"hex":"#F8F7F4","pct":14.3},{"hex":"#C6C4BE","pct":8.3},{"hex":"#FCFBFA","pct":6.4},{"hex":"#3D5AF2","pct":1.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0410.webp","thumb":"assets/thumb/ORG-0410.webp","palette":["#191424","#241D36","#100D17","#1E172D","#403A4D","#B4DB37"],"palette_detail":[{"hex":"#191424","pct":49.7},{"hex":"#241D36","pct":23.9},{"hex":"#100D17","pct":12.7},{"hex":"#1E172D","pct":10.8},{"hex":"#403A4D","pct":1.8},{"hex":"#B4DB37","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0413","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health medication detail · Dose","description":"A detail screen in Dose for \"Lisinopril\" (10 mg tablet · once daily). An illustrated header carries back and save buttons; below sit the title, the value \"6 left\", a 2×2 fact grid (Prescriber: Dr. Ines Moreau; Pharmacy: Farmácia Central; Started: Mar 2026; Refill by: Oct 26), a short paragraph, two \"Related\" rows and a sticky action \"Request refill\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","health"],"palette":["#281D17","#0D0C0C","#9D5E40","#332721","#1A1613","#4F433C"],"palette_detail":[{"hex":"#281D17","pct":36.1},{"hex":"#0D0C0C","pct":22.2},{"hex":"#9D5E40","pct":19.6},{"hex":"#332721","pct":12.7},{"hex":"#1A1613","pct":6.9},{"hex":"#4F433C","pct":2.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0413.webp","thumb":"assets/thumb/ORG-0413.webp","live":"originals/screens/gen-health-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0413.webp","thumb":"assets/thumb/ORG-0413.webp","palette":["#281D17","#0D0C0C","#9D5E40","#332721","#1A1613","#4F433C"],"palette_detail":[{"hex":"#281D17","pct":36.1},{"hex":"#0D0C0C","pct":22.2},{"hex":"#9D5E40","pct":19.6},{"hex":"#332721","pct":12.7},{"hex":"#1A1613","pct":6.9},{"hex":"#4F433C","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0416.webp","thumb":"assets/thumb/ORG-0416.webp","palette":["#D8E6DB","#F6F8F5","#B4CEBC","#E6EFE7","#274235","#8DAD99"],"palette_detail":[{"hex":"#D8E6DB","pct":32.9},{"hex":"#F6F8F5","pct":21.6},{"hex":"#B4CEBC","pct":16.5},{"hex":"#E6EFE7","pct":15.7},{"hex":"#274235","pct":6.9},{"hex":"#8DAD99","pct":6.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0415.webp","thumb":"assets/thumb/ORG-0415.webp","palette":["#E0DED8","#FAF9F6","#ECEAE5","#A7BBF6","#2E3763","#AAA9A7"],"palette_detail":[{"hex":"#E0DED8","pct":32.4},{"hex":"#FAF9F6","pct":21.7},{"hex":"#ECEAE5","pct":19.0},{"hex":"#A7BBF6","pct":15.5},{"hex":"#2E3763","pct":7.1},{"hex":"#AAA9A7","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0414.webp","thumb":"assets/thumb/ORG-0414.webp","palette":["#201932","#0E0B14","#737D6E","#261F39","#17141E","#3C3947"],"palette_detail":[{"hex":"#201932","pct":32.3},{"hex":"#0E0B14","pct":22.3},{"hex":"#737D6E","pct":19.8},{"hex":"#261F39","pct":16.5},{"hex":"#17141E","pct":5.4},{"hex":"#3C3947","pct":3.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0417","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health empty state · Dose","description":"An empty state in Dose: a ghosted stack of cards with an accent badge, the line \"No symptoms logged\", the explanation \"Log how you feel in two taps — Dose spots patterns you might miss.\" and a single button \"Log today\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","health","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#382C26","#181513","#111010","#D16B3F"],"palette_detail":[{"hex":"#0D0D0C","pct":43.9},{"hex":"#2A1D16","pct":33.6},{"hex":"#382C26","pct":9.4},{"hex":"#181513","pct":8.9},{"hex":"#111010","pct":2.2},{"hex":"#D16B3F","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0417.webp","thumb":"assets/thumb/ORG-0417.webp","live":"originals/screens/gen-health-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0417.webp","thumb":"assets/thumb/ORG-0417.webp","palette":["#0D0D0C","#2A1D16","#382C26","#181513","#111010","#D16B3F"],"palette_detail":[{"hex":"#0D0D0C","pct":43.9},{"hex":"#2A1D16","pct":33.6},{"hex":"#382C26","pct":9.4},{"hex":"#181513","pct":8.9},{"hex":"#111010","pct":2.2},{"hex":"#D16B3F","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0420.webp","thumb":"assets/thumb/ORG-0420.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D1C9","#2A3D34","#86928A"],"palette_detail":[{"hex":"#F6F8F5","pct":39.1},{"hex":"#DCE9DF","pct":37.5},{"hex":"#FDFEFC","pct":8.1},{"hex":"#C7D1C9","pct":6.9},{"hex":"#2A3D34","pct":6.1},{"hex":"#86928A","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0419.webp","thumb":"assets/thumb/ORG-0419.webp","palette":["#FBFAF7","#E5E2DB","#EDECE7","#C9C7C4","#2D2D2D","#6370B7"],"palette_detail":[{"hex":"#FBFAF7","pct":46.7},{"hex":"#E5E2DB","pct":31.7},{"hex":"#EDECE7","pct":7.6},{"hex":"#C9C7C4","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6370B7","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0418.webp","thumb":"assets/thumb/ORG-0418.webp","palette":["#0E0C15","#221A35","#312B40","#191424","#15121C","#AAC553"],"palette_detail":[{"hex":"#0E0C15","pct":44.8},{"hex":"#221A35","pct":32.3},{"hex":"#312B40","pct":9.5},{"hex":"#191424","pct":7.6},{"hex":"#15121C","pct":3.6},{"hex":"#AAC553","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0421","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health home · Dose","description":"A visual home for Dose (health). A scrolling chip row (All, Morning, Midday, Evening) leads to a large illustrated feature card, then \"Next dose: 8:00 PM\" with an Open button and \"Vitamin D · 1 capsule\", and three list rows above the tab bar. Idea: one featured item carries the mood, the list carries the work. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["chips","card","illustration","bottom-nav","health"],"palette":["#0D0C0C","#291C16","#332721","#171413","#6C4634","#966E58"],"palette_detail":[{"hex":"#0D0C0C","pct":34.5},{"hex":"#291C16","pct":31.9},{"hex":"#332721","pct":12.6},{"hex":"#171413","pct":8.1},{"hex":"#6C4634","pct":7.2},{"hex":"#966E58","pct":5.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0421.webp","thumb":"assets/thumb/ORG-0421.webp","live":"originals/screens/gen-health-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0421.webp","thumb":"assets/thumb/ORG-0421.webp","palette":["#0D0C0C","#291C16","#332721","#171413","#6C4634","#966E58"],"palette_detail":[{"hex":"#0D0C0C","pct":34.5},{"hex":"#291C16","pct":31.9},{"hex":"#332721","pct":12.6},{"hex":"#171413","pct":8.1},{"hex":"#6C4634","pct":7.2},{"hex":"#966E58","pct":5.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0424.webp","thumb":"assets/thumb/ORG-0424.webp","palette":["#F7F9F6","#D8E6DB","#E3EDE5","#BACFC1","#85998C","#2B2F2E"],"palette_detail":[{"hex":"#F7F9F6","pct":34.5},{"hex":"#D8E6DB","pct":30.4},{"hex":"#E3EDE5","pct":13.5},{"hex":"#BACFC1","pct":11.1},{"hex":"#85998C","pct":5.3},{"hex":"#2B2F2E","pct":5.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0423.webp","thumb":"assets/thumb/ORG-0423.webp","palette":["#E7E4DD","#FAF9F7","#D3D1CB","#C2CFF5","#8C94AF","#2D2D2D"],"palette_detail":[{"hex":"#E7E4DD","pct":37.4},{"hex":"#FAF9F7","pct":35.7},{"hex":"#D3D1CB","pct":8.3},{"hex":"#C2CFF5","pct":7.9},{"hex":"#8C94AF","pct":5.7},{"hex":"#2D2D2D","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0422.webp","thumb":"assets/thumb/ORG-0422.webp","palette":["#241C37","#0E0B15","#6A6A7E","#17131F","#1E172E","#3F3F48"],"palette_detail":[{"hex":"#241C37","pct":37.0},{"hex":"#0E0B15","pct":34.4},{"hex":"#6A6A7E","pct":9.6},{"hex":"#17131F","pct":7.2},{"hex":"#1E172E","pct":7.2},{"hex":"#3F3F48","pct":4.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0425","kind":"image","category":"website","type":"screen","title":"Health landing hero · Dose","description":"A desktop landing hero for Dose. A slim nav with \"Get Dose\" sits over a two-column hero: an eyebrow pill (\"Time for Vitamin D\"), the headline \"Never miss a dose.\", \"Gentle reminders, refill alerts and a log your doctor can actually read.\", primary \"Add a medication\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","health"],"palette":["#0E0D0C","#241B16","#342721","#0C0C0B","#AC5C38","#090909"],"palette_detail":[{"hex":"#0E0D0C","pct":53.0},{"hex":"#241B16","pct":23.5},{"hex":"#342721","pct":19.1},{"hex":"#0C0C0B","pct":2.2},{"hex":"#AC5C38","pct":1.4},{"hex":"#090909","pct":0.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0425.webp","thumb":"assets/thumb/ORG-0425.webp","live":"originals/screens/gen-health-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0425.webp","thumb":"assets/thumb/ORG-0425.webp","palette":["#0E0D0C","#241B16","#342721","#0C0C0B","#AC5C38","#090909"],"palette_detail":[{"hex":"#0E0D0C","pct":53.0},{"hex":"#241B16","pct":23.5},{"hex":"#342721","pct":19.1},{"hex":"#0C0C0B","pct":2.2},{"hex":"#AC5C38","pct":1.4},{"hex":"#090909","pct":0.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0428.webp","thumb":"assets/thumb/ORG-0428.webp","palette":["#F5F7F4","#DAE7DD","#B8C5BC","#F8F9F7","#FEFEFE","#587C69"],"palette_detail":[{"hex":"#F5F7F4","pct":50.7},{"hex":"#DAE7DD","pct":30.4},{"hex":"#B8C5BC","pct":7.7},{"hex":"#F8F9F7","pct":5.0},{"hex":"#FEFEFE","pct":4.0},{"hex":"#587C69","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0427.webp","thumb":"assets/thumb/ORG-0427.webp","palette":["#F9F8F6","#E3E3E2","#C6C5C2","#FCFBF8","#FFFFFE","#606DAF"],"palette_detail":[{"hex":"#F9F8F6","pct":50.6},{"hex":"#E3E3E2","pct":29.9},{"hex":"#C6C5C2","pct":9.4},{"hex":"#FCFBF8","pct":5.0},{"hex":"#FFFFFE","pct":3.4},{"hex":"#606DAF","pct":1.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0426.webp","thumb":"assets/thumb/ORG-0426.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#97AC54","#090512"],"palette_detail":[{"hex":"#0F0C16","pct":51.8},{"hex":"#201930","pct":24.8},{"hex":"#302C3C","pct":17.6},{"hex":"#0D0B14","pct":2.8},{"hex":"#97AC54","pct":2.0},{"hex":"#090512","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0429","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health medication list · Dose","description":"A two-column card grid of medications in Dose. A chip row with \"Morning\" selected sits above six cards, each an illustrated tile with a title and value: Lisinopril, Metformin, Vitamin D, Omega-3, Ibuprofen, Melatonin. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","health"],"palette":["#2C1F18","#0D0C0C","#8A5B43","#1D1613","#52392D","#A68979"],"palette_detail":[{"hex":"#2C1F18","pct":39.9},{"hex":"#0D0C0C","pct":28.7},{"hex":"#8A5B43","pct":15.3},{"hex":"#1D1613","pct":7.7},{"hex":"#52392D","pct":4.3},{"hex":"#A68979","pct":4.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0429.webp","thumb":"assets/thumb/ORG-0429.webp","live":"originals/screens/gen-health-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0429.webp","thumb":"assets/thumb/ORG-0429.webp","palette":["#2C1F18","#0D0C0C","#8A5B43","#1D1613","#52392D","#A68979"],"palette_detail":[{"hex":"#2C1F18","pct":39.9},{"hex":"#0D0C0C","pct":28.7},{"hex":"#8A5B43","pct":15.3},{"hex":"#1D1613","pct":7.7},{"hex":"#52392D","pct":4.3},{"hex":"#A68979","pct":4.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0432.webp","thumb":"assets/thumb/ORG-0432.webp","palette":["#DCE9DF","#F6F8F5","#C7DDCE","#B0CAB9","#2C2D2D","#7C9285"],"palette_detail":[{"hex":"#DCE9DF","pct":37.4},{"hex":"#F6F8F5","pct":27.4},{"hex":"#C7DDCE","pct":14.8},{"hex":"#B0CAB9","pct":10.7},{"hex":"#2C2D2D","pct":5.1},{"hex":"#7C9285","pct":4.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0431.webp","thumb":"assets/thumb/ORG-0431.webp","palette":["#E5E3DC","#FAF9F6","#BECDF5","#C1C1C0","#2D2D2D","#808AA9"],"palette_detail":[{"hex":"#E5E3DC","pct":39.4},{"hex":"#FAF9F6","pct":28.0},{"hex":"#BECDF5","pct":17.3},{"hex":"#C1C1C0","pct":5.8},{"hex":"#2D2D2D","pct":5.1},{"hex":"#808AA9","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0430.webp","thumb":"assets/thumb/ORG-0430.webp","palette":["#221B35","#0E0B14","#5E5F75","#312D40","#181521","#8B8E90"],"palette_detail":[{"hex":"#221B35","pct":34.0},{"hex":"#0E0B14","pct":28.2},{"hex":"#5E5F75","pct":15.2},{"hex":"#312D40","pct":10.1},{"hex":"#181521","pct":6.6},{"hex":"#8B8E90","pct":5.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0433","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health welcome · Dose","description":"The first onboarding step of Dose. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Never miss a dose.\", followed by \"Gentle reminders, refill alerts and a log your doctor can actually read.\" and a full-width primary button \"Add a medication\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","health"],"palette":["#2B1E17","#0D0C0C","#AE6C4C","#3A2C25","#241913","#181412"],"palette_detail":[{"hex":"#2B1E17","pct":30.7},{"hex":"#0D0C0C","pct":27.1},{"hex":"#AE6C4C","pct":23.3},{"hex":"#3A2C25","pct":9.1},{"hex":"#241913","pct":5.4},{"hex":"#181412","pct":4.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0433.webp","thumb":"assets/thumb/ORG-0433.webp","live":"originals/screens/gen-health-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0433.webp","thumb":"assets/thumb/ORG-0433.webp","palette":["#2B1E17","#0D0C0C","#AE6C4C","#3A2C25","#241913","#181412"],"palette_detail":[{"hex":"#2B1E17","pct":30.7},{"hex":"#0D0C0C","pct":27.1},{"hex":"#AE6C4C","pct":23.3},{"hex":"#3A2C25","pct":9.1},{"hex":"#241913","pct":5.4},{"hex":"#181412","pct":4.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0436.webp","thumb":"assets/thumb/ORG-0436.webp","palette":["#DBE8DE","#F5F8F4","#BBD4C3","#91B59F","#294638","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":39.5},{"hex":"#F5F8F4","pct":22.2},{"hex":"#BBD4C3","pct":15.7},{"hex":"#91B59F","pct":11.0},{"hex":"#294638","pct":7.4},{"hex":"#FBFCFA","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0435.webp","thumb":"assets/thumb/ORG-0435.webp","palette":["#E4E2DA","#FAF9F6","#BFCDF7","#85A0F6","#2D324E","#B0AEAA"],"palette_detail":[{"hex":"#E4E2DA","pct":40.2},{"hex":"#FAF9F6","pct":26.7},{"hex":"#BFCDF7","pct":13.3},{"hex":"#85A0F6","pct":10.4},{"hex":"#2D324E","pct":5.0},{"hex":"#B0AEAA","pct":4.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0434.webp","thumb":"assets/thumb/ORG-0434.webp","palette":["#221A34","#0F0C15","#838E79","#302A3E","#181520","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.5},{"hex":"#0F0C15","pct":24.4},{"hex":"#838E79","pct":23.8},{"hex":"#302A3E","pct":10.5},{"hex":"#181520","pct":5.9},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0437","kind":"image","category":"website","type":"screen","title":"Health pricing · Dose","description":"A desktop pricing section for Dose with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (3 medications, Reminders, Log); Care €4 (Unlimited meds, Refill alerts, Doctor reports); Family €8 (Up to 6 people, Caregiver view, Exports) — with Care anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","health"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F2682D","#4B3D37","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.5},{"hex":"#F2682D","pct":6.3},{"hex":"#4B3D37","pct":2.7},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0437.webp","thumb":"assets/thumb/ORG-0437.webp","live":"originals/screens/gen-health-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0437.webp","thumb":"assets/thumb/ORG-0437.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F2682D","#4B3D37","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.5},{"hex":"#F2682D","pct":6.3},{"hex":"#4B3D37","pct":2.7},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0440.webp","thumb":"assets/thumb/ORG-0440.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D55","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.8},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2B7D55","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0439.webp","thumb":"assets/thumb/ORG-0439.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3452EF","#BBB9B6","#CCD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFFFF","pct":12.7},{"hex":"#3452EF","pct":6.2},{"hex":"#BBB9B6","pct":5.5},{"hex":"#CCD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0438.webp","thumb":"assets/thumb/ORG-0438.webp","palette":["#0F0C16","#241C35","#1A1523","#BBE33A","#444347","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241C35","pct":21.3},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE33A","pct":6.6},{"hex":"#444347","pct":3.0},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0441","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health profile · Dose","description":"A profile screen in Dose for Priya Nair (@priya · Caregiver for 2). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 4 Meds, 92% On time, 2 People — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","health","bottom-nav"],"palette":["#281D16","#0D0C0C","#191715","#372A24","#151312","#CB7E56"],"palette_detail":[{"hex":"#281D16","pct":35.8},{"hex":"#0D0C0C","pct":31.6},{"hex":"#191715","pct":12.2},{"hex":"#372A24","pct":11.6},{"hex":"#151312","pct":6.6},{"hex":"#CB7E56","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0441.webp","thumb":"assets/thumb/ORG-0441.webp","live":"originals/screens/gen-health-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0441.webp","thumb":"assets/thumb/ORG-0441.webp","palette":["#281D16","#0D0C0C","#191715","#372A24","#151312","#CB7E56"],"palette_detail":[{"hex":"#281D16","pct":35.8},{"hex":"#0D0C0C","pct":31.6},{"hex":"#191715","pct":12.2},{"hex":"#372A24","pct":11.6},{"hex":"#151312","pct":6.6},{"hex":"#CB7E56","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0444.webp","thumb":"assets/thumb/ORG-0444.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#88A093"],"palette_detail":[{"hex":"#DFEBE1","pct":36.3},{"hex":"#F6F8F5","pct":30.5},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CFDBD2","pct":11.3},{"hex":"#2B322F","pct":5.2},{"hex":"#88A093","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0443.webp","thumb":"assets/thumb/ORG-0443.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2D2D2D","#7D86B5"],"palette_detail":[{"hex":"#E7E5DE","pct":39.4},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.7},{"hex":"#D1CFCC","pct":8.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7D86B5","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0442.webp","thumb":"assets/thumb/ORG-0442.webp","palette":["#221B35","#0E0B15","#191425","#332D41","#15121C","#9AA576"],"palette_detail":[{"hex":"#221B35","pct":37.3},{"hex":"#0E0B15","pct":31.8},{"hex":"#191425","pct":14.8},{"hex":"#332D41","pct":9.2},{"hex":"#15121C","pct":4.6},{"hex":"#9AA576","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0445","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health search · Dose","description":"A search screen in Dose: a focused field with a clear button, a chip row (All, Morning, Midday, Evening), recent searches as pills, \"Top results\" — Lisinopril, Metformin, Vitamin D, Omega-3 — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","health"],"palette":["#0E0D0C","#2A1D17","#382C26","#191614","#7D7976","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.4},{"hex":"#2A1D17","pct":35.8},{"hex":"#382C26","pct":10.7},{"hex":"#191614","pct":7.9},{"hex":"#7D7976","pct":1.8},{"hex":"#040404","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0445.webp","thumb":"assets/thumb/ORG-0445.webp","live":"originals/screens/gen-health-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0445.webp","thumb":"assets/thumb/ORG-0445.webp","palette":["#0E0D0C","#2A1D17","#382C26","#191614","#7D7976","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.4},{"hex":"#2A1D17","pct":35.8},{"hex":"#382C26","pct":10.7},{"hex":"#191614","pct":7.9},{"hex":"#7D7976","pct":1.8},{"hex":"#040404","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0448.webp","thumb":"assets/thumb/ORG-0448.webp","palette":["#F5F8F4","#DDEAE0","#CBD7CE","#FCFDFC","#2C2E2E","#9AA19C"],"palette_detail":[{"hex":"#F5F8F4","pct":40.3},{"hex":"#DDEAE0","pct":37.1},{"hex":"#CBD7CE","pct":8.9},{"hex":"#FCFDFC","pct":5.3},{"hex":"#2C2E2E","pct":5.1},{"hex":"#9AA19C","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0447.webp","thumb":"assets/thumb/ORG-0447.webp","palette":["#F9F8F5","#E7E4DE","#D4D2CF","#FEFEFC","#2E2D2D","#9E9D9A"],"palette_detail":[{"hex":"#F9F8F5","pct":39.8},{"hex":"#E7E4DE","pct":37.2},{"hex":"#D4D2CF","pct":9.2},{"hex":"#FEFEFC","pct":5.4},{"hex":"#2E2D2D","pct":5.1},{"hex":"#9E9D9A","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0446.webp","thumb":"assets/thumb/ORG-0446.webp","palette":["#0F0C16","#231B35","#342F3F","#1B1625","#09070B","#7D7986"],"palette_detail":[{"hex":"#0F0C16","pct":41.7},{"hex":"#231B35","pct":36.5},{"hex":"#342F3F","pct":8.4},{"hex":"#1B1625","pct":8.0},{"hex":"#09070B","pct":3.7},{"hex":"#7D7986","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0449","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health settings · Dose","description":"Settings for Dose. An account row leads; grouped cards follow — Reminders: Critical alerts (on), Snooze 10 min (on), Refill alerts (on); Sharing: Share with doctor (off), Family access (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","health"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#524842","#D19579"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#524842","pct":2.0},{"hex":"#D19579","pct":1.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0449.webp","thumb":"assets/thumb/ORG-0449.webp","live":"originals/screens/gen-health-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0449.webp","thumb":"assets/thumb/ORG-0449.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#524842","#D19579"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#524842","pct":2.0},{"hex":"#D19579","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0452.webp","thumb":"assets/thumb/ORG-0452.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9BA8A0"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E0ECE2","pct":28.5},{"hex":"#FFFFFF","pct":17.0},{"hex":"#D4E1D7","pct":16.0},{"hex":"#2C322F","pct":5.2},{"hex":"#9BA8A0","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0451.webp","thumb":"assets/thumb/ORG-0451.webp","palette":["#E8E5DF","#F9F8F6","#FEFEFE","#D9D6D1","#2D2D2D","#9496AD"],"palette_detail":[{"hex":"#E8E5DF","pct":35.2},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":18.9},{"hex":"#D9D6D1","pct":10.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9496AD","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0450.webp","thumb":"assets/thumb/ORG-0450.webp","palette":["#241C36","#0E0C15","#181423","#1D172C","#403C4A","#B3C088"],"palette_detail":[{"hex":"#241C36","pct":39.1},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.7},{"hex":"#1D172C","pct":7.2},{"hex":"#403C4A","pct":2.1},{"hex":"#B3C088","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0453","kind":"image","category":"dashboard","type":"screen","title":"Health medication table · Dose","description":"A desktop table of medications in Dose. A title row with Export and \"New medication\", a strip of four KPI tiles, a search field and filter dropdowns (Morning, Midday, Evening) sit above a table with name, details, status (Taken / Due) and value columns — Lisinopril, Metformin, Vitamin D, Omega-3, Ibuprofen, Melatonin. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","health"],"palette":["#181615","#0E0D0C","#281C16","#362A24","#131211","#906653"],"palette_detail":[{"hex":"#181615","pct":37.9},{"hex":"#0E0D0C","pct":30.7},{"hex":"#281C16","pct":17.9},{"hex":"#362A24","pct":8.7},{"hex":"#131211","pct":3.8},{"hex":"#906653","pct":0.9}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0453.webp","thumb":"assets/thumb/ORG-0453.webp","live":"originals/screens/gen-health-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0453.webp","thumb":"assets/thumb/ORG-0453.webp","palette":["#181615","#0E0D0C","#281C16","#362A24","#131211","#906653"],"palette_detail":[{"hex":"#181615","pct":37.9},{"hex":"#0E0D0C","pct":30.7},{"hex":"#281C16","pct":17.9},{"hex":"#362A24","pct":8.7},{"hex":"#131211","pct":3.8},{"hex":"#906653","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0456.webp","thumb":"assets/thumb/ORG-0456.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CC","#FDFDFD","#A2B3A8"],"palette_detail":[{"hex":"#F6F8F5","pct":35.6},{"hex":"#FFFFFF","pct":30.4},{"hex":"#DEEAE1","pct":16.1},{"hex":"#CAD6CC","pct":7.9},{"hex":"#FDFDFD","pct":6.8},{"hex":"#A2B3A8","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0455.webp","thumb":"assets/thumb/ORG-0455.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C1BFBB","#4B62D8"],"palette_detail":[{"hex":"#F9F8F6","pct":35.8},{"hex":"#FFFFFF","pct":25.3},{"hex":"#E4E2DB","pct":20.4},{"hex":"#FDFDFD","pct":11.7},{"hex":"#C1BFBB","pct":6.5},{"hex":"#4B62D8","pct":0.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0454.webp","thumb":"assets/thumb/ORG-0454.webp","palette":["#191424","#0F0C16","#211A33","#2F293F","#14101D","#7E8959"],"palette_detail":[{"hex":"#191424","pct":39.3},{"hex":"#0F0C16","pct":30.8},{"hex":"#211A33","pct":16.7},{"hex":"#2F293F","pct":8.4},{"hex":"#14101D","pct":3.8},{"hex":"#7E8959","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0457","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate activity feed · Nest","description":"An activity feed in Nest grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"New listing\" (Rua dos Remédios · €395k) and \"Price reduced\" — and read items are plain rows: \"Viewing confirmed\", \"Offer update\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","home","real","estate","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181413","#221F1D","#A96F55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.3},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":10.0},{"hex":"#181413","pct":7.8},{"hex":"#221F1D","pct":6.7},{"hex":"#A96F55","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0457.webp","thumb":"assets/thumb/ORG-0457.webp","live":"originals/screens/gen-home-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0457.webp","thumb":"assets/thumb/ORG-0457.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181413","#221F1D","#A96F55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.3},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":10.0},{"hex":"#181413","pct":7.8},{"hex":"#221F1D","pct":6.7},{"hex":"#A96F55","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0460.webp","thumb":"assets/thumb/ORG-0460.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFEFC","#2B3330","#7C8B82"],"palette_detail":[{"hex":"#F4F7F3","pct":40.1},{"hex":"#DBE8DE","pct":40.0},{"hex":"#BCC8BF","pct":6.1},{"hex":"#FCFEFC","pct":6.0},{"hex":"#2B3330","pct":5.3},{"hex":"#7C8B82","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0459.webp","thumb":"assets/thumb/ORG-0459.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C1C0BF","#2D2D2D","#7179A1"],"palette_detail":[{"hex":"#FAF9F7","pct":40.2},{"hex":"#E3E0D9","pct":31.6},{"hex":"#EDEBE5","pct":15.1},{"hex":"#C1C0BF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7179A1","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0458.webp","thumb":"assets/thumb/ORG-0458.webp","palette":["#241D36","#0E0C15","#1E172D","#17131F","#3D3A45","#98A863"],"palette_detail":[{"hex":"#241D36","pct":41.5},{"hex":"#0E0C15","pct":40.4},{"hex":"#1E172D","pct":7.0},{"hex":"#17131F","pct":6.6},{"hex":"#3D3A45","pct":2.7},{"hex":"#98A863","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0461","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate book a viewing · Nest","description":"A confirmation screen in Nest titled \"Book a viewing\". A summary card lists Home Rua da Saudade 12; Date Thu 14 Nov; Time 11:00; Agent Ines Moreau, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total Free beside the primary button \"Book viewing\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","home","real","estate"],"palette":["#291D17","#0D0D0C","#1A1715","#372D27","#161313","#B76A48"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.4},{"hex":"#1A1715","pct":13.1},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.5},{"hex":"#B76A48","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0461.webp","thumb":"assets/thumb/ORG-0461.webp","live":"originals/screens/gen-home-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0461.webp","thumb":"assets/thumb/ORG-0461.webp","palette":["#291D17","#0D0D0C","#1A1715","#372D27","#161313","#B76A48"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.4},{"hex":"#1A1715","pct":13.1},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.5},{"hex":"#B76A48","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0464.webp","thumb":"assets/thumb/ORG-0464.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3831","#BFC9C1","#84938B"],"palette_detail":[{"hex":"#DBE8DE","pct":38.6},{"hex":"#F4F7F4","pct":33.3},{"hex":"#FEFEFE","pct":14.4},{"hex":"#2A3831","pct":5.7},{"hex":"#BFC9C1","pct":5.6},{"hex":"#84938B","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0463.webp","thumb":"assets/thumb/ORG-0463.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C4C2BE","#2D2D2D","#6B77B5"],"palette_detail":[{"hex":"#E6E3DC","pct":41.6},{"hex":"#F9F8F5","pct":30.2},{"hex":"#FEFEFE","pct":14.5},{"hex":"#C4C2BE","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6B77B5","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0462.webp","thumb":"assets/thumb/ORG-0462.webp","palette":["#231B35","#0E0C15","#1A1525","#363045","#15121C","#9FB74F"],"palette_detail":[{"hex":"#231B35","pct":39.9},{"hex":"#0E0C15","pct":33.1},{"hex":"#1A1525","pct":14.9},{"hex":"#363045","pct":6.0},{"hex":"#15121C","pct":4.1},{"hex":"#9FB74F","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0465","kind":"image","category":"dashboard","type":"screen","title":"Real estate desktop dashboard · Nest","description":"A desktop dashboard for Nest (real estate). A sidebar lists Overview, Reports, Listings, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Median €448k, New today 6, Viewings 3, Offers 1), a bar chart of viewings this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","home","real","estate"],"palette":["#181615","#271D18","#0E0D0C","#392F2A","#131211","#C86940"],"palette_detail":[{"hex":"#181615","pct":53.9},{"hex":"#271D18","pct":24.6},{"hex":"#0E0D0C","pct":10.7},{"hex":"#392F2A","pct":6.5},{"hex":"#131211","pct":2.9},{"hex":"#C86940","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0465.webp","thumb":"assets/thumb/ORG-0465.webp","live":"originals/screens/gen-home-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0465.webp","thumb":"assets/thumb/ORG-0465.webp","palette":["#181615","#271D18","#0E0D0C","#392F2A","#131211","#C86940"],"palette_detail":[{"hex":"#181615","pct":53.9},{"hex":"#271D18","pct":24.6},{"hex":"#0E0D0C","pct":10.7},{"hex":"#392F2A","pct":6.5},{"hex":"#131211","pct":2.9},{"hex":"#C86940","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0468.webp","thumb":"assets/thumb/ORG-0468.webp","palette":["#FFFFFF","#E1ECE3","#F5F7F4","#C7D3CA","#FBFCFB","#739B86"],"palette_detail":[{"hex":"#FFFFFF","pct":46.8},{"hex":"#E1ECE3","pct":20.4},{"hex":"#F5F7F4","pct":15.4},{"hex":"#C7D3CA","pct":10.5},{"hex":"#FBFCFB","pct":5.6},{"hex":"#739B86","pct":1.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0467.webp","thumb":"assets/thumb/ORG-0467.webp","palette":["#FFFFFF","#EAE8E1","#F8F7F5","#D1CEC7","#FCFCFB","#7C88C5"],"palette_detail":[{"hex":"#FFFFFF","pct":46.8},{"hex":"#EAE8E1","pct":20.4},{"hex":"#F8F7F5","pct":15.3},{"hex":"#D1CEC7","pct":10.5},{"hex":"#FCFCFB","pct":5.6},{"hex":"#7C88C5","pct":1.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0466.webp","thumb":"assets/thumb/ORG-0466.webp","palette":["#191425","#251D36","#100D17","#161220","#56525F","#B8E231"],"palette_detail":[{"hex":"#191425","pct":54.2},{"hex":"#251D36","pct":27.5},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.8},{"hex":"#56525F","pct":1.6},{"hex":"#B8E231","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0469","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate listing detail · Nest","description":"A detail screen in Nest for \"Rua da Saudade 12\" (Alfama, Lisbon · 2nd floor). An illustrated header carries back and save buttons; below sit the title, the value \"€425,000\", a 2×2 fact grid (Bedrooms: 2; Area: 84 m²; Energy: B; Built: 1910 · renovated 2022), a short paragraph, two \"Related\" rows and a sticky action \"Book viewing\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","home","real","estate"],"palette":["#281D17","#0D0C0B","#AB6D4F","#352822","#1B1614","#5A4E47"],"palette_detail":[{"hex":"#281D17","pct":38.0},{"hex":"#0D0C0B","pct":19.9},{"hex":"#AB6D4F","pct":19.5},{"hex":"#352822","pct":12.4},{"hex":"#1B1614","pct":7.6},{"hex":"#5A4E47","pct":2.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0469.webp","thumb":"assets/thumb/ORG-0469.webp","live":"originals/screens/gen-home-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0469.webp","thumb":"assets/thumb/ORG-0469.webp","palette":["#281D17","#0D0C0B","#AB6D4F","#352822","#1B1614","#5A4E47"],"palette_detail":[{"hex":"#281D17","pct":38.0},{"hex":"#0D0C0B","pct":19.9},{"hex":"#AB6D4F","pct":19.5},{"hex":"#352822","pct":12.4},{"hex":"#1B1614","pct":7.6},{"hex":"#5A4E47","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0472.webp","thumb":"assets/thumb/ORG-0472.webp","palette":["#D8E6DB","#F6F8F5","#E6EFE8","#B3CDBC","#274235","#89A895"],"palette_detail":[{"hex":"#D8E6DB","pct":34.0},{"hex":"#F6F8F5","pct":19.1},{"hex":"#E6EFE8","pct":17.3},{"hex":"#B3CDBC","pct":17.0},{"hex":"#274235","pct":6.9},{"hex":"#89A895","pct":5.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0471.webp","thumb":"assets/thumb/ORG-0471.webp","palette":["#E0DED8","#ECEBE6","#FAF9F6","#A6BBF6","#2D3563","#A5A4A3"],"palette_detail":[{"hex":"#E0DED8","pct":33.1},{"hex":"#ECEBE6","pct":21.3},{"hex":"#FAF9F6","pct":19.1},{"hex":"#A6BBF6","pct":15.0},{"hex":"#2D3563","pct":6.9},{"hex":"#A5A4A3","pct":4.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0470.webp","thumb":"assets/thumb/ORG-0470.webp","palette":["#221A34","#0E0C15","#8A9778","#2F293F","#636279","#1B1725"],"palette_detail":[{"hex":"#221A34","pct":38.8},{"hex":"#0E0C15","pct":21.9},{"hex":"#8A9778","pct":13.0},{"hex":"#2F293F","pct":12.3},{"hex":"#636279","pct":7.9},{"hex":"#1B1725","pct":6.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0473","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate empty state · Nest","description":"An empty state in Nest: a ghosted stack of cards with an accent badge, the line \"No viewings booked\", the explanation \"Book a viewing from any listing and it appears here with directions.\" and a single button \"Browse homes\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","home","real","estate","bottom-nav"],"palette":["#0D0D0C","#2B1E17","#161413","#392D26","#241913","#D6693A"],"palette_detail":[{"hex":"#0D0D0C","pct":44.9},{"hex":"#2B1E17","pct":30.9},{"hex":"#161413","pct":8.7},{"hex":"#392D26","pct":8.1},{"hex":"#241913","pct":5.2},{"hex":"#D6693A","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0473.webp","thumb":"assets/thumb/ORG-0473.webp","live":"originals/screens/gen-home-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0473.webp","thumb":"assets/thumb/ORG-0473.webp","palette":["#0D0D0C","#2B1E17","#161413","#392D26","#241913","#D6693A"],"palette_detail":[{"hex":"#0D0D0C","pct":44.9},{"hex":"#2B1E17","pct":30.9},{"hex":"#161413","pct":8.7},{"hex":"#392D26","pct":8.1},{"hex":"#241913","pct":5.2},{"hex":"#D6693A","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0476.webp","thumb":"assets/thumb/ORG-0476.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C6D1C9","#293E34","#84928A"],"palette_detail":[{"hex":"#F6F8F5","pct":39.2},{"hex":"#DCE9DF","pct":37.4},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C6D1C9","pct":6.8},{"hex":"#293E34","pct":6.3},{"hex":"#84928A","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0475.webp","thumb":"assets/thumb/ORG-0475.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C8C6C4","#2D2D2D","#5E6DBE"],"palette_detail":[{"hex":"#FBFAF7","pct":46.7},{"hex":"#E5E2DA","pct":30.6},{"hex":"#ECEAE5","pct":8.7},{"hex":"#C8C6C4","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5E6DBE","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0474.webp","thumb":"assets/thumb/ORG-0474.webp","palette":["#0E0C15","#231B35","#322C41","#161320","#1E172C","#AECD48"],"palette_detail":[{"hex":"#0E0C15","pct":45.0},{"hex":"#231B35","pct":31.0},{"hex":"#322C41","pct":8.6},{"hex":"#161320","pct":8.5},{"hex":"#1E172C","pct":4.8},{"hex":"#AECD48","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0477","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate home · Nest","description":"A metric-grid home for Nest (real estate). A tinted hero card shows \"Saved search: 24 homes\" with \"Alfama · 2 bed · under €450k\", followed by a 2×2 grid of tiles — Median €448k, New today 6, Viewings 3, Offers 1 — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","home","real","estate"],"palette":["#2A1D16","#0D0D0C","#181514","#372D27","#221F1D","#766E68"],"palette_detail":[{"hex":"#2A1D16","pct":33.1},{"hex":"#0D0D0C","pct":30.1},{"hex":"#181514","pct":17.1},{"hex":"#372D27","pct":10.3},{"hex":"#221F1D","pct":7.4},{"hex":"#766E68","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0477.webp","thumb":"assets/thumb/ORG-0477.webp","live":"originals/screens/gen-home-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0477.webp","thumb":"assets/thumb/ORG-0477.webp","palette":["#2A1D16","#0D0D0C","#181514","#372D27","#221F1D","#766E68"],"palette_detail":[{"hex":"#2A1D16","pct":33.1},{"hex":"#0D0D0C","pct":30.1},{"hex":"#181514","pct":17.1},{"hex":"#372D27","pct":10.3},{"hex":"#221F1D","pct":7.4},{"hex":"#766E68","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0480.webp","thumb":"assets/thumb/ORG-0480.webp","palette":["#DBE8DE","#F3F6F3","#FEFEFD","#BDC6BF","#2D2E2E","#838B86"],"palette_detail":[{"hex":"#DBE8DE","pct":39.8},{"hex":"#F3F6F3","pct":31.0},{"hex":"#FEFEFD","pct":15.4},{"hex":"#BDC6BF","pct":6.5},{"hex":"#2D2E2E","pct":5.0},{"hex":"#838B86","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0479.webp","thumb":"assets/thumb/ORG-0479.webp","palette":["#FBFBF9","#E3E1D9","#EEECE6","#C3C2BD","#2D2D2D","#8A8A89"],"palette_detail":[{"hex":"#FBFBF9","pct":39.0},{"hex":"#E3E1D9","pct":32.4},{"hex":"#EEECE6","pct":15.5},{"hex":"#C3C2BD","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#8A8A89","pct":2.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0478.webp","thumb":"assets/thumb/ORG-0478.webp","palette":["#231B35","#0E0C15","#181422","#322C43","#1D172D","#7C7883"],"palette_detail":[{"hex":"#231B35","pct":36.9},{"hex":"#0E0C15","pct":29.9},{"hex":"#181422","pct":16.1},{"hex":"#322C43","pct":9.4},{"hex":"#1D172D","pct":5.6},{"hex":"#7C7883","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0481","kind":"image","category":"website","type":"screen","title":"Real estate landing hero · Nest","description":"A desktop landing hero for Nest. A slim nav with \"Get Nest\" sits over a two-column hero: an eyebrow pill (\"New listing\"), the headline \"Find the home that fits.\", \"Every listing in one place, with honest prices and viewings you can book in a tap.\", primary \"Start searching\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","home","real","estate"],"palette":["#0E0D0C","#281D18","#382A23","#1A1613","#0C0B0B","#AC6140"],"palette_detail":[{"hex":"#0E0D0C","pct":51.2},{"hex":"#281D18","pct":21.1},{"hex":"#382A23","pct":16.0},{"hex":"#1A1613","pct":7.6},{"hex":"#0C0B0B","pct":2.8},{"hex":"#AC6140","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0481.webp","thumb":"assets/thumb/ORG-0481.webp","live":"originals/screens/gen-home-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0481.webp","thumb":"assets/thumb/ORG-0481.webp","palette":["#0E0D0C","#281D18","#382A23","#1A1613","#0C0B0B","#AC6140"],"palette_detail":[{"hex":"#0E0D0C","pct":51.2},{"hex":"#281D18","pct":21.1},{"hex":"#382A23","pct":16.0},{"hex":"#1A1613","pct":7.6},{"hex":"#0C0B0B","pct":2.8},{"hex":"#AC6140","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0484.webp","thumb":"assets/thumb/ORG-0484.webp","palette":["#F5F7F4","#DAE7DD","#B9C5BC","#F8F9F7","#FEFEFD","#5B7E6C"],"palette_detail":[{"hex":"#F5F7F4","pct":49.9},{"hex":"#DAE7DD","pct":30.5},{"hex":"#B9C5BC","pct":8.0},{"hex":"#F8F9F7","pct":5.2},{"hex":"#FEFEFD","pct":3.9},{"hex":"#5B7E6C","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0483.webp","thumb":"assets/thumb/ORG-0483.webp","palette":["#FAF9F6","#E8E7E5","#D9D9DA","#BBBABB","#FEFEFD","#5D6AA9"],"palette_detail":[{"hex":"#FAF9F6","pct":54.2},{"hex":"#E8E7E5","pct":21.1},{"hex":"#D9D9DA","pct":12.9},{"hex":"#BBBABB","pct":6.3},{"hex":"#FEFEFD","pct":3.8},{"hex":"#5D6AA9","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0482.webp","thumb":"assets/thumb/ORG-0482.webp","palette":["#0F0C16","#201930","#302D3C","#0D0B14","#96A75B","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":51.1},{"hex":"#201930","pct":24.7},{"hex":"#302D3C","pct":17.8},{"hex":"#0D0B14","pct":2.9},{"hex":"#96A75B","pct":2.3},{"hex":"#090612","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0485","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate listing list · Nest","description":"A two-column card grid of listings in Nest. A chip row with \"Apartments\" selected sits above six cards, each an illustrated tile with a title and value: Rua da Saudade 12, Travessa do Fado 3, Largo do Chafariz 8, Rua dos Remédios 40, Calçada do Monte 9, Rua de São Miguel 2. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","home","real","estate"],"palette":["#2A1D16","#0D0C0B","#8D583D","#392B24","#AA7960","#1B1613"],"palette_detail":[{"hex":"#2A1D16","pct":33.4},{"hex":"#0D0C0B","pct":27.3},{"hex":"#8D583D","pct":13.1},{"hex":"#392B24","pct":10.9},{"hex":"#AA7960","pct":8.6},{"hex":"#1B1613","pct":6.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0485.webp","thumb":"assets/thumb/ORG-0485.webp","live":"originals/screens/gen-home-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0485.webp","thumb":"assets/thumb/ORG-0485.webp","palette":["#2A1D16","#0D0C0B","#8D583D","#392B24","#AA7960","#1B1613"],"palette_detail":[{"hex":"#2A1D16","pct":33.4},{"hex":"#0D0C0B","pct":27.3},{"hex":"#8D583D","pct":13.1},{"hex":"#392B24","pct":10.9},{"hex":"#AA7960","pct":8.6},{"hex":"#1B1613","pct":6.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0488.webp","thumb":"assets/thumb/ORG-0488.webp","palette":["#DCE9DF","#F6F8F5","#C7DBCD","#AAC7B3","#789684","#2B2D2D"],"palette_detail":[{"hex":"#DCE9DF","pct":37.0},{"hex":"#F6F8F5","pct":26.4},{"hex":"#C7DBCD","pct":13.3},{"hex":"#AAC7B3","pct":12.9},{"hex":"#789684","pct":5.2},{"hex":"#2B2D2D","pct":5.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0487.webp","thumb":"assets/thumb/ORG-0487.webp","palette":["#E4E2DD","#FAF9F6","#AEC1F6","#C3C1BB","#2D2D2D","#7783AF"],"palette_detail":[{"hex":"#E4E2DD","pct":41.2},{"hex":"#FAF9F6","pct":26.9},{"hex":"#AEC1F6","pct":16.8},{"hex":"#C3C1BB","pct":5.6},{"hex":"#2D2D2D","pct":5.2},{"hex":"#7783AF","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0486.webp","thumb":"assets/thumb/ORG-0486.webp","palette":["#221B35","#0E0B14","#686C79","#322E41","#90998A","#181520"],"palette_detail":[{"hex":"#221B35","pct":35.8},{"hex":"#0E0B14","pct":26.9},{"hex":"#686C79","pct":14.8},{"hex":"#322E41","pct":8.8},{"hex":"#90998A","pct":7.0},{"hex":"#181520","pct":6.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0489","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate welcome · Nest","description":"The first onboarding step of Nest. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Find the home that fits.\", followed by \"Every listing in one place, with honest prices and viewings you can book in a tap.\" and a full-width primary button \"Start searching\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","home","real","estate"],"palette":["#2A1D16","#9D674C","#0E0D0C","#382B24","#1A1512","#080809"],"palette_detail":[{"hex":"#2A1D16","pct":32.6},{"hex":"#9D674C","pct":23.5},{"hex":"#0E0D0C","pct":22.3},{"hex":"#382B24","pct":11.2},{"hex":"#1A1512","pct":5.9},{"hex":"#080809","pct":4.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0489.webp","thumb":"assets/thumb/ORG-0489.webp","live":"originals/screens/gen-home-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0489.webp","thumb":"assets/thumb/ORG-0489.webp","palette":["#2A1D16","#9D674C","#0E0D0C","#382B24","#1A1512","#080809"],"palette_detail":[{"hex":"#2A1D16","pct":32.6},{"hex":"#9D674C","pct":23.5},{"hex":"#0E0D0C","pct":22.3},{"hex":"#382B24","pct":11.2},{"hex":"#1A1512","pct":5.9},{"hex":"#080809","pct":4.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0492.webp","thumb":"assets/thumb/ORG-0492.webp","palette":["#DCE9DF","#F5F8F4","#C1D8C8","#2A4739","#9BB7A6","#FBFCFA"],"palette_detail":[{"hex":"#DCE9DF","pct":39.2},{"hex":"#F5F8F4","pct":21.7},{"hex":"#C1D8C8","pct":21.3},{"hex":"#2A4739","pct":7.5},{"hex":"#9BB7A6","pct":6.2},{"hex":"#FBFCFA","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0491.webp","thumb":"assets/thumb/ORG-0491.webp","palette":["#E3E1DA","#F8F7F6","#BECDF5","#2C3669","#FEFDFA","#999EB7"],"palette_detail":[{"hex":"#E3E1DA","pct":41.6},{"hex":"#F8F7F6","pct":22.1},{"hex":"#BECDF5","pct":19.6},{"hex":"#2C3669","pct":7.1},{"hex":"#FEFDFA","pct":5.0},{"hex":"#999EB7","pct":4.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0490.webp","thumb":"assets/thumb/ORG-0490.webp","palette":["#221A34","#0F0C16","#787F75","#2E283E","#17141F","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.0},{"hex":"#0F0C16","pct":24.0},{"hex":"#787F75","pct":24.0},{"hex":"#2E283E","pct":11.6},{"hex":"#17141F","pct":5.4},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0493","kind":"image","category":"website","type":"screen","title":"Real estate pricing · Nest","description":"A desktop pricing section for Nest with a Monthly/Yearly toggle and \"2 months free\". Three plans — Buyer €0 (Saved searches, Alerts, Viewings); Pro buyer €9 (Price history, Offer tools, Mortgage check); Agent €49 (Listings, Leads, Analytics) — with Pro buyer anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","home","real","estate"],"palette":["#0E0D0C","#2C1F18","#1A1614","#F1682E","#4D3F38","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.5},{"hex":"#2C1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F1682E","pct":6.2},{"hex":"#4D3F38","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0493.webp","thumb":"assets/thumb/ORG-0493.webp","live":"originals/screens/gen-home-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0493.webp","thumb":"assets/thumb/ORG-0493.webp","palette":["#0E0D0C","#2C1F18","#1A1614","#F1682E","#4D3F38","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.5},{"hex":"#2C1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F1682E","pct":6.2},{"hex":"#4D3F38","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0496.webp","thumb":"assets/thumb/ORG-0496.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AEBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.2},{"hex":"#2C7D55","pct":6.5},{"hex":"#AEBDB3","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0495.webp","thumb":"assets/thumb/ORG-0495.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3452EF","#BAB9B5","#CBD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.5},{"hex":"#E3E0DA","pct":22.3},{"hex":"#FEFFFF","pct":12.7},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B5","pct":5.5},{"hex":"#CBD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0494.webp","thumb":"assets/thumb/ORG-0494.webp","palette":["#0F0C16","#241D36","#1A1523","#BAE23A","#4A4A48","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.5},{"hex":"#1A1523","pct":18.6},{"hex":"#BAE23A","pct":6.5},{"hex":"#4A4A48","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0497","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate profile · Nest","description":"A profile screen in Nest for Lea & Tomás (@leatomas · First-time buyers). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 24 Saved, 3 Viewings, 1 Offer — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","home","real","estate","bottom-nav"],"palette":["#2C1F18","#0D0D0C","#181614","#221F1D","#433732","#C97E58"],"palette_detail":[{"hex":"#2C1F18","pct":39.8},{"hex":"#0D0D0C","pct":32.8},{"hex":"#181614","pct":17.0},{"hex":"#221F1D","pct":5.2},{"hex":"#433732","pct":3.0},{"hex":"#C97E58","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0497.webp","thumb":"assets/thumb/ORG-0497.webp","live":"originals/screens/gen-home-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0497.webp","thumb":"assets/thumb/ORG-0497.webp","palette":["#2C1F18","#0D0D0C","#181614","#221F1D","#433732","#C97E58"],"palette_detail":[{"hex":"#2C1F18","pct":39.8},{"hex":"#0D0D0C","pct":32.8},{"hex":"#181614","pct":17.0},{"hex":"#221F1D","pct":5.2},{"hex":"#433732","pct":3.0},{"hex":"#C97E58","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0500.webp","thumb":"assets/thumb/ORG-0500.webp","palette":["#F9FAF8","#DDE9DF","#CAD6CD","#EBF2EC","#2B322F","#899F92"],"palette_detail":[{"hex":"#F9FAF8","pct":40.7},{"hex":"#DDE9DF","pct":33.9},{"hex":"#CAD6CD","pct":8.4},{"hex":"#EBF2EC","pct":8.2},{"hex":"#2B322F","pct":5.2},{"hex":"#899F92","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0499.webp","thumb":"assets/thumb/ORG-0499.webp","palette":["#FBFBF9","#E6E3DC","#F1EFEA","#CBCAC9","#2D2D2D","#7D86B3"],"palette_detail":[{"hex":"#FBFBF9","pct":41.1},{"hex":"#E6E3DC","pct":34.4},{"hex":"#F1EFEA","pct":9.1},{"hex":"#CBCAC9","pct":7.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7D86B3","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0498.webp","thumb":"assets/thumb/ORG-0498.webp","palette":["#241C36","#0E0C15","#181422","#1E172E","#393444","#97A077"],"palette_detail":[{"hex":"#241C36","pct":37.5},{"hex":"#0E0C15","pct":32.9},{"hex":"#181422","pct":15.3},{"hex":"#1E172E","pct":7.2},{"hex":"#393444","pct":4.6},{"hex":"#97A077","pct":2.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0501","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate search · Nest","description":"A search screen in Nest: a focused field with a clear button, a chip row (All, Apartments, Houses, New builds), recent searches as pills, \"Top results\" — Rua da Saudade 12, Travessa do Fado 3, Largo do Chafariz 8, Rua dos Remédios 40 — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","home","real","estate"],"palette":["#0E0D0C","#2A1D17","#382C26","#1A1615","#080808","#767370"],"palette_detail":[{"hex":"#0E0D0C","pct":38.4},{"hex":"#2A1D17","pct":35.5},{"hex":"#382C26","pct":11.1},{"hex":"#1A1615","pct":7.9},{"hex":"#080808","pct":4.3},{"hex":"#767370","pct":2.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0501.webp","thumb":"assets/thumb/ORG-0501.webp","live":"originals/screens/gen-home-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0501.webp","thumb":"assets/thumb/ORG-0501.webp","palette":["#0E0D0C","#2A1D17","#382C26","#1A1615","#080808","#767370"],"palette_detail":[{"hex":"#0E0D0C","pct":38.4},{"hex":"#2A1D17","pct":35.5},{"hex":"#382C26","pct":11.1},{"hex":"#1A1615","pct":7.9},{"hex":"#080808","pct":4.3},{"hex":"#767370","pct":2.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0504.webp","thumb":"assets/thumb/ORG-0504.webp","palette":["#F5F7F4","#DDE9E0","#CBD7CE","#FCFDFC","#2C2E2E","#99A09B"],"palette_detail":[{"hex":"#F5F7F4","pct":38.5},{"hex":"#DDE9E0","pct":37.2},{"hex":"#CBD7CE","pct":9.3},{"hex":"#FCFDFC","pct":5.9},{"hex":"#2C2E2E","pct":5.1},{"hex":"#99A09B","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0503.webp","thumb":"assets/thumb/ORG-0503.webp","palette":["#F9F8F5","#E7E4DD","#D4D2CF","#FEFEFC","#2D2D2D","#9D9C99"],"palette_detail":[{"hex":"#F9F8F5","pct":38.1},{"hex":"#E7E4DD","pct":37.3},{"hex":"#D4D2CF","pct":9.3},{"hex":"#FEFEFC","pct":6.1},{"hex":"#2D2D2D","pct":5.1},{"hex":"#9D9C99","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0502.webp","thumb":"assets/thumb/ORG-0502.webp","palette":["#0F0C16","#221B35","#332E3F","#1B1624","#09070C","#76727F"],"palette_detail":[{"hex":"#0F0C16","pct":40.0},{"hex":"#221B35","pct":35.1},{"hex":"#332E3F","pct":10.2},{"hex":"#1B1624","pct":8.0},{"hex":"#09070C","pct":4.1},{"hex":"#76727F","pct":2.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0505","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate settings · Nest","description":"Settings for Nest. An account row leads; grouped cards follow — Alerts: New listings (on), Price changes (on), Open houses (off); Search: Show sold prices (on), Metric units (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","home","real","estate"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#544A44","#D59779"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#544A44","pct":2.0},{"hex":"#D59779","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0505.webp","thumb":"assets/thumb/ORG-0505.webp","live":"originals/screens/gen-home-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0505.webp","thumb":"assets/thumb/ORG-0505.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#544A44","#D59779"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#544A44","pct":2.0},{"hex":"#D59779","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0508.webp","thumb":"assets/thumb/ORG-0508.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E0ECE2","pct":28.5},{"hex":"#FFFFFF","pct":17.0},{"hex":"#D4E1D7","pct":16.0},{"hex":"#2C322F","pct":5.2},{"hex":"#9DA9A1","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0507.webp","thumb":"assets/thumb/ORG-0507.webp","palette":["#E8E5DE","#F9F8F6","#FEFEFE","#D9D7D1","#2D2D2D","#9597AD"],"palette_detail":[{"hex":"#E8E5DE","pct":35.2},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":18.9},{"hex":"#D9D7D1","pct":9.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9597AD","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0506.webp","thumb":"assets/thumb/ORG-0506.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4B4850","#B7C589"],"palette_detail":[{"hex":"#241D37","pct":39.4},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":18.6},{"hex":"#1D172C","pct":7.2},{"hex":"#4B4850","pct":2.1},{"hex":"#B7C589","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0509","kind":"image","category":"dashboard","type":"screen","title":"Real estate listing table · Nest","description":"A desktop table of listings in Nest. A title row with Export and \"New listing\", a strip of four KPI tiles, a search field and filter dropdowns (Apartments, Houses, New builds) sit above a table with name, details, status (Saved / Viewing) and value columns — Rua da Saudade 12, Travessa do Fado 3, Largo do Chafariz 8, Rua dos Remédios 40, Calçada do Monte 9, Rua de São Miguel 2. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","home","real","estate"],"palette":["#181615","#0E0D0C","#271C16","#352923","#131211","#775E52"],"palette_detail":[{"hex":"#181615","pct":37.1},{"hex":"#0E0D0C","pct":30.8},{"hex":"#271C16","pct":17.7},{"hex":"#352923","pct":9.1},{"hex":"#131211","pct":4.1},{"hex":"#775E52","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0509.webp","thumb":"assets/thumb/ORG-0509.webp","live":"originals/screens/gen-home-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0509.webp","thumb":"assets/thumb/ORG-0509.webp","palette":["#181615","#0E0D0C","#271C16","#352923","#131211","#775E52"],"palette_detail":[{"hex":"#181615","pct":37.1},{"hex":"#0E0D0C","pct":30.8},{"hex":"#271C16","pct":17.7},{"hex":"#352923","pct":9.1},{"hex":"#131211","pct":4.1},{"hex":"#775E52","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0512.webp","thumb":"assets/thumb/ORG-0512.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":29.7},{"hex":"#DEEAE1","pct":16.3},{"hex":"#CAD6CD","pct":8.1},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A5B4AA","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0511.webp","thumb":"assets/thumb/ORG-0511.webp","palette":["#F9F8F6","#FFFFFF","#E4E1DB","#FDFDFD","#C0BFBB","#445EE6"],"palette_detail":[{"hex":"#F9F8F6","pct":36.2},{"hex":"#FFFFFF","pct":25.0},{"hex":"#E4E1DB","pct":20.7},{"hex":"#FDFDFD","pct":11.3},{"hex":"#C0BFBB","pct":6.7},{"hex":"#445EE6","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0510.webp","thumb":"assets/thumb/ORG-0510.webp","palette":["#191424","#0F0C16","#211A33","#2E283E","#14101E","#6F735C"],"palette_detail":[{"hex":"#191424","pct":38.3},{"hex":"#0F0C16","pct":30.9},{"hex":"#211A33","pct":16.5},{"hex":"#2E283E","pct":8.9},{"hex":"#14101E","pct":4.1},{"hex":"#6F735C","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0513","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning activity feed · Fable","description":"An activity feed in Fable grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Keep your streak\" (2 minutes to go today) and \"New story unlocked\" — and read items are plain rows: \"Kenji passed you\", \"Review due\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","learn","language","learning","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A66F56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.7},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.8},{"hex":"#181413","pct":7.6},{"hex":"#221F1D","pct":6.7},{"hex":"#A66F56","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0513.webp","thumb":"assets/thumb/ORG-0513.webp","live":"originals/screens/gen-learn-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0513.webp","thumb":"assets/thumb/ORG-0513.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A66F56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.7},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.8},{"hex":"#181413","pct":7.6},{"hex":"#221F1D","pct":6.7},{"hex":"#A66F56","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0516.webp","thumb":"assets/thumb/ORG-0516.webp","palette":["#F4F7F3","#DBE8DE","#FCFEFC","#BDC8C0","#2B3330","#7D8C84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.3},{"hex":"#DBE8DE","pct":39.7},{"hex":"#FCFEFC","pct":6.1},{"hex":"#BDC8C0","pct":6.1},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8C84","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0515.webp","thumb":"assets/thumb/ORG-0515.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C1C0BF","#2D2D2D","#737AA1"],"palette_detail":[{"hex":"#FAF9F7","pct":40.5},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.0},{"hex":"#C1C0BF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737AA1","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0514.webp","thumb":"assets/thumb/ORG-0514.webp","palette":["#241C36","#0E0C15","#1D172C","#17131F","#3A3544","#95A464"],"palette_detail":[{"hex":"#241C36","pct":40.8},{"hex":"#0E0C15","pct":40.7},{"hex":"#1D172C","pct":7.0},{"hex":"#17131F","pct":6.2},{"hex":"#3A3544","pct":3.3},{"hex":"#95A464","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0517","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning unlock super · Fable","description":"A confirmation screen in Fable titled \"Unlock Super\". A summary card lists Plan 12 months; Price €6.99 / mo; Billed €83.88 / yr; Trial 14 days, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €0 today beside the primary button \"Start free trial\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","learn","language","learning"],"palette":["#291D17","#0D0D0C","#191715","#372D27","#161313","#B86947"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.2},{"hex":"#191715","pct":13.5},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.4},{"hex":"#B86947","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0517.webp","thumb":"assets/thumb/ORG-0517.webp","live":"originals/screens/gen-learn-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0517.webp","thumb":"assets/thumb/ORG-0517.webp","palette":["#291D17","#0D0D0C","#191715","#372D27","#161313","#B86947"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.2},{"hex":"#191715","pct":13.5},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.4},{"hex":"#B86947","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0520.webp","thumb":"assets/thumb/ORG-0520.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3831","#BFC9C1","#84948B"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.1},{"hex":"#FEFEFE","pct":14.6},{"hex":"#2A3831","pct":5.7},{"hex":"#BFC9C1","pct":5.7},{"hex":"#84948B","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0519.webp","thumb":"assets/thumb/ORG-0519.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BE","#2D2D2D","#6C77B5"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.0},{"hex":"#FEFEFE","pct":14.8},{"hex":"#C5C3BE","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6C77B5","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0518.webp","thumb":"assets/thumb/ORG-0518.webp","palette":["#231B35","#0E0C15","#1A1525","#322C43","#15121C","#9CB44E"],"palette_detail":[{"hex":"#231B35","pct":36.9},{"hex":"#0E0C15","pct":33.0},{"hex":"#1A1525","pct":15.3},{"hex":"#322C43","pct":9.0},{"hex":"#15121C","pct":3.7},{"hex":"#9CB44E","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0521","kind":"image","category":"dashboard","type":"screen","title":"Language learning desktop dashboard · Fable","description":"A desktop dashboard for Fable (language learning). A sidebar lists Overview, Reports, Lessons, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Streak 42, Words 1,284, Level B1, Accuracy 91%), a bar chart of minutes per day and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","learn","language","learning"],"palette":["#181615","#251C17","#0F0E0D","#332721","#6B5B53","#F6672A"],"palette_detail":[{"hex":"#181615","pct":52.6},{"hex":"#251C17","pct":23.3},{"hex":"#0F0E0D","pct":12.8},{"hex":"#332721","pct":8.8},{"hex":"#6B5B53","pct":1.3},{"hex":"#F6672A","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0521.webp","thumb":"assets/thumb/ORG-0521.webp","live":"originals/screens/gen-learn-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0521.webp","thumb":"assets/thumb/ORG-0521.webp","palette":["#181615","#251C17","#0F0E0D","#332721","#6B5B53","#F6672A"],"palette_detail":[{"hex":"#181615","pct":52.6},{"hex":"#251C17","pct":23.3},{"hex":"#0F0E0D","pct":12.8},{"hex":"#332721","pct":8.8},{"hex":"#6B5B53","pct":1.3},{"hex":"#F6672A","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0524.webp","thumb":"assets/thumb/ORG-0524.webp","palette":["#FFFFFF","#F6F8F5","#E7EFE8","#D5E2D8","#B2BEB6","#287E53"],"palette_detail":[{"hex":"#FFFFFF","pct":49.3},{"hex":"#F6F8F5","pct":16.8},{"hex":"#E7EFE8","pct":14.5},{"hex":"#D5E2D8","pct":13.1},{"hex":"#B2BEB6","pct":5.1},{"hex":"#287E53","pct":1.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0523.webp","thumb":"assets/thumb/ORG-0523.webp","palette":["#FFFFFF","#F9F8F6","#EDEBE6","#DFDCD5","#B9B8B7","#3251F2"],"palette_detail":[{"hex":"#FFFFFF","pct":48.1},{"hex":"#F9F8F6","pct":17.8},{"hex":"#EDEBE6","pct":15.2},{"hex":"#DFDCD5","pct":12.5},{"hex":"#B9B8B7","pct":5.1},{"hex":"#3251F2","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0522.webp","thumb":"assets/thumb/ORG-0522.webp","palette":["#191424","#211A32","#100D17","#2D263E","#C0ED31","#686863"],"palette_detail":[{"hex":"#191424","pct":53.9},{"hex":"#211A32","pct":22.4},{"hex":"#100D17","pct":12.8},{"hex":"#2D263E","pct":8.6},{"hex":"#C0ED31","pct":1.2},{"hex":"#686863","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0525","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning lesson detail · Fable","description":"A detail screen in Fable for \"At the market\" (Unit 6 · Speaking · 8 min). An illustrated header carries back and save buttons; below sit the title, the value \"+40 XP\", a 2×2 fact grid (Words: 24 new; Level: B1; Skill: Speaking; Best score: —), a short paragraph, two \"Related\" rows and a sticky action \"Start free trial\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","learn","language","learning"],"palette":["#281D17","#0D0C0C","#AE6644","#342822","#1B1613","#644D42"],"palette_detail":[{"hex":"#281D17","pct":37.4},{"hex":"#0D0C0C","pct":22.0},{"hex":"#AE6644","pct":18.8},{"hex":"#342822","pct":12.1},{"hex":"#1B1613","pct":7.2},{"hex":"#644D42","pct":2.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0525.webp","thumb":"assets/thumb/ORG-0525.webp","live":"originals/screens/gen-learn-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0525.webp","thumb":"assets/thumb/ORG-0525.webp","palette":["#281D17","#0D0C0C","#AE6644","#342822","#1B1613","#644D42"],"palette_detail":[{"hex":"#281D17","pct":37.4},{"hex":"#0D0C0C","pct":22.0},{"hex":"#AE6644","pct":18.8},{"hex":"#342822","pct":12.1},{"hex":"#1B1613","pct":7.2},{"hex":"#644D42","pct":2.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0528.webp","thumb":"assets/thumb/ORG-0528.webp","palette":["#D8E6DB","#F6F8F5","#E6EFE8","#B3CBBB","#729F85","#264134"],"palette_detail":[{"hex":"#D8E6DB","pct":33.9},{"hex":"#F6F8F5","pct":20.8},{"hex":"#E6EFE8","pct":17.0},{"hex":"#B3CBBB","pct":13.5},{"hex":"#729F85","pct":8.1},{"hex":"#264134","pct":6.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0527.webp","thumb":"assets/thumb/ORG-0527.webp","palette":["#E6E4DD","#F9F8F5","#BEC9E9","#5A76F2","#9AA2B7","#2C2D2F"],"palette_detail":[{"hex":"#E6E4DD","pct":45.3},{"hex":"#F9F8F5","pct":23.8},{"hex":"#BEC9E9","pct":14.5},{"hex":"#5A76F2","pct":6.2},{"hex":"#9AA2B7","pct":5.1},{"hex":"#2C2D2F","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0526.webp","thumb":"assets/thumb/ORG-0526.webp","palette":["#211933","#0E0B14","#83926B","#29223B","#18161E","#464354"],"palette_detail":[{"hex":"#211933","pct":35.1},{"hex":"#0E0B14","pct":22.3},{"hex":"#83926B","pct":17.1},{"hex":"#29223B","pct":14.4},{"hex":"#18161E","pct":5.8},{"hex":"#464354","pct":5.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0529","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning empty state · Fable","description":"An empty state in Fable: a ghosted stack of cards with an accent badge, the line \"No saved words\", the explanation \"Tap any word in a lesson to save it here for quick review.\" and a single button \"Start a lesson\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","learn","language","learning","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#D76939"],"palette_detail":[{"hex":"#0D0D0C","pct":45.4},{"hex":"#2A1E17","pct":30.0},{"hex":"#382C25","pct":9.0},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D76939","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0529.webp","thumb":"assets/thumb/ORG-0529.webp","live":"originals/screens/gen-learn-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0529.webp","thumb":"assets/thumb/ORG-0529.webp","palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#D76939"],"palette_detail":[{"hex":"#0D0D0C","pct":45.4},{"hex":"#2A1E17","pct":30.0},{"hex":"#382C25","pct":9.0},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D76939","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0532.webp","thumb":"assets/thumb/ORG-0532.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2C9","#2A3E34","#85938B"],"palette_detail":[{"hex":"#F6F8F5","pct":39.6},{"hex":"#DCE9DF","pct":37.3},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C7D2C9","pct":6.7},{"hex":"#2A3E34","pct":6.2},{"hex":"#85938B","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0531.webp","thumb":"assets/thumb/ORG-0531.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C9C7C4","#2D2D2D","#5E6DBE"],"palette_detail":[{"hex":"#FBFAF7","pct":47.2},{"hex":"#E5E2DA","pct":30.5},{"hex":"#ECEAE5","pct":8.6},{"hex":"#C9C7C4","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5E6DBE","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0530.webp","thumb":"assets/thumb/ORG-0530.webp","palette":["#0E0C15","#221A35","#312B40","#191424","#15121C","#AFCF46"],"palette_detail":[{"hex":"#0E0C15","pct":45.3},{"hex":"#221A35","pct":32.6},{"hex":"#312B40","pct":9.0},{"hex":"#191424","pct":7.6},{"hex":"#15121C","pct":3.5},{"hex":"#AFCF46","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0533","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning home · Fable","description":"The home screen of Fable, a language learning app. A greeting row sits above \"Today’s goal\" with a hero figure \"18 / 20\" and a supporting line \"minutes · 2 to go\". A card charts \"minutes per day\" as seven bars with Thursday highlighted, then a \"Recent\" list shows At the market, Past tense II and A day in Seville, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","learn","language","learning"],"palette":["#0D0D0C","#2A1D16","#181614","#372D27","#211F1D","#9B8376"],"palette_detail":[{"hex":"#0D0D0C","pct":37.7},{"hex":"#2A1D16","pct":33.0},{"hex":"#181614","pct":13.7},{"hex":"#372D27","pct":9.5},{"hex":"#211F1D","pct":4.2},{"hex":"#9B8376","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0533.webp","thumb":"assets/thumb/ORG-0533.webp","live":"originals/screens/gen-learn-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0533.webp","thumb":"assets/thumb/ORG-0533.webp","palette":["#0D0D0C","#2A1D16","#181614","#372D27","#211F1D","#9B8376"],"palette_detail":[{"hex":"#0D0D0C","pct":37.7},{"hex":"#2A1D16","pct":33.0},{"hex":"#181614","pct":13.7},{"hex":"#372D27","pct":9.5},{"hex":"#211F1D","pct":4.2},{"hex":"#9B8376","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0536.webp","thumb":"assets/thumb/ORG-0536.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFD","#BDC8C0","#2D312F","#828D86"],"palette_detail":[{"hex":"#DCE8DE","pct":39.9},{"hex":"#F5F7F4","pct":34.6},{"hex":"#FEFEFD","pct":11.8},{"hex":"#BDC8C0","pct":5.8},{"hex":"#2D312F","pct":5.3},{"hex":"#828D86","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0535.webp","thumb":"assets/thumb/ORG-0535.webp","palette":["#FBFAF8","#E3E0D9","#ECEAE4","#C3C2BE","#2E2E2E","#818491"],"palette_detail":[{"hex":"#FBFAF8","pct":43.5},{"hex":"#E3E0D9","pct":30.1},{"hex":"#ECEAE4","pct":13.2},{"hex":"#C3C2BE","pct":5.4},{"hex":"#2E2E2E","pct":5.2},{"hex":"#818491","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0534.webp","thumb":"assets/thumb/ORG-0534.webp","palette":["#0E0C15","#231B35","#181422","#312C41","#1E172C","#909189"],"palette_detail":[{"hex":"#0E0C15","pct":37.7},{"hex":"#231B35","pct":33.3},{"hex":"#181422","pct":11.9},{"hex":"#312C41","pct":9.3},{"hex":"#1E172C","pct":5.9},{"hex":"#909189","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0537","kind":"image","category":"website","type":"screen","title":"Language learning landing hero · Fable","description":"A desktop landing hero for Fable. A slim nav with \"Get Fable\" sits over a two-column hero: an eyebrow pill (\"Keep your streak\"), the headline \"Speak Spanish in 10 minutes a day.\", \"Short lessons built around real conversations, with a streak you’ll want to keep.\", primary \"Choose a language\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","learn","language","learning"],"palette":["#0E0D0C","#251B16","#352821","#0C0C0B","#A05C3E","#090A09"],"palette_detail":[{"hex":"#0E0D0C","pct":50.3},{"hex":"#251B16","pct":24.5},{"hex":"#352821","pct":19.0},{"hex":"#0C0C0B","pct":3.2},{"hex":"#A05C3E","pct":1.9},{"hex":"#090A09","pct":1.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0537.webp","thumb":"assets/thumb/ORG-0537.webp","live":"originals/screens/gen-learn-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0537.webp","thumb":"assets/thumb/ORG-0537.webp","palette":["#0E0D0C","#251B16","#352821","#0C0C0B","#A05C3E","#090A09"],"palette_detail":[{"hex":"#0E0D0C","pct":50.3},{"hex":"#251B16","pct":24.5},{"hex":"#352821","pct":19.0},{"hex":"#0C0C0B","pct":3.2},{"hex":"#A05C3E","pct":1.9},{"hex":"#090A09","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0540.webp","thumb":"assets/thumb/ORG-0540.webp","palette":["#F5F7F4","#DAE6DD","#B8C5BB","#F8F9F7","#FEFEFD","#5B806D"],"palette_detail":[{"hex":"#F5F7F4","pct":48.4},{"hex":"#DAE6DD","pct":30.7},{"hex":"#B8C5BB","pct":8.1},{"hex":"#F8F9F7","pct":5.5},{"hex":"#FEFEFD","pct":4.1},{"hex":"#5B806D","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0539.webp","thumb":"assets/thumb/ORG-0539.webp","palette":["#F9F8F5","#E3E3E2","#C6C5C4","#FCFBF7","#FFFEFE","#6874B2"],"palette_detail":[{"hex":"#F9F8F5","pct":48.7},{"hex":"#E3E3E2","pct":30.4},{"hex":"#C6C5C4","pct":10.0},{"hex":"#FCFBF7","pct":5.0},{"hex":"#FFFEFE","pct":3.7},{"hex":"#6874B2","pct":2.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0538.webp","thumb":"assets/thumb/ORG-0538.webp","palette":["#0F0C16","#201930","#312D3C","#0D0B14","#96A858","#090512"],"palette_detail":[{"hex":"#0F0C16","pct":49.5},{"hex":"#201930","pct":25.6},{"hex":"#312D3C","pct":17.5},{"hex":"#0D0B14","pct":3.3},{"hex":"#96A858","pct":2.9},{"hex":"#090512","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0541","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning lesson list · Fable","description":"A list screen of lessons in Fable. A title with an add button sits over a search field and a chip row (All, Speaking, Listening, Grammar, Stories); six rows follow with a leading icon, title, supporting line and trailing value: At the market (New); Past tense II (60%); A day in Seville (Done); Ordering coffee (Done). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","learn","language","learning"],"palette":["#0E0D0C","#2A1D17","#362C26","#1A1614","#080808","#897A72"],"palette_detail":[{"hex":"#0E0D0C","pct":42.3},{"hex":"#2A1D17","pct":34.2},{"hex":"#362C26","pct":10.0},{"hex":"#1A1614","pct":7.6},{"hex":"#080808","pct":4.0},{"hex":"#897A72","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0541.webp","thumb":"assets/thumb/ORG-0541.webp","live":"originals/screens/gen-learn-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0541.webp","thumb":"assets/thumb/ORG-0541.webp","palette":["#0E0D0C","#2A1D17","#362C26","#1A1614","#080808","#897A72"],"palette_detail":[{"hex":"#0E0D0C","pct":42.3},{"hex":"#2A1D17","pct":34.2},{"hex":"#362C26","pct":10.0},{"hex":"#1A1614","pct":7.6},{"hex":"#080808","pct":4.0},{"hex":"#897A72","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0544.webp","thumb":"assets/thumb/ORG-0544.webp","palette":["#F6F8F5","#DEEAE0","#CFDBD2","#FDFEFC","#2C2F2E","#939B95"],"palette_detail":[{"hex":"#F6F8F5","pct":41.3},{"hex":"#DEEAE0","pct":34.4},{"hex":"#CFDBD2","pct":9.9},{"hex":"#FDFEFC","pct":5.5},{"hex":"#2C2F2E","pct":5.1},{"hex":"#939B95","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0543.webp","thumb":"assets/thumb/ORG-0543.webp","palette":["#FAF9F5","#E8E5DE","#D9D6CF","#FEFEFC","#2D2D2D","#96979B"],"palette_detail":[{"hex":"#FAF9F5","pct":41.0},{"hex":"#E8E5DE","pct":34.6},{"hex":"#D9D6CF","pct":10.0},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.1},{"hex":"#96979B","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0542.webp","thumb":"assets/thumb/ORG-0542.webp","palette":["#0F0C16","#211A34","#2E273F","#181422","#08070B","#848580"],"palette_detail":[{"hex":"#0F0C16","pct":42.7},{"hex":"#211A34","pct":33.0},{"hex":"#2E273F","pct":11.6},{"hex":"#181422","pct":7.3},{"hex":"#08070B","pct":3.2},{"hex":"#848580","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0545","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning welcome · Fable","description":"The first onboarding step of Fable. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Speak Spanish in 10 minutes a day.\", followed by \"Short lessons built around real conversations, with a streak you’ll want to keep.\" and a full-width primary button \"Choose a language\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","learn","language","learning"],"palette":["#2B1E17","#0D0C0B","#99654B","#402F26","#1C1613","#11100F"],"palette_detail":[{"hex":"#2B1E17","pct":36.0},{"hex":"#0D0C0B","pct":24.5},{"hex":"#99654B","pct":22.8},{"hex":"#402F26","pct":8.1},{"hex":"#1C1613","pct":6.3},{"hex":"#11100F","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0545.webp","thumb":"assets/thumb/ORG-0545.webp","live":"originals/screens/gen-learn-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0545.webp","thumb":"assets/thumb/ORG-0545.webp","palette":["#2B1E17","#0D0C0B","#99654B","#402F26","#1C1613","#11100F"],"palette_detail":[{"hex":"#2B1E17","pct":36.0},{"hex":"#0D0C0B","pct":24.5},{"hex":"#99654B","pct":22.8},{"hex":"#402F26","pct":8.1},{"hex":"#1C1613","pct":6.3},{"hex":"#11100F","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0548.webp","thumb":"assets/thumb/ORG-0548.webp","palette":["#DBE9DE","#C1D9C9","#F5F8F4","#294739","#FBFCFA","#91AC9C"],"palette_detail":[{"hex":"#DBE9DE","pct":40.7},{"hex":"#C1D9C9","pct":22.6},{"hex":"#F5F8F4","pct":20.6},{"hex":"#294739","pct":7.4},{"hex":"#FBFCFA","pct":4.5},{"hex":"#91AC9C","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0547.webp","thumb":"assets/thumb/ORG-0547.webp","palette":["#E3E1D9","#FAFAF7","#C3D0F5","#EBEBEB","#2D3669","#A0A3B9"],"palette_detail":[{"hex":"#E3E1D9","pct":34.5},{"hex":"#FAFAF7","pct":24.5},{"hex":"#C3D0F5","pct":19.9},{"hex":"#EBEBEB","pct":8.8},{"hex":"#2D3669","pct":7.1},{"hex":"#A0A3B9","pct":5.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0546.webp","thumb":"assets/thumb/ORG-0546.webp","palette":["#221A34","#100D17","#6A6A7F","#2F2A3D","#0A080E","#B0D82F"],"palette_detail":[{"hex":"#221A34","pct":34.1},{"hex":"#100D17","pct":24.9},{"hex":"#6A6A7F","pct":20.7},{"hex":"#2F2A3D","pct":11.3},{"hex":"#0A080E","pct":5.3},{"hex":"#B0D82F","pct":3.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0549","kind":"image","category":"website","type":"screen","title":"Language learning pricing · Fable","description":"A desktop pricing section for Fable with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (1 language, Daily lessons, Ads); Super €7 (All languages, Offline, No ads); Family €12 (6 learners, Progress view, No ads) — with Super anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","learn","language","learning"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F3682D","#4B3D37","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F3682D","pct":6.3},{"hex":"#4B3D37","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0549.webp","thumb":"assets/thumb/ORG-0549.webp","live":"originals/screens/gen-learn-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0549.webp","thumb":"assets/thumb/ORG-0549.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F3682D","#4B3D37","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F3682D","pct":6.3},{"hex":"#4B3D37","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0552.webp","thumb":"assets/thumb/ORG-0552.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.8},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0551.webp","thumb":"assets/thumb/ORG-0551.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3452EF","#BAB9B7","#D0D6F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFFFF","pct":12.7},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B7","pct":5.7},{"hex":"#D0D6F6","pct":1.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0550.webp","thumb":"assets/thumb/ORG-0550.webp","palette":["#0F0C16","#241C35","#1A1523","#BBE33A","#444347","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241C35","pct":21.4},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE33A","pct":6.6},{"hex":"#444347","pct":3.0},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0553","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning profile · Fable","description":"A profile screen in Fable for Tomás Silva (@tomas · Spanish B1). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 42 Day streak, 1,284 Words, Gold League — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","learn","language","learning","bottom-nav"],"palette":["#2A1E17","#0D0C0C","#1A1715","#3B2E28","#151312","#C37D5A"],"palette_detail":[{"hex":"#2A1E17","pct":37.4},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.5},{"hex":"#3B2E28","pct":8.9},{"hex":"#151312","pct":7.1},{"hex":"#C37D5A","pct":2.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0553.webp","thumb":"assets/thumb/ORG-0553.webp","live":"originals/screens/gen-learn-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0553.webp","thumb":"assets/thumb/ORG-0553.webp","palette":["#2A1E17","#0D0C0C","#1A1715","#3B2E28","#151312","#C37D5A"],"palette_detail":[{"hex":"#2A1E17","pct":37.4},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.5},{"hex":"#3B2E28","pct":8.9},{"hex":"#151312","pct":7.1},{"hex":"#C37D5A","pct":2.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0556.webp","thumb":"assets/thumb/ORG-0556.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CEDBD1","#2B312F","#879F92"],"palette_detail":[{"hex":"#DFEBE1","pct":36.1},{"hex":"#F6F8F5","pct":31.0},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CEDBD1","pct":11.0},{"hex":"#2B312F","pct":5.2},{"hex":"#879F92","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0555.webp","thumb":"assets/thumb/ORG-0555.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D0CFCC","#2E2D2D","#7E86B2"],"palette_detail":[{"hex":"#E7E5DE","pct":39.0},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.7},{"hex":"#D0CFCC","pct":8.8},{"hex":"#2E2D2D","pct":4.9},{"hex":"#7E86B2","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0554.webp","thumb":"assets/thumb/ORG-0554.webp","palette":["#231B35","#0E0B15","#191425","#342E42","#15121C","#97A078"],"palette_detail":[{"hex":"#231B35","pct":38.2},{"hex":"#0E0B15","pct":31.8},{"hex":"#191425","pct":14.8},{"hex":"#342E42","pct":7.8},{"hex":"#15121C","pct":4.8},{"hex":"#97A078","pct":2.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0557","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning search · Fable","description":"A search screen in Fable: a focused field with a clear button, a chip row (All, Speaking, Listening, Grammar), recent searches as pills, \"Top results\" — At the market, Past tense II, A day in Seville, Ordering coffee — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","learn","language","learning"],"palette":["#0E0D0C","#2A1D17","#382C26","#191615","#7E7A77","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.0},{"hex":"#2A1D17","pct":35.4},{"hex":"#382C26","pct":10.8},{"hex":"#191615","pct":7.9},{"hex":"#7E7A77","pct":2.0},{"hex":"#060505","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0557.webp","thumb":"assets/thumb/ORG-0557.webp","live":"originals/screens/gen-learn-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0557.webp","thumb":"assets/thumb/ORG-0557.webp","palette":["#0E0D0C","#2A1D17","#382C26","#191615","#7E7A77","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.0},{"hex":"#2A1D17","pct":35.4},{"hex":"#382C26","pct":10.8},{"hex":"#191615","pct":7.9},{"hex":"#7E7A77","pct":2.0},{"hex":"#060505","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0560.webp","thumb":"assets/thumb/ORG-0560.webp","palette":["#F5F8F4","#DDEAE0","#CBD7CE","#FCFDFC","#2C2E2E","#979E99"],"palette_detail":[{"hex":"#F5F8F4","pct":40.0},{"hex":"#DDEAE0","pct":37.0},{"hex":"#CBD7CE","pct":9.0},{"hex":"#FCFDFC","pct":5.6},{"hex":"#2C2E2E","pct":5.1},{"hex":"#979E99","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0559.webp","thumb":"assets/thumb/ORG-0559.webp","palette":["#F9F8F5","#E7E4DD","#D3D2CF","#FEFEFC","#2D2D2D","#9B9A97"],"palette_detail":[{"hex":"#F9F8F5","pct":39.6},{"hex":"#E7E4DD","pct":37.1},{"hex":"#D3D2CF","pct":9.1},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.1},{"hex":"#9B9A97","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0558.webp","thumb":"assets/thumb/ORG-0558.webp","palette":["#0F0C16","#221B35","#332E3F","#1B1625","#09070C","#7D7986"],"palette_detail":[{"hex":"#0F0C16","pct":41.4},{"hex":"#221B35","pct":34.9},{"hex":"#332E3F","pct":9.9},{"hex":"#1B1625","pct":7.9},{"hex":"#09070C","pct":3.9},{"hex":"#7D7986","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0561","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning settings · Fable","description":"Settings for Fable. An account row leads; grouped cards follow — Learning: Speaking exercises (on), Listening exercises (on), Sound effects (off); Reminders: Daily reminder (on), Streak freeze (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","learn","language","learning"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#584E49","#D7987A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":30.7},{"hex":"#181615","pct":20.2},{"hex":"#2F231C","pct":14.5},{"hex":"#584E49","pct":2.0},{"hex":"#D7987A","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0561.webp","thumb":"assets/thumb/ORG-0561.webp","live":"originals/screens/gen-learn-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0561.webp","thumb":"assets/thumb/ORG-0561.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#584E49","#D7987A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":30.7},{"hex":"#181615","pct":20.2},{"hex":"#2F231C","pct":14.5},{"hex":"#584E49","pct":2.0},{"hex":"#D7987A","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0564.webp","thumb":"assets/thumb/ORG-0564.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFF","#2C322F","#9EAAA2"],"palette_detail":[{"hex":"#F6F8F5","pct":29.5},{"hex":"#E2EDE4","pct":23.7},{"hex":"#D6E3D9","pct":20.6},{"hex":"#FFFFFF","pct":16.9},{"hex":"#2C322F","pct":5.2},{"hex":"#9EAAA2","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0563.webp","thumb":"assets/thumb/ORG-0563.webp","palette":["#E8E6DF","#F9F8F6","#FEFEFE","#DBD8D2","#2E2D2D","#989AAE"],"palette_detail":[{"hex":"#E8E6DF","pct":33.8},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":18.8},{"hex":"#DBD8D2","pct":11.2},{"hex":"#2E2D2D","pct":4.9},{"hex":"#989AAE","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0562.webp","thumb":"assets/thumb/ORG-0562.webp","palette":["#251D37","#0E0C15","#181423","#1E172D","#57555A","#C3D38B"],"palette_detail":[{"hex":"#251D37","pct":38.8},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":19.2},{"hex":"#1E172D","pct":7.4},{"hex":"#57555A","pct":2.1},{"hex":"#C3D38B","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0565","kind":"image","category":"dashboard","type":"screen","title":"Language learning lesson table · Fable","description":"A desktop table of lessons in Fable. A title row with Export and \"New lesson\", a strip of four KPI tiles, a search field and filter dropdowns (Speaking, Listening, Grammar) sit above a table with name, details, status (Done / Next) and value columns — At the market, Past tense II, A day in Seville, Ordering coffee, Numbers 100+, Small talk. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","learn","language","learning"],"palette":["#181615","#0E0D0C","#271C15","#342822","#141211","#7B5E51"],"palette_detail":[{"hex":"#181615","pct":37.3},{"hex":"#0E0D0C","pct":30.8},{"hex":"#271C15","pct":17.1},{"hex":"#342822","pct":9.2},{"hex":"#141211","pct":4.5},{"hex":"#7B5E51","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0565.webp","thumb":"assets/thumb/ORG-0565.webp","live":"originals/screens/gen-learn-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0565.webp","thumb":"assets/thumb/ORG-0565.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#141211","#7B5E51"],"palette_detail":[{"hex":"#181615","pct":37.3},{"hex":"#0E0D0C","pct":30.8},{"hex":"#271C15","pct":17.1},{"hex":"#342822","pct":9.2},{"hex":"#141211","pct":4.5},{"hex":"#7B5E51","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0568.webp","thumb":"assets/thumb/ORG-0568.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":35.7},{"hex":"#FFFFFF","pct":30.4},{"hex":"#DEEAE1","pct":16.2},{"hex":"#CAD6CD","pct":7.9},{"hex":"#FDFDFD","pct":6.7},{"hex":"#A5B4AA","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0567.webp","thumb":"assets/thumb/ORG-0567.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D7D4CE","#B1B2B6"],"palette_detail":[{"hex":"#F9F8F6","pct":35.7},{"hex":"#FFFFFF","pct":25.3},{"hex":"#E8E5DF","pct":15.2},{"hex":"#FDFDFD","pct":11.5},{"hex":"#D7D4CE","pct":7.9},{"hex":"#B1B2B6","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0566.webp","thumb":"assets/thumb/ORG-0566.webp","palette":["#191424","#0F0C16","#211A33","#2F283E","#14101E","#757C5B"],"palette_detail":[{"hex":"#191424","pct":39.0},{"hex":"#0F0C16","pct":30.9},{"hex":"#211A33","pct":16.6},{"hex":"#2F283E","pct":8.4},{"hex":"#14101E","pct":4.0},{"hex":"#757C5B","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0569","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance activity feed · Ledger","description":"An activity feed in Ledger grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Payday landed\" ($3,100 from Northwind) and \"Groceries is at 82%\" — and read items are plain rows: \"New sign-in\", \"Bill due tomorrow\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","money","personal","finance","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181513","#211F1D","#A66E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":10.1},{"hex":"#181513","pct":7.8},{"hex":"#211F1D","pct":6.5},{"hex":"#A66E55","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0569.webp","thumb":"assets/thumb/ORG-0569.webp","live":"originals/screens/gen-money-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0569.webp","thumb":"assets/thumb/ORG-0569.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181513","#211F1D","#A66E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":10.1},{"hex":"#181513","pct":7.8},{"hex":"#211F1D","pct":6.5},{"hex":"#A66E55","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0572.webp","thumb":"assets/thumb/ORG-0572.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFEFC","#2B3430","#7E8C84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.2},{"hex":"#DBE8DE","pct":40.0},{"hex":"#BCC8BF","pct":6.1},{"hex":"#FCFEFC","pct":5.9},{"hex":"#2B3430","pct":5.4},{"hex":"#7E8C84","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0571.webp","thumb":"assets/thumb/ORG-0571.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C1C0BF","#2D2D2D","#7279A2"],"palette_detail":[{"hex":"#FAF9F7","pct":40.2},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":15.0},{"hex":"#C1C0BF","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7279A2","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0570.webp","thumb":"assets/thumb/ORG-0570.webp","palette":["#0E0C15","#251D37","#1E172E","#17131F","#49474A","#9AAA64"],"palette_detail":[{"hex":"#0E0C15","pct":40.5},{"hex":"#251D37","pct":38.8},{"hex":"#1E172E","pct":10.0},{"hex":"#17131F","pct":6.6},{"hex":"#49474A","pct":2.4},{"hex":"#9AAA64","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0573","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance transfer · Ledger","description":"A confirmation screen in Ledger titled \"Transfer\". A summary card lists To Savings •• 1029; Amount $500.00; Fee Free; Arrives Instantly, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total $500.00 beside the primary button \"Transfer $500\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","money","personal","finance"],"palette":["#291D17","#0E0D0C","#191615","#382D27","#BC6945","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.1},{"hex":"#382D27","pct":9.8},{"hex":"#BC6945","pct":2.2},{"hex":"#030404","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0573.webp","thumb":"assets/thumb/ORG-0573.webp","live":"originals/screens/gen-money-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0573.webp","thumb":"assets/thumb/ORG-0573.webp","palette":["#291D17","#0E0D0C","#191615","#382D27","#BC6945","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.1},{"hex":"#382D27","pct":9.8},{"hex":"#BC6945","pct":2.2},{"hex":"#030404","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0576.webp","thumb":"assets/thumb/ORG-0576.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3731","#BEC9C1","#819389"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.0},{"hex":"#FEFEFE","pct":14.7},{"hex":"#2A3731","pct":5.7},{"hex":"#BEC9C1","pct":5.7},{"hex":"#819389","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0575.webp","thumb":"assets/thumb/ORG-0575.webp","palette":["#FBFBF9","#E3E1D9","#EDEAE4","#C2C1BD","#2D2D2D","#6975B8"],"palette_detail":[{"hex":"#FBFBF9","pct":43.6},{"hex":"#E3E1D9","pct":29.9},{"hex":"#EDEAE4","pct":13.2},{"hex":"#C2C1BD","pct":5.5},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6975B8","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0574.webp","thumb":"assets/thumb/ORG-0574.webp","palette":["#231B35","#0F0C16","#191424","#322C43","#08070B","#9FB84D"],"palette_detail":[{"hex":"#231B35","pct":37.2},{"hex":"#0F0C16","pct":31.8},{"hex":"#191424","pct":16.9},{"hex":"#322C43","pct":9.0},{"hex":"#08070B","pct":3.1},{"hex":"#9FB84D","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0577","kind":"image","category":"dashboard","type":"screen","title":"Personal finance desktop dashboard · Ledger","description":"A desktop dashboard for Ledger (personal finance). A sidebar lists Overview, Reports, Accounts, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Income $6,200, Spent $2,914, Saved $1,400, Invested $880), a bar chart of spending this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","money","personal","finance"],"palette":["#181615","#271D18","#0E0D0C","#392F29","#141211","#C76A41"],"palette_detail":[{"hex":"#181615","pct":53.3},{"hex":"#271D18","pct":24.5},{"hex":"#0E0D0C","pct":10.9},{"hex":"#392F29","pct":6.6},{"hex":"#141211","pct":3.3},{"hex":"#C76A41","pct":1.5}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0577.webp","thumb":"assets/thumb/ORG-0577.webp","live":"originals/screens/gen-money-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0577.webp","thumb":"assets/thumb/ORG-0577.webp","palette":["#181615","#271D18","#0E0D0C","#392F29","#141211","#C76A41"],"palette_detail":[{"hex":"#181615","pct":53.3},{"hex":"#271D18","pct":24.5},{"hex":"#0E0D0C","pct":10.9},{"hex":"#392F29","pct":6.6},{"hex":"#141211","pct":3.3},{"hex":"#C76A41","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0580.webp","thumb":"assets/thumb/ORG-0580.webp","palette":["#FFFFFF","#E0EBE3","#F5F7F4","#C3CFC6","#FBFCFB","#4D8A6C"],"palette_detail":[{"hex":"#FFFFFF","pct":46.7},{"hex":"#E0EBE3","pct":22.0},{"hex":"#F5F7F4","pct":15.5},{"hex":"#C3CFC6","pct":8.8},{"hex":"#FBFCFB","pct":5.7},{"hex":"#4D8A6C","pct":1.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0579.webp","thumb":"assets/thumb/ORG-0579.webp","palette":["#FFFFFF","#E9E7E0","#F8F7F5","#CCCAC3","#FCFCFB","#596DD5"],"palette_detail":[{"hex":"#FFFFFF","pct":46.7},{"hex":"#E9E7E0","pct":22.1},{"hex":"#F8F7F5","pct":15.5},{"hex":"#CCCAC3","pct":8.9},{"hex":"#FCFCFB","pct":5.6},{"hex":"#596DD5","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0578.webp","thumb":"assets/thumb/ORG-0578.webp","palette":["#191425","#241D36","#100D17","#161220","#56525F","#B6DD36"],"palette_detail":[{"hex":"#191425","pct":54.1},{"hex":"#241D36","pct":27.5},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.8},{"hex":"#56525F","pct":1.6},{"hex":"#B6DD36","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0581","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance account detail · Ledger","description":"A detail screen in Ledger for \"Corner Market\" (Groceries · Oct 20, 9:12). An illustrated header carries back and save buttons; below sit the title, the value \"−$24.60\", a 2×2 fact grid (Card: Everyday •• 4417; Category: Groceries; Status: Completed; Reference: TX-88412), a short paragraph, two \"Related\" rows and a sticky action \"Transfer $500\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","money","personal","finance"],"palette":["#281D17","#0D0C0C","#7A513B","#362A24","#1A1613","#B26A47"],"palette_detail":[{"hex":"#281D17","pct":38.2},{"hex":"#0D0C0C","pct":21.7},{"hex":"#7A513B","pct":16.2},{"hex":"#362A24","pct":11.9},{"hex":"#1A1613","pct":7.4},{"hex":"#B26A47","pct":4.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0581.webp","thumb":"assets/thumb/ORG-0581.webp","live":"originals/screens/gen-money-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0581.webp","thumb":"assets/thumb/ORG-0581.webp","palette":["#281D17","#0D0C0C","#7A513B","#362A24","#1A1613","#B26A47"],"palette_detail":[{"hex":"#281D17","pct":38.2},{"hex":"#0D0C0C","pct":21.7},{"hex":"#7A513B","pct":16.2},{"hex":"#362A24","pct":11.9},{"hex":"#1A1613","pct":7.4},{"hex":"#B26A47","pct":4.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0584.webp","thumb":"assets/thumb/ORG-0584.webp","palette":["#D8E6DB","#F6F8F5","#B9D1C0","#E6EFE7","#274134","#7C9386"],"palette_detail":[{"hex":"#D8E6DB","pct":33.5},{"hex":"#F6F8F5","pct":21.3},{"hex":"#B9D1C0","pct":19.6},{"hex":"#E6EFE7","pct":15.8},{"hex":"#274134","pct":6.7},{"hex":"#7C9386","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0583.webp","thumb":"assets/thumb/ORG-0583.webp","palette":["#E0DED6","#FAF9F6","#EBEAE6","#BCCBF4","#2D3562","#9A9CAC"],"palette_detail":[{"hex":"#E0DED6","pct":30.8},{"hex":"#FAF9F6","pct":21.3},{"hex":"#EBEAE6","pct":20.3},{"hex":"#BCCBF4","pct":15.9},{"hex":"#2D3562","pct":6.8},{"hex":"#9A9CAC","pct":4.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0582.webp","thumb":"assets/thumb/ORG-0582.webp","palette":["#221A34","#0E0B14","#6A706C","#2C263E","#181521","#4C4C53"],"palette_detail":[{"hex":"#221A34","pct":36.5},{"hex":"#0E0B14","pct":22.1},{"hex":"#6A706C","pct":15.3},{"hex":"#2C263E","pct":13.0},{"hex":"#181521","pct":6.9},{"hex":"#4C4C53","pct":6.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0585","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance empty state · Ledger","description":"An empty state in Ledger: a ghosted stack of cards with an accent badge, the line \"No goals yet\", the explanation \"Set a goal and Ledger moves a little money aside automatically, every payday.\" and a single button \"Create a goal\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","money","personal","finance","bottom-nav"],"palette":["#0D0D0C","#2B1E17","#161413","#3A2E27","#241913","#DE6936"],"palette_detail":[{"hex":"#0D0D0C","pct":45.0},{"hex":"#2B1E17","pct":31.1},{"hex":"#161413","pct":8.8},{"hex":"#3A2E27","pct":7.8},{"hex":"#241913","pct":5.4},{"hex":"#DE6936","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0585.webp","thumb":"assets/thumb/ORG-0585.webp","live":"originals/screens/gen-money-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0585.webp","thumb":"assets/thumb/ORG-0585.webp","palette":["#0D0D0C","#2B1E17","#161413","#3A2E27","#241913","#DE6936"],"palette_detail":[{"hex":"#0D0D0C","pct":45.0},{"hex":"#2B1E17","pct":31.1},{"hex":"#161413","pct":8.8},{"hex":"#3A2E27","pct":7.8},{"hex":"#241913","pct":5.4},{"hex":"#DE6936","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0588.webp","thumb":"assets/thumb/ORG-0588.webp","palette":["#F6F8F5","#DBE8DE","#FDFEFC","#293D34","#BEC9C1","#7D8C83"],"palette_detail":[{"hex":"#F6F8F5","pct":39.3},{"hex":"#DBE8DE","pct":38.7},{"hex":"#FDFEFC","pct":8.0},{"hex":"#293D34","pct":6.2},{"hex":"#BEC9C1","pct":5.7},{"hex":"#7D8C83","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0587.webp","thumb":"assets/thumb/ORG-0587.webp","palette":["#FBFAF7","#E8E5DE","#DAD7D2","#2E2E2E","#A3A2A0","#3554F2"],"palette_detail":[{"hex":"#FBFAF7","pct":47.3},{"hex":"#E8E5DE","pct":33.1},{"hex":"#DAD7D2","pct":9.9},{"hex":"#2E2E2E","pct":4.9},{"hex":"#A3A2A0","pct":3.1},{"hex":"#3554F2","pct":1.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0586.webp","thumb":"assets/thumb/ORG-0586.webp","palette":["#0E0C15","#251D37","#161320","#1E182E","#B8DE3E","#515052"],"palette_detail":[{"hex":"#0E0C15","pct":45.0},{"hex":"#251D37","pct":34.2},{"hex":"#161320","pct":8.8},{"hex":"#1E182E","pct":8.7},{"hex":"#B8DE3E","pct":1.7},{"hex":"#515052","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0589","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance home · Ledger","description":"The home screen of Ledger, a personal finance app. A greeting row sits above \"Total balance\" with a hero figure \"$12,480.32\" and a supporting line \"▲ $320.18 this week\". A card charts \"spending this week\" as seven bars with Thursday highlighted, then a \"Recent\" list shows Corner Market, Ana Ruiz and Streamly, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","money","personal","finance"],"palette":["#2A1E17","#0E0D0C","#191615","#39302A","#AB8572","#040404"],"palette_detail":[{"hex":"#2A1E17","pct":38.3},{"hex":"#0E0D0C","pct":35.5},{"hex":"#191615","pct":14.5},{"hex":"#39302A","pct":7.7},{"hex":"#AB8572","pct":2.4},{"hex":"#040404","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0589.webp","thumb":"assets/thumb/ORG-0589.webp","live":"originals/screens/gen-money-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0589.webp","thumb":"assets/thumb/ORG-0589.webp","palette":["#2A1E17","#0E0D0C","#191615","#39302A","#AB8572","#040404"],"palette_detail":[{"hex":"#2A1E17","pct":38.3},{"hex":"#0E0D0C","pct":35.5},{"hex":"#191615","pct":14.5},{"hex":"#39302A","pct":7.7},{"hex":"#AB8572","pct":2.4},{"hex":"#040404","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0592.webp","thumb":"assets/thumb/ORG-0592.webp","palette":["#DDEAE0","#F5F8F5","#FEFEFD","#CBD6CE","#2D3632","#919C95"],"palette_detail":[{"hex":"#DDEAE0","pct":37.7},{"hex":"#F5F8F5","pct":32.2},{"hex":"#FEFEFD","pct":12.2},{"hex":"#CBD6CE","pct":8.8},{"hex":"#2D3632","pct":5.7},{"hex":"#919C95","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0591.webp","thumb":"assets/thumb/ORG-0591.webp","palette":["#E7E4DD","#F9F8F5","#FEFEFD","#D1CFCA","#2F2F2F","#82879D"],"palette_detail":[{"hex":"#E7E4DD","pct":38.8},{"hex":"#F9F8F5","pct":31.7},{"hex":"#FEFEFD","pct":12.6},{"hex":"#D1CFCA","pct":8.2},{"hex":"#2F2F2F","pct":5.3},{"hex":"#82879D","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0590.webp","thumb":"assets/thumb/ORG-0590.webp","palette":["#231B35","#0F0C16","#191424","#363245","#08070B","#9DA484"],"palette_detail":[{"hex":"#231B35","pct":39.8},{"hex":"#0F0C16","pct":34.5},{"hex":"#191424","pct":14.6},{"hex":"#363245","pct":5.3},{"hex":"#08070B","pct":3.4},{"hex":"#9DA484","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0593","kind":"image","category":"website","type":"screen","title":"Personal finance landing hero · Ledger","description":"A desktop landing hero for Ledger. A slim nav with \"Get Ledger\" sits over a two-column hero: an eyebrow pill (\"Payday landed\"), the headline \"Money, finally calm.\", \"See every account in one place and know exactly what is safe to spend before payday.\", primary \"Connect an account\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","money","personal","finance"],"palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#B36340"],"palette_detail":[{"hex":"#0E0D0C","pct":50.7},{"hex":"#281D17","pct":20.7},{"hex":"#372923","pct":16.1},{"hex":"#191614","pct":8.1},{"hex":"#0C0B0B","pct":2.9},{"hex":"#B36340","pct":1.5}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0593.webp","thumb":"assets/thumb/ORG-0593.webp","live":"originals/screens/gen-money-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0593.webp","thumb":"assets/thumb/ORG-0593.webp","palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#B36340"],"palette_detail":[{"hex":"#0E0D0C","pct":50.7},{"hex":"#281D17","pct":20.7},{"hex":"#372923","pct":16.1},{"hex":"#191614","pct":8.1},{"hex":"#0C0B0B","pct":2.9},{"hex":"#B36340","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0596.webp","thumb":"assets/thumb/ORG-0596.webp","palette":["#F6F8F5","#E1ECE3","#D2DFD5","#B3C0B7","#FEFEFD","#557766"],"palette_detail":[{"hex":"#F6F8F5","pct":53.6},{"hex":"#E1ECE3","pct":19.8},{"hex":"#D2DFD5","pct":14.1},{"hex":"#B3C0B7","pct":5.9},{"hex":"#FEFEFD","pct":4.2},{"hex":"#557766","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0595.webp","thumb":"assets/thumb/ORG-0595.webp","palette":["#FAF9F6","#E8E7E4","#D8D9DA","#BBBAB9","#FEFEFD","#5B69B0"],"palette_detail":[{"hex":"#FAF9F6","pct":53.9},{"hex":"#E8E7E4","pct":22.0},{"hex":"#D8D9DA","pct":12.0},{"hex":"#BBBAB9","pct":6.0},{"hex":"#FEFEFD","pct":4.2},{"hex":"#5B69B0","pct":1.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0594.webp","thumb":"assets/thumb/ORG-0594.webp","palette":["#0F0C16","#231B34","#312E3C","#1A1526","#A1B463","#0C0813"],"palette_detail":[{"hex":"#0F0C16","pct":52.0},{"hex":"#231B34","pct":19.8},{"hex":"#312E3C","pct":15.1},{"hex":"#1A1526","pct":9.3},{"hex":"#A1B463","pct":2.1},{"hex":"#0C0813","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0597","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance account list · Ledger","description":"A list screen of accounts in Ledger. A title with an add button sits over a search field and a chip row (All, Bills, Groceries, Travel, Fun); six rows follow with a leading icon, title, supporting line and trailing value: Corner Market (−$24.60); Ana Ruiz (+$38.00); Streamly (−$11.99); City Power (−$64.20). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","money","personal","finance"],"palette":["#0E0D0C","#2A1D17","#362C27","#1A1614","#080808","#877870"],"palette_detail":[{"hex":"#0E0D0C","pct":42.2},{"hex":"#2A1D17","pct":34.4},{"hex":"#362C27","pct":10.0},{"hex":"#1A1614","pct":7.6},{"hex":"#080808","pct":3.9},{"hex":"#877870","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0597.webp","thumb":"assets/thumb/ORG-0597.webp","live":"originals/screens/gen-money-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0597.webp","thumb":"assets/thumb/ORG-0597.webp","palette":["#0E0D0C","#2A1D17","#362C27","#1A1614","#080808","#877870"],"palette_detail":[{"hex":"#0E0D0C","pct":42.2},{"hex":"#2A1D17","pct":34.4},{"hex":"#362C27","pct":10.0},{"hex":"#1A1614","pct":7.6},{"hex":"#080808","pct":3.9},{"hex":"#877870","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0600.webp","thumb":"assets/thumb/ORG-0600.webp","palette":["#F6F8F5","#DEEAE0","#CFDBD2","#FDFEFC","#2C302E","#959D98"],"palette_detail":[{"hex":"#F6F8F5","pct":41.3},{"hex":"#DEEAE0","pct":34.4},{"hex":"#CFDBD2","pct":9.9},{"hex":"#FDFEFC","pct":5.5},{"hex":"#2C302E","pct":5.2},{"hex":"#959D98","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0599.webp","thumb":"assets/thumb/ORG-0599.webp","palette":["#FAF9F5","#E8E5DE","#D9D6D0","#FEFEFC","#2D2D2D","#99999D"],"palette_detail":[{"hex":"#FAF9F5","pct":41.1},{"hex":"#E8E5DE","pct":34.6},{"hex":"#D9D6D0","pct":9.9},{"hex":"#FEFEFC","pct":5.6},{"hex":"#2D2D2D","pct":5.0},{"hex":"#99999D","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0598.webp","thumb":"assets/thumb/ORG-0598.webp","palette":["#0F0C16","#221A34","#2E283F","#181422","#08070B","#84857F"],"palette_detail":[{"hex":"#0F0C16","pct":42.8},{"hex":"#221A34","pct":33.2},{"hex":"#2E283F","pct":11.6},{"hex":"#181422","pct":7.2},{"hex":"#08070B","pct":3.3},{"hex":"#84857F","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0601","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance welcome · Ledger","description":"The first onboarding step of Ledger. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Money, finally calm.\", followed by \"See every account in one place and know exactly what is safe to spend before payday.\" and a full-width primary button \"Connect an account\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","money","personal","finance"],"palette":["#2B1E17","#0D0C0B","#9A664C","#3C2D26","#241913","#171412"],"palette_detail":[{"hex":"#2B1E17","pct":31.4},{"hex":"#0D0C0B","pct":26.5},{"hex":"#9A664C","pct":22.9},{"hex":"#3C2D26","pct":9.2},{"hex":"#241913","pct":5.3},{"hex":"#171412","pct":4.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0601.webp","thumb":"assets/thumb/ORG-0601.webp","live":"originals/screens/gen-money-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0601.webp","thumb":"assets/thumb/ORG-0601.webp","palette":["#2B1E17","#0D0C0B","#9A664C","#3C2D26","#241913","#171412"],"palette_detail":[{"hex":"#2B1E17","pct":31.4},{"hex":"#0D0C0B","pct":26.5},{"hex":"#9A664C","pct":22.9},{"hex":"#3C2D26","pct":9.2},{"hex":"#241913","pct":5.3},{"hex":"#171412","pct":4.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0604.webp","thumb":"assets/thumb/ORG-0604.webp","palette":["#DCE9DF","#C3DACA","#F5F8F4","#2A4739","#9AB4A4","#FBFCFA"],"palette_detail":[{"hex":"#DCE9DF","pct":39.5},{"hex":"#C3DACA","pct":22.2},{"hex":"#F5F8F4","pct":22.1},{"hex":"#2A4739","pct":7.4},{"hex":"#9AB4A4","pct":4.8},{"hex":"#FBFCFA","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0603.webp","thumb":"assets/thumb/ORG-0603.webp","palette":["#E4E1DA","#F9F9F7","#C8D4F5","#2D3669","#B0AFAA","#A2B6F4"],"palette_detail":[{"hex":"#E4E1DA","pct":40.3},{"hex":"#F9F9F7","pct":27.1},{"hex":"#C8D4F5","pct":16.9},{"hex":"#2D3669","pct":7.1},{"hex":"#B0AFAA","pct":4.7},{"hex":"#A2B6F4","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0602.webp","thumb":"assets/thumb/ORG-0602.webp","palette":["#221A34","#0F0C15","#757B75","#2E283E","#181420","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.0},{"hex":"#0F0C15","pct":24.0},{"hex":"#757B75","pct":23.8},{"hex":"#2E283E","pct":11.2},{"hex":"#181420","pct":6.1},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0605","kind":"image","category":"website","type":"screen","title":"Personal finance pricing · Ledger","description":"A desktop pricing section for Ledger with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free $0 (2 accounts, Budgets, Monthly summary); Plus $6 (Unlimited accounts, Goals & rules, Weekly insights); Family $12 (Up to 5 people, Shared goals, Priority support) — with Plus anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","money","personal","finance"],"palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#54463E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F2682D","pct":6.2},{"hex":"#54463E","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0605.webp","thumb":"assets/thumb/ORG-0605.webp","live":"originals/screens/gen-money-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0605.webp","thumb":"assets/thumb/ORG-0605.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#54463E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F2682D","pct":6.2},{"hex":"#54463E","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0608.webp","thumb":"assets/thumb/ORG-0608.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":23.0},{"hex":"#FFFFFF","pct":11.0},{"hex":"#2C7D55","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0607.webp","thumb":"assets/thumb/ORG-0607.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB9B5","#CBD1F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.7},{"hex":"#E3E0DA","pct":22.3},{"hex":"#FEFEFF","pct":12.5},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B5","pct":5.6},{"hex":"#CBD1F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0606.webp","thumb":"assets/thumb/ORG-0606.webp","palette":["#0F0C16","#241C36","#1A1523","#BAE23A","#454347","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":49.0},{"hex":"#241C36","pct":21.4},{"hex":"#1A1523","pct":18.4},{"hex":"#BAE23A","pct":6.6},{"hex":"#454347","pct":3.1},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0609","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance profile · Ledger","description":"A profile screen in Ledger for Maya Lin (@maya · Premium). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 4 Accounts, 12 Goals, 98% On budget — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","money","personal","finance","bottom-nav"],"palette":["#2A1E17","#0D0C0C","#1A1715","#3B2F28","#151312","#CC7E56"],"palette_detail":[{"hex":"#2A1E17","pct":38.8},{"hex":"#0D0C0C","pct":31.7},{"hex":"#1A1715","pct":12.8},{"hex":"#3B2F28","pct":7.7},{"hex":"#151312","pct":6.7},{"hex":"#CC7E56","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0609.webp","thumb":"assets/thumb/ORG-0609.webp","live":"originals/screens/gen-money-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0609.webp","thumb":"assets/thumb/ORG-0609.webp","palette":["#2A1E17","#0D0C0C","#1A1715","#3B2F28","#151312","#CC7E56"],"palette_detail":[{"hex":"#2A1E17","pct":38.8},{"hex":"#0D0C0C","pct":31.7},{"hex":"#1A1715","pct":12.8},{"hex":"#3B2F28","pct":7.7},{"hex":"#151312","pct":6.7},{"hex":"#CC7E56","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0612.webp","thumb":"assets/thumb/ORG-0612.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#89A093"],"palette_detail":[{"hex":"#DFEBE1","pct":35.7},{"hex":"#F6F8F5","pct":31.1},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CFDBD2","pct":11.3},{"hex":"#2B322F","pct":5.2},{"hex":"#89A093","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0611.webp","thumb":"assets/thumb/ORG-0611.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D0CFCC","#2D2D2D","#7C85B5"],"palette_detail":[{"hex":"#E7E5DE","pct":39.2},{"hex":"#F9F8F5","pct":29.3},{"hex":"#FEFEFE","pct":14.6},{"hex":"#D0CFCC","pct":8.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7C85B5","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0610.webp","thumb":"assets/thumb/ORG-0610.webp","palette":["#231B35","#0E0B15","#1A1425","#342E42","#15121C","#9AA477"],"palette_detail":[{"hex":"#231B35","pct":38.4},{"hex":"#0E0B15","pct":31.9},{"hex":"#1A1425","pct":15.0},{"hex":"#342E42","pct":7.7},{"hex":"#15121C","pct":4.6},{"hex":"#9AA477","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0613","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance search · Ledger","description":"A search screen in Ledger: a focused field with a clear button, a chip row (All, Bills, Groceries, Travel), recent searches as pills, \"Top results\" — Corner Market, Ana Ruiz, Streamly, City Power — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","money","personal","finance"],"palette":["#0E0D0C","#291D17","#372B25","#191614","#787572","#050404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.4},{"hex":"#291D17","pct":34.7},{"hex":"#372B25","pct":11.7},{"hex":"#191614","pct":7.6},{"hex":"#787572","pct":2.2},{"hex":"#050404","pct":1.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0613.webp","thumb":"assets/thumb/ORG-0613.webp","live":"originals/screens/gen-money-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0613.webp","thumb":"assets/thumb/ORG-0613.webp","palette":["#0E0D0C","#291D17","#372B25","#191614","#787572","#050404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.4},{"hex":"#291D17","pct":34.7},{"hex":"#372B25","pct":11.7},{"hex":"#191614","pct":7.6},{"hex":"#787572","pct":2.2},{"hex":"#050404","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0616.webp","thumb":"assets/thumb/ORG-0616.webp","palette":["#F5F8F4","#DDEAE0","#CBD7CE","#FDFEFC","#2C2D2D","#99A09B"],"palette_detail":[{"hex":"#F5F8F4","pct":40.2},{"hex":"#DDEAE0","pct":36.9},{"hex":"#CBD7CE","pct":8.9},{"hex":"#FDFEFC","pct":5.4},{"hex":"#2C2D2D","pct":5.0},{"hex":"#99A09B","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0615.webp","thumb":"assets/thumb/ORG-0615.webp","palette":["#F9F8F5","#E7E4DE","#D4D2CF","#FEFEFC","#2D2D2D","#9D9C99"],"palette_detail":[{"hex":"#F9F8F5","pct":39.7},{"hex":"#E7E4DE","pct":36.9},{"hex":"#D4D2CF","pct":9.2},{"hex":"#FEFEFC","pct":5.5},{"hex":"#2D2D2D","pct":5.0},{"hex":"#9D9C99","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0614.webp","thumb":"assets/thumb/ORG-0614.webp","palette":["#0F0C16","#221A34","#322C3E","#1A1624","#09070C","#797582"],"palette_detail":[{"hex":"#0F0C16","pct":41.3},{"hex":"#221A34","pct":34.8},{"hex":"#322C3E","pct":10.5},{"hex":"#1A1624","pct":7.6},{"hex":"#09070C","pct":3.8},{"hex":"#797582","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0617","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance settings · Ledger","description":"Settings for Ledger. An account row leads; grouped cards follow — Notifications: Spending alerts (on), Payday reminders (on), Weekly summary (off); Security: Face ID (on), Hide balances (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","money","personal","finance"],"palette":["#0D0D0C","#241B16","#2C2019","#181615","#4D443F","#C8957D"],"palette_detail":[{"hex":"#0D0D0C","pct":31.5},{"hex":"#241B16","pct":24.2},{"hex":"#2C2019","pct":21.1},{"hex":"#181615","pct":20.1},{"hex":"#4D443F","pct":2.0},{"hex":"#C8957D","pct":1.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0617.webp","thumb":"assets/thumb/ORG-0617.webp","live":"originals/screens/gen-money-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0617.webp","thumb":"assets/thumb/ORG-0617.webp","palette":["#0D0D0C","#241B16","#2C2019","#181615","#4D443F","#C8957D"],"palette_detail":[{"hex":"#0D0D0C","pct":31.5},{"hex":"#241B16","pct":24.2},{"hex":"#2C2019","pct":21.1},{"hex":"#181615","pct":20.1},{"hex":"#4D443F","pct":2.0},{"hex":"#C8957D","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0620.webp","thumb":"assets/thumb/ORG-0620.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFE","#2C312F","#9EA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.4},{"hex":"#E2EDE4","pct":23.8},{"hex":"#D6E3D9","pct":20.5},{"hex":"#FFFFFE","pct":17.2},{"hex":"#2C312F","pct":5.1},{"hex":"#9EA9A1","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0619.webp","thumb":"assets/thumb/ORG-0619.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2E2D2D","#9B9DAC"],"palette_detail":[{"hex":"#E9E7E0","pct":28.6},{"hex":"#F9F8F6","pct":27.6},{"hex":"#FEFEFE","pct":19.1},{"hex":"#DEDBD4","pct":16.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9B9DAC","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0618.webp","thumb":"assets/thumb/ORG-0618.webp","palette":["#241C36","#0E0C15","#181423","#1D172C","#403B4B","#B1BB8E"],"palette_detail":[{"hex":"#241C36","pct":39.2},{"hex":"#0E0C15","pct":31.5},{"hex":"#181423","pct":18.8},{"hex":"#1D172C","pct":7.2},{"hex":"#403B4B","pct":2.0},{"hex":"#B1BB8E","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0621","kind":"image","category":"dashboard","type":"screen","title":"Personal finance account table · Ledger","description":"A desktop table of accounts in Ledger. A title row with Export and \"New account\", a strip of four KPI tiles, a search field and filter dropdowns (Bills, Groceries, Travel) sit above a table with name, details, status (Cleared / Pending) and value columns — Corner Market, Ana Ruiz, Streamly, City Power, Payroll, Metro card. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","money","personal","finance"],"palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#765A4D"],"palette_detail":[{"hex":"#191615","pct":40.8},{"hex":"#0E0D0C","pct":28.5},{"hex":"#2D211B","pct":22.1},{"hex":"#141312","pct":4.1},{"hex":"#100F0E","pct":3.0},{"hex":"#765A4D","pct":1.6}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0621.webp","thumb":"assets/thumb/ORG-0621.webp","live":"originals/screens/gen-money-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0621.webp","thumb":"assets/thumb/ORG-0621.webp","palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#765A4D"],"palette_detail":[{"hex":"#191615","pct":40.8},{"hex":"#0E0D0C","pct":28.5},{"hex":"#2D211B","pct":22.1},{"hex":"#141312","pct":4.1},{"hex":"#100F0E","pct":3.0},{"hex":"#765A4D","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0624.webp","thumb":"assets/thumb/ORG-0624.webp","palette":["#F6F8F5","#FFFFFF","#DEE9E0","#C7D3CA","#FDFDFD","#9CAEA3"],"palette_detail":[{"hex":"#F6F8F5","pct":35.7},{"hex":"#FFFFFF","pct":30.0},{"hex":"#DEE9E0","pct":16.6},{"hex":"#C7D3CA","pct":8.6},{"hex":"#FDFDFD","pct":6.7},{"hex":"#9CAEA3","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0623.webp","thumb":"assets/thumb/ORG-0623.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C1BFBC","#5266CC"],"palette_detail":[{"hex":"#F9F8F6","pct":36.0},{"hex":"#FFFFFF","pct":25.0},{"hex":"#E4E2DB","pct":20.6},{"hex":"#FDFDFD","pct":11.6},{"hex":"#C1BFBC","pct":6.6},{"hex":"#5266CC","pct":0.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0622.webp","thumb":"assets/thumb/ORG-0622.webp","palette":["#1A1425","#0F0C16","#272038","#15111F","#110E19","#6D7259"],"palette_detail":[{"hex":"#1A1425","pct":41.7},{"hex":"#0F0C16","pct":29.0},{"hex":"#272038","pct":21.2},{"hex":"#15111F","pct":3.9},{"hex":"#110E19","pct":2.6},{"hex":"#6D7259","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0625","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming activity feed · Tide","description":"An activity feed in Tide grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"New release\" (Mara Vale — Low Tide) and \"Your weekly mix is ready\" — and read items are plain rows: \"Ana shared a playlist\", \"Concert nearby\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","music","streaming","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A36E56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A36E56","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0625.webp","thumb":"assets/thumb/ORG-0625.webp","live":"originals/screens/gen-music-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0625.webp","thumb":"assets/thumb/ORG-0625.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A36E56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A36E56","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0628.webp","thumb":"assets/thumb/ORG-0628.webp","palette":["#F4F7F3","#DBE8DE","#FCFEFC","#BCC7BF","#2B3330","#7D8C83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.0},{"hex":"#DBE8DE","pct":39.9},{"hex":"#FCFEFC","pct":6.1},{"hex":"#BCC7BF","pct":6.1},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8C83","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0627.webp","thumb":"assets/thumb/ORG-0627.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#7279A0"],"palette_detail":[{"hex":"#FAF9F7","pct":40.2},{"hex":"#E3E0D9","pct":31.6},{"hex":"#EDEBE5","pct":15.0},{"hex":"#C0BFBF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7279A0","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0626.webp","thumb":"assets/thumb/ORG-0626.webp","palette":["#241C36","#0E0C15","#1E172D","#17131F","#3D3A45","#96A465"],"palette_detail":[{"hex":"#241C36","pct":41.4},{"hex":"#0E0C15","pct":40.5},{"hex":"#1E172D","pct":7.0},{"hex":"#17131F","pct":6.6},{"hex":"#3D3A45","pct":2.7},{"hex":"#96A465","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0629","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming go premium · Tide","description":"A confirmation screen in Tide titled \"Go Premium\". A summary card lists Plan Individual; Trial 1 month free; Then €10.99 / mo; Cancel Anytime, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €0 today beside the primary button \"Start free month\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","music","streaming"],"palette":["#291D17","#0D0D0C","#191615","#362A24","#E05F27","#74716E"],"palette_detail":[{"hex":"#291D17","pct":36.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191615","pct":16.8},{"hex":"#362A24","pct":10.7},{"hex":"#E05F27","pct":1.5},{"hex":"#74716E","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0629.webp","thumb":"assets/thumb/ORG-0629.webp","live":"originals/screens/gen-music-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0629.webp","thumb":"assets/thumb/ORG-0629.webp","palette":["#291D17","#0D0D0C","#191615","#362A24","#E05F27","#74716E"],"palette_detail":[{"hex":"#291D17","pct":36.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191615","pct":16.8},{"hex":"#362A24","pct":10.7},{"hex":"#E05F27","pct":1.5},{"hex":"#74716E","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0632.webp","thumb":"assets/thumb/ORG-0632.webp","palette":["#F9FAF8","#D9E6DC","#E4EEE6","#2A3832","#BDC8C0","#819389"],"palette_detail":[{"hex":"#F9FAF8","pct":43.5},{"hex":"#D9E6DC","pct":28.8},{"hex":"#E4EEE6","pct":14.0},{"hex":"#2A3832","pct":5.7},{"hex":"#BDC8C0","pct":5.4},{"hex":"#819389","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0631.webp","thumb":"assets/thumb/ORG-0631.webp","palette":["#FBFBF9","#E3E0D9","#ECEAE4","#BFBDBA","#2D2D2D","#6472BC"],"palette_detail":[{"hex":"#FBFBF9","pct":43.4},{"hex":"#E3E0D9","pct":29.9},{"hex":"#ECEAE4","pct":13.5},{"hex":"#BFBDBA","pct":5.5},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6472BC","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0630.webp","thumb":"assets/thumb/ORG-0630.webp","palette":["#221A34","#0E0C15","#191423","#2E283F","#717071","#B4DD30"],"palette_detail":[{"hex":"#221A34","pct":35.0},{"hex":"#0E0C15","pct":33.7},{"hex":"#191423","pct":17.3},{"hex":"#2E283F","pct":11.2},{"hex":"#717071","pct":1.4},{"hex":"#B4DD30","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0633","kind":"image","category":"dashboard","type":"screen","title":"Music streaming desktop dashboard · Tide","description":"A desktop dashboard for Tide (music streaming). A sidebar lists Overview, Reports, Tracks, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Top genre Ambient, Artists 64, Saved 212, Streak 19), a bar chart of minutes listened and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","music","streaming"],"palette":["#181615","#271D18","#0E0D0C","#392F29","#131211","#D5693A"],"palette_detail":[{"hex":"#181615","pct":54.1},{"hex":"#271D18","pct":24.3},{"hex":"#0E0D0C","pct":10.8},{"hex":"#392F29","pct":6.4},{"hex":"#131211","pct":2.8},{"hex":"#D5693A","pct":1.6}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0633.webp","thumb":"assets/thumb/ORG-0633.webp","live":"originals/screens/gen-music-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0633.webp","thumb":"assets/thumb/ORG-0633.webp","palette":["#181615","#271D18","#0E0D0C","#392F29","#131211","#D5693A"],"palette_detail":[{"hex":"#181615","pct":54.1},{"hex":"#271D18","pct":24.3},{"hex":"#0E0D0C","pct":10.8},{"hex":"#392F29","pct":6.4},{"hex":"#131211","pct":2.8},{"hex":"#D5693A","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0636.webp","thumb":"assets/thumb/ORG-0636.webp","palette":["#FFFFFF","#F6F8F5","#D6E2D9","#E7F0E8","#B3BEB6","#297E54"],"palette_detail":[{"hex":"#FFFFFF","pct":50.5},{"hex":"#F6F8F5","pct":16.5},{"hex":"#D6E2D9","pct":13.6},{"hex":"#E7F0E8","pct":13.3},{"hex":"#B3BEB6","pct":5.0},{"hex":"#297E54","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0635.webp","thumb":"assets/thumb/ORG-0635.webp","palette":["#FFFFFF","#F9F9F6","#E0DDD6","#EEECE7","#BAB9B6","#3453F3"],"palette_detail":[{"hex":"#FFFFFF","pct":49.2},{"hex":"#F9F9F6","pct":17.6},{"hex":"#E0DDD6","pct":13.6},{"hex":"#EEECE7","pct":13.4},{"hex":"#BAB9B6","pct":5.1},{"hex":"#3453F3","pct":1.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0634.webp","thumb":"assets/thumb/ORG-0634.webp","palette":["#191425","#251E36","#100D17","#161220","#626162","#BFEB31"],"palette_detail":[{"hex":"#191425","pct":55.3},{"hex":"#251E36","pct":26.6},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.6},{"hex":"#626162","pct":1.3},{"hex":"#BFEB31","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0637","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming track detail · Tide","description":"A detail screen in Tide for \"Harbour Lights\" (Mara Vale · Album · 2026). An illustrated header carries back and save buttons; below sit the title, the value \"12 tracks\", a 2×2 fact grid (Length: 48 min; Label: Quiet Coast; Saves: 182K; Released: Sep 12), a short paragraph, two \"Related\" rows and a sticky action \"Start free month\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","music","streaming"],"palette":["#281D17","#0D0C0B","#AC765B","#352923","#82513A","#1B1614"],"palette_detail":[{"hex":"#281D17","pct":37.0},{"hex":"#0D0C0B","pct":21.6},{"hex":"#AC765B","pct":13.0},{"hex":"#352923","pct":12.9},{"hex":"#82513A","pct":8.9},{"hex":"#1B1614","pct":6.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0637.webp","thumb":"assets/thumb/ORG-0637.webp","live":"originals/screens/gen-music-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0637.webp","thumb":"assets/thumb/ORG-0637.webp","palette":["#281D17","#0D0C0B","#AC765B","#352923","#82513A","#1B1614"],"palette_detail":[{"hex":"#281D17","pct":37.0},{"hex":"#0D0C0B","pct":21.6},{"hex":"#AC765B","pct":13.0},{"hex":"#352923","pct":12.9},{"hex":"#82513A","pct":8.9},{"hex":"#1B1614","pct":6.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0640.webp","thumb":"assets/thumb/ORG-0640.webp","palette":["#D7E6DB","#F6F8F5","#B5CEBD","#E6EFE7","#274135","#85A090"],"palette_detail":[{"hex":"#D7E6DB","pct":36.3},{"hex":"#F6F8F5","pct":20.1},{"hex":"#B5CEBD","pct":16.9},{"hex":"#E6EFE7","pct":16.2},{"hex":"#274135","pct":6.8},{"hex":"#85A090","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0639.webp","thumb":"assets/thumb/ORG-0639.webp","palette":["#E1DED7","#E8E8E8","#FAF9F6","#AFC1F6","#2D3662","#A7A6A4"],"palette_detail":[{"hex":"#E1DED7","pct":32.0},{"hex":"#E8E8E8","pct":21.8},{"hex":"#FAF9F6","pct":20.3},{"hex":"#AFC1F6","pct":14.7},{"hex":"#2D3662","pct":6.9},{"hex":"#A7A6A4","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0638.webp","thumb":"assets/thumb/ORG-0638.webp","palette":["#221A34","#0E0B14","#7E877B","#2B243D","#191522","#464350"],"palette_detail":[{"hex":"#221A34","pct":36.5},{"hex":"#0E0B14","pct":22.2},{"hex":"#7E877B","pct":20.8},{"hex":"#2B243D","pct":12.3},{"hex":"#191522","pct":5.3},{"hex":"#464350","pct":2.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0641","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming empty state · Tide","description":"An empty state in Tide: a ghosted stack of cards with an accent badge, the line \"Nothing saved yet\", the explanation \"Tap the heart on any track and it lands in your library, ready offline.\" and a single button \"Discover music\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","music","streaming","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#392C25","#161413","#241913","#D86939"],"palette_detail":[{"hex":"#0D0D0C","pct":45.0},{"hex":"#2A1E17","pct":30.1},{"hex":"#392C25","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#D86939","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0641.webp","thumb":"assets/thumb/ORG-0641.webp","live":"originals/screens/gen-music-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0641.webp","thumb":"assets/thumb/ORG-0641.webp","palette":["#0D0D0C","#2A1E17","#392C25","#161413","#241913","#D86939"],"palette_detail":[{"hex":"#0D0D0C","pct":45.0},{"hex":"#2A1E17","pct":30.1},{"hex":"#392C25","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#D86939","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0644.webp","thumb":"assets/thumb/ORG-0644.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2CA","#2A3F35","#8C9991"],"palette_detail":[{"hex":"#F6F8F5","pct":39.3},{"hex":"#DCE9DF","pct":37.3},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C7D2CA","pct":6.9},{"hex":"#2A3F35","pct":6.4},{"hex":"#8C9991","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0643.webp","thumb":"assets/thumb/ORG-0643.webp","palette":["#FBFAF7","#E4E2DA","#ECEAE4","#C8C7C4","#2D2D2D","#5D6CBF"],"palette_detail":[{"hex":"#FBFAF7","pct":46.8},{"hex":"#E4E2DA","pct":29.8},{"hex":"#ECEAE4","pct":9.4},{"hex":"#C8C7C4","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5D6CBF","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0642.webp","thumb":"assets/thumb/ORG-0642.webp","palette":["#0E0C15","#251E38","#1F182F","#161320","#BAE338","#5A595C"],"palette_detail":[{"hex":"#0E0C15","pct":45.1},{"hex":"#251E38","pct":21.6},{"hex":"#1F182F","pct":21.4},{"hex":"#161320","pct":8.7},{"hex":"#BAE338","pct":1.7},{"hex":"#5A595C","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0645","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming home · Tide","description":"A metric-grid home for Tide (music streaming). A tinted hero card shows \"Listening today: 2h 14m\" with \"18 tracks · mostly ambient\", followed by a 2×2 grid of tiles — Top genre Ambient, Artists 64, Saved 212, Streak 19 — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","music","streaming"],"palette":["#291E18","#0D0C0C","#191615","#362C27","#141212","#7B726C"],"palette_detail":[{"hex":"#291E18","pct":39.8},{"hex":"#0D0C0C","pct":28.6},{"hex":"#191615","pct":12.7},{"hex":"#362C27","pct":10.4},{"hex":"#141212","pct":6.9},{"hex":"#7B726C","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0645.webp","thumb":"assets/thumb/ORG-0645.webp","live":"originals/screens/gen-music-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0645.webp","thumb":"assets/thumb/ORG-0645.webp","palette":["#291E18","#0D0C0C","#191615","#362C27","#141212","#7B726C"],"palette_detail":[{"hex":"#291E18","pct":39.8},{"hex":"#0D0C0C","pct":28.6},{"hex":"#191615","pct":12.7},{"hex":"#362C27","pct":10.4},{"hex":"#141212","pct":6.9},{"hex":"#7B726C","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0648.webp","thumb":"assets/thumb/ORG-0648.webp","palette":["#D5E2D8","#F6F8F5","#E3EDE5","#FEFEFE","#2D2F2F","#99A29C"],"palette_detail":[{"hex":"#D5E2D8","pct":28.4},{"hex":"#F6F8F5","pct":26.9},{"hex":"#E3EDE5","pct":21.4},{"hex":"#FEFEFE","pct":14.1},{"hex":"#2D2F2F","pct":5.0},{"hex":"#99A29C","pct":4.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0647.webp","thumb":"assets/thumb/ORG-0647.webp","palette":["#DFDDD6","#F9F8F5","#ECE9E3","#FFFEFE","#2E2D2E","#9F9E9D"],"palette_detail":[{"hex":"#DFDDD6","pct":29.0},{"hex":"#F9F8F5","pct":25.3},{"hex":"#ECE9E3","pct":21.8},{"hex":"#FFFEFE","pct":14.9},{"hex":"#2E2D2E","pct":4.9},{"hex":"#9F9E9D","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0646.webp","thumb":"assets/thumb/ORG-0646.webp","palette":["#221B34","#0E0B14","#191425","#312A41","#14111B","#7C7883"],"palette_detail":[{"hex":"#221B34","pct":38.7},{"hex":"#0E0B14","pct":28.9},{"hex":"#191425","pct":15.9},{"hex":"#312A41","pct":10.1},{"hex":"#14111B","pct":4.6},{"hex":"#7C7883","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0649","kind":"image","category":"website","type":"screen","title":"Music streaming landing hero · Tide","description":"A desktop landing hero for Tide. A slim nav with \"Get Tide\" sits over a two-column hero: an eyebrow pill (\"New release\"), the headline \"Music that fits the moment.\", \"Tell Tide what you’re doing and it picks the sound — focus, a run, or falling asleep.\", primary \"Pick 3 artists\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","music","streaming"],"palette":["#0E0D0C","#241B15","#342721","#0C0C0B","#9E5738","#090A09"],"palette_detail":[{"hex":"#0E0D0C","pct":51.2},{"hex":"#241B15","pct":23.6},{"hex":"#342721","pct":19.6},{"hex":"#0C0C0B","pct":3.1},{"hex":"#9E5738","pct":1.6},{"hex":"#090A09","pct":0.9}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0649.webp","thumb":"assets/thumb/ORG-0649.webp","live":"originals/screens/gen-music-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0649.webp","thumb":"assets/thumb/ORG-0649.webp","palette":["#0E0D0C","#241B15","#342721","#0C0C0B","#9E5738","#090A09"],"palette_detail":[{"hex":"#0E0D0C","pct":51.2},{"hex":"#241B15","pct":23.6},{"hex":"#342721","pct":19.6},{"hex":"#0C0C0B","pct":3.1},{"hex":"#9E5738","pct":1.6},{"hex":"#090A09","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0652.webp","thumb":"assets/thumb/ORG-0652.webp","palette":["#F5F7F4","#DAE7DD","#B9C7BD","#F8F9F7","#FEFEFD","#5B806D"],"palette_detail":[{"hex":"#F5F7F4","pct":49.4},{"hex":"#DAE7DD","pct":30.3},{"hex":"#B9C7BD","pct":8.3},{"hex":"#F8F9F7","pct":5.3},{"hex":"#FEFEFD","pct":4.2},{"hex":"#5B806D","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0651.webp","thumb":"assets/thumb/ORG-0651.webp","palette":["#F9F8F5","#E4E4E3","#CCCAC9","#FCFBF7","#FFFEFE","#7D85AF"],"palette_detail":[{"hex":"#F9F8F5","pct":49.4},{"hex":"#E4E4E3","pct":29.5},{"hex":"#CCCAC9","pct":10.4},{"hex":"#FCFBF7","pct":5.0},{"hex":"#FFFEFE","pct":3.7},{"hex":"#7D85AF","pct":2.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0650.webp","thumb":"assets/thumb/ORG-0650.webp","palette":["#0F0C16","#201930","#302D3B","#0E0B14","#95AB4D","#090513"],"palette_detail":[{"hex":"#0F0C16","pct":50.6},{"hex":"#201930","pct":25.0},{"hex":"#302D3B","pct":17.9},{"hex":"#0E0B14","pct":3.1},{"hex":"#95AB4D","pct":2.3},{"hex":"#090513","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0653","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming track list · Tide","description":"A list screen of tracks in Tide. A title with an add button sits over a search field and a chip row (All, Focus, Chill, Workout, Sleep); six rows follow with a leading icon, title, supporting line and trailing value: Low Tide (Playing); Harbour Lights (1.2M); Night Train (880K); Paper Moon (640K). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","music","streaming"],"palette":["#0E0D0C","#291D16","#362B25","#191614","#080808","#887971"],"palette_detail":[{"hex":"#0E0D0C","pct":42.5},{"hex":"#291D16","pct":33.4},{"hex":"#362B25","pct":10.7},{"hex":"#191614","pct":7.6},{"hex":"#080808","pct":3.9},{"hex":"#887971","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0653.webp","thumb":"assets/thumb/ORG-0653.webp","live":"originals/screens/gen-music-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0653.webp","thumb":"assets/thumb/ORG-0653.webp","palette":["#0E0D0C","#291D16","#362B25","#191614","#080808","#887971"],"palette_detail":[{"hex":"#0E0D0C","pct":42.5},{"hex":"#291D16","pct":33.4},{"hex":"#362B25","pct":10.7},{"hex":"#191614","pct":7.6},{"hex":"#080808","pct":3.9},{"hex":"#887971","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0656.webp","thumb":"assets/thumb/ORG-0656.webp","palette":["#F6F8F5","#DEEAE0","#D0DBD2","#2C2F2E","#FDFEFC","#969E98"],"palette_detail":[{"hex":"#F6F8F5","pct":42.2},{"hex":"#DEEAE0","pct":34.2},{"hex":"#D0DBD2","pct":9.7},{"hex":"#2C2F2E","pct":5.2},{"hex":"#FDFEFC","pct":5.1},{"hex":"#969E98","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0655.webp","thumb":"assets/thumb/ORG-0655.webp","palette":["#FAF9F5","#E8E5DE","#D9D6D0","#FEFEFC","#2D2D2D","#97979C"],"palette_detail":[{"hex":"#FAF9F5","pct":41.3},{"hex":"#E8E5DE","pct":34.6},{"hex":"#D9D6D0","pct":9.9},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.0},{"hex":"#97979C","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0654.webp","thumb":"assets/thumb/ORG-0654.webp","palette":["#100D16","#251E38","#1B1628","#0D0B13","#08070A","#81817C"],"palette_detail":[{"hex":"#100D16","pct":40.8},{"hex":"#251E38","pct":40.7},{"hex":"#1B1628","pct":8.8},{"hex":"#0D0B13","pct":4.5},{"hex":"#08070A","pct":2.9},{"hex":"#81817C","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0657","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming welcome · Tide","description":"The first onboarding step of Tide. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Music that fits the moment.\", followed by \"Tell Tide what you’re doing and it picks the sound — focus, a run, or falling asleep.\" and a full-width primary button \"Pick 3 artists\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","music","streaming"],"palette":["#2A1D17","#0D0C0B","#AA6B4D","#3A2B23","#1C1512","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":33.0},{"hex":"#0D0C0B","pct":24.9},{"hex":"#AA6B4D","pct":23.4},{"hex":"#3A2B23","pct":10.4},{"hex":"#1C1512","pct":6.3},{"hex":"#11100F","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0657.webp","thumb":"assets/thumb/ORG-0657.webp","live":"originals/screens/gen-music-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0657.webp","thumb":"assets/thumb/ORG-0657.webp","palette":["#2A1D17","#0D0C0B","#AA6B4D","#3A2B23","#1C1512","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":33.0},{"hex":"#0D0C0B","pct":24.9},{"hex":"#AA6B4D","pct":23.4},{"hex":"#3A2B23","pct":10.4},{"hex":"#1C1512","pct":6.3},{"hex":"#11100F","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0660.webp","thumb":"assets/thumb/ORG-0660.webp","palette":["#D9E7DD","#F7F9F6","#BBD4C3","#93B6A1","#E6EFE8","#294739"],"palette_detail":[{"hex":"#D9E7DD","pct":32.9},{"hex":"#F7F9F6","pct":24.2},{"hex":"#BBD4C3","pct":16.0},{"hex":"#93B6A1","pct":10.0},{"hex":"#E6EFE8","pct":9.4},{"hex":"#294739","pct":7.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0659.webp","thumb":"assets/thumb/ORG-0659.webp","palette":["#E7E5DF","#FAF9F7","#B9C9F7","#D8D5CE","#8095E1","#2D324D"],"palette_detail":[{"hex":"#E7E5DF","pct":35.2},{"hex":"#FAF9F7","pct":25.7},{"hex":"#B9C9F7","pct":16.8},{"hex":"#D8D5CE","pct":9.8},{"hex":"#8095E1","pct":7.5},{"hex":"#2D324D","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0658.webp","thumb":"assets/thumb/ORG-0658.webp","palette":["#221B35","#0E0B14","#818C78","#302B3E","#17151D","#1D172D"],"palette_detail":[{"hex":"#221B35","pct":30.1},{"hex":"#0E0B14","pct":26.2},{"hex":"#818C78","pct":24.0},{"hex":"#302B3E","pct":10.1},{"hex":"#17151D","pct":5.0},{"hex":"#1D172D","pct":4.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0661","kind":"image","category":"website","type":"screen","title":"Music streaming pricing · Tide","description":"A desktop pricing section for Tide with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (Shuffle play, Ads, Standard quality); Premium €11 (No ads, Offline, Lossless); Duo €15 (2 accounts, Shared mix, Lossless) — with Premium anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","music","streaming"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F3682D","#4B3D36","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.5},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F3682D","pct":6.2},{"hex":"#4B3D36","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0661.webp","thumb":"assets/thumb/ORG-0661.webp","live":"originals/screens/gen-music-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0661.webp","thumb":"assets/thumb/ORG-0661.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F3682D","#4B3D36","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.5},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F3682D","pct":6.2},{"hex":"#4B3D36","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0664.webp","thumb":"assets/thumb/ORG-0664.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.8},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0663.webp","thumb":"assets/thumb/ORG-0663.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB9B7","#D0D5F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFEFF","pct":12.7},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B7","pct":5.6},{"hex":"#D0D5F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0662.webp","thumb":"assets/thumb/ORG-0662.webp","palette":["#0F0C16","#241C35","#1A1523","#BBE33A","#444246","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241C35","pct":21.3},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE33A","pct":6.6},{"hex":"#444246","pct":3.0},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0665","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming profile · Tide","description":"A profile screen in Tide for Ana Ruiz (@ana · Listening since 2019). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 212 Saved, 18 Playlists, 64 Following — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","music","streaming","bottom-nav"],"palette":["#2A1E17","#0D0C0C","#1A1715","#3B2E28","#151312","#CB7E57"],"palette_detail":[{"hex":"#2A1E17","pct":37.7},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.9},{"hex":"#3B2E28","pct":8.9},{"hex":"#151312","pct":6.6},{"hex":"#CB7E57","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0665.webp","thumb":"assets/thumb/ORG-0665.webp","live":"originals/screens/gen-music-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0665.webp","thumb":"assets/thumb/ORG-0665.webp","palette":["#2A1E17","#0D0C0C","#1A1715","#3B2E28","#151312","#CB7E57"],"palette_detail":[{"hex":"#2A1E17","pct":37.7},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.9},{"hex":"#3B2E28","pct":8.9},{"hex":"#151312","pct":6.6},{"hex":"#CB7E57","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0668.webp","thumb":"assets/thumb/ORG-0668.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#88A093"],"palette_detail":[{"hex":"#DFEBE1","pct":35.9},{"hex":"#F6F8F5","pct":31.0},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CFDBD2","pct":11.3},{"hex":"#2B322F","pct":5.2},{"hex":"#88A093","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0667.webp","thumb":"assets/thumb/ORG-0667.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2D2D2D","#7D86B5"],"palette_detail":[{"hex":"#E7E5DE","pct":39.2},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.7},{"hex":"#D1CFCC","pct":8.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7D86B5","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0666.webp","thumb":"assets/thumb/ORG-0666.webp","palette":["#231B35","#0E0B15","#191425","#342E41","#15121C","#9AA477"],"palette_detail":[{"hex":"#231B35","pct":37.8},{"hex":"#0E0B15","pct":31.8},{"hex":"#191425","pct":15.0},{"hex":"#342E41","pct":8.5},{"hex":"#15121C","pct":4.6},{"hex":"#9AA477","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0669","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming search · Tide","description":"A search screen in Tide: a focused field with a clear button, a chip row (All, Focus, Chill, Workout), recent searches as pills, \"Top results\" — Low Tide, Harbour Lights, Night Train, Paper Moon — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","music","streaming"],"palette":["#0E0D0C","#291D17","#382C25","#191614","#7D7976","#060504"],"palette_detail":[{"hex":"#0E0D0C","pct":42.2},{"hex":"#291D17","pct":35.7},{"hex":"#382C25","pct":10.9},{"hex":"#191614","pct":7.5},{"hex":"#7D7976","pct":2.0},{"hex":"#060504","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0669.webp","thumb":"assets/thumb/ORG-0669.webp","live":"originals/screens/gen-music-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0669.webp","thumb":"assets/thumb/ORG-0669.webp","palette":["#0E0D0C","#291D17","#382C25","#191614","#7D7976","#060504"],"palette_detail":[{"hex":"#0E0D0C","pct":42.2},{"hex":"#291D17","pct":35.7},{"hex":"#382C25","pct":10.9},{"hex":"#191614","pct":7.5},{"hex":"#7D7976","pct":2.0},{"hex":"#060504","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0672.webp","thumb":"assets/thumb/ORG-0672.webp","palette":["#F5F8F4","#DDE9E0","#CBD7CE","#FCFDFC","#2C2E2E","#979F99"],"palette_detail":[{"hex":"#F5F8F4","pct":40.2},{"hex":"#DDE9E0","pct":37.0},{"hex":"#CBD7CE","pct":9.0},{"hex":"#FCFDFC","pct":5.5},{"hex":"#2C2E2E","pct":5.1},{"hex":"#979F99","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0671.webp","thumb":"assets/thumb/ORG-0671.webp","palette":["#F9F8F5","#E7E4DD","#D3D2CF","#FEFEFC","#2D2D2D","#9B9A97"],"palette_detail":[{"hex":"#F9F8F5","pct":39.8},{"hex":"#E7E4DD","pct":37.2},{"hex":"#D3D2CF","pct":9.1},{"hex":"#FEFEFC","pct":5.6},{"hex":"#2D2D2D","pct":5.1},{"hex":"#9B9A97","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0670.webp","thumb":"assets/thumb/ORG-0670.webp","palette":["#0F0C16","#221B35","#322D3F","#1A1624","#09070C","#7E7A87"],"palette_detail":[{"hex":"#0F0C16","pct":41.4},{"hex":"#221B35","pct":35.0},{"hex":"#322D3F","pct":10.4},{"hex":"#1A1624","pct":7.5},{"hex":"#09070C","pct":3.8},{"hex":"#7E7A87","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0673","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming settings · Tide","description":"Settings for Tide. An account row leads; grouped cards follow — Playback: Crossfade (on), Gapless (on), Normalize volume (off); Downloads: Download on Wi-Fi only (on), High quality (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","music","streaming"],"palette":["#0E0D0C","#271C16","#181615","#2F231C","#524944","#CC987E"],"palette_detail":[{"hex":"#0E0D0C","pct":31.6},{"hex":"#271C16","pct":29.3},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#524944","pct":2.0},{"hex":"#CC987E","pct":0.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0673.webp","thumb":"assets/thumb/ORG-0673.webp","live":"originals/screens/gen-music-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0673.webp","thumb":"assets/thumb/ORG-0673.webp","palette":["#0E0D0C","#271C16","#181615","#2F231C","#524944","#CC987E"],"palette_detail":[{"hex":"#0E0D0C","pct":31.6},{"hex":"#271C16","pct":29.3},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#524944","pct":2.0},{"hex":"#CC987E","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0676.webp","thumb":"assets/thumb/ORG-0676.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFE","#2C312F","#9EA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.5},{"hex":"#E2EDE4","pct":23.8},{"hex":"#D6E3D9","pct":20.5},{"hex":"#FFFFFE","pct":17.1},{"hex":"#2C312F","pct":5.1},{"hex":"#9EA9A1","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0675.webp","thumb":"assets/thumb/ORG-0675.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2E2D2E","#9B9DAC"],"palette_detail":[{"hex":"#E9E7E0","pct":28.6},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":19.0},{"hex":"#DEDBD4","pct":16.2},{"hex":"#2E2D2E","pct":4.9},{"hex":"#9B9DAC","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0674.webp","thumb":"assets/thumb/ORG-0674.webp","palette":["#241C36","#0E0C15","#181423","#1D172C","#403C4B","#B0BA8D"],"palette_detail":[{"hex":"#241C36","pct":39.2},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.7},{"hex":"#1D172C","pct":7.3},{"hex":"#403C4B","pct":2.1},{"hex":"#B0BA8D","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0677","kind":"image","category":"dashboard","type":"screen","title":"Music streaming track table · Tide","description":"A desktop table of tracks in Tide. A title row with Export and \"New track\", a strip of four KPI tiles, a search field and filter dropdowns (Focus, Chill, Workout) sit above a table with name, details, status (Saved / Queued) and value columns — Low Tide, Harbour Lights, Night Train, Paper Moon, Glasshouse, Slow Return. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","music","streaming"],"palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7B5F52"],"palette_detail":[{"hex":"#181615","pct":37.8},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.0},{"hex":"#342822","pct":9.2},{"hex":"#131211","pct":3.9},{"hex":"#7B5F52","pct":1.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0677.webp","thumb":"assets/thumb/ORG-0677.webp","live":"originals/screens/gen-music-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0677.webp","thumb":"assets/thumb/ORG-0677.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7B5F52"],"palette_detail":[{"hex":"#181615","pct":37.8},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.0},{"hex":"#342822","pct":9.2},{"hex":"#131211","pct":3.9},{"hex":"#7B5F52","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0680.webp","thumb":"assets/thumb/ORG-0680.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B5AA"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":30.4},{"hex":"#DEEAE1","pct":16.1},{"hex":"#CAD6CD","pct":7.8},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A5B5AA","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0679.webp","thumb":"assets/thumb/ORG-0679.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C0BFBB","#3F5BEB"],"palette_detail":[{"hex":"#F9F8F6","pct":36.2},{"hex":"#FFFFFF","pct":25.3},{"hex":"#E4E2DB","pct":20.3},{"hex":"#FDFDFD","pct":11.4},{"hex":"#C0BFBB","pct":6.4},{"hex":"#3F5BEB","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0678.webp","thumb":"assets/thumb/ORG-0678.webp","palette":["#191424","#0F0C16","#211A33","#2E283E","#14101D","#737A5A"],"palette_detail":[{"hex":"#191424","pct":39.1},{"hex":"#0F0C16","pct":31.1},{"hex":"#211A33","pct":16.3},{"hex":"#2E283E","pct":8.5},{"hex":"#14101D","pct":3.9},{"hex":"#737A5A","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0681","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care activity feed · Paws","description":"An activity feed in Paws grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Walk time\" (Bento hasn’t been out since 8:00) and \"Vet reminder\" — and read items are plain rows: \"Food running low\", \"Ana walked Bento\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","pets","pet","care","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#382C26","#181413","#221F1D","#A26C53"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C26","pct":10.0},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A26C53","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0681.webp","thumb":"assets/thumb/ORG-0681.webp","live":"originals/screens/gen-pets-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0681.webp","thumb":"assets/thumb/ORG-0681.webp","palette":["#0D0D0C","#2A1D16","#382C26","#181413","#221F1D","#A26C53"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C26","pct":10.0},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A26C53","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0684.webp","thumb":"assets/thumb/ORG-0684.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BCC8BF","#2B332F","#7E8D84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.2},{"hex":"#DBE8DE","pct":39.8},{"hex":"#FCFDFC","pct":6.1},{"hex":"#BCC8BF","pct":6.0},{"hex":"#2B332F","pct":5.3},{"hex":"#7E8D84","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0683.webp","thumb":"assets/thumb/ORG-0683.webp","palette":["#FAFAF7","#E3E0D9","#EDEBE5","#C1BFBF","#2D2D2D","#737BA1"],"palette_detail":[{"hex":"#FAFAF7","pct":40.3},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.2},{"hex":"#C1BFBF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737BA1","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0682.webp","thumb":"assets/thumb/ORG-0682.webp","palette":["#0E0C15","#231B35","#322D41","#17131F","#1D172C","#909F61"],"palette_detail":[{"hex":"#0E0C15","pct":40.6},{"hex":"#231B35","pct":36.2},{"hex":"#322D41","pct":9.3},{"hex":"#17131F","pct":6.2},{"hex":"#1D172C","pct":5.7},{"hex":"#909F61","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0685","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care book sitter · Paws","description":"A confirmation screen in Paws titled \"Book sitter\". A summary card lists Sitter Ana R. ★ 4.98; Service Drop-in visit; When Sat 10:00; Duration 30 min, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €18 beside the primary button \"Book · €18\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","pets","pet","care"],"palette":["#291D17","#0D0D0C","#191715","#372C27","#161313","#B56A49"],"palette_detail":[{"hex":"#291D17","pct":36.9},{"hex":"#0D0D0C","pct":33.7},{"hex":"#191715","pct":13.2},{"hex":"#372C27","pct":9.8},{"hex":"#161313","pct":4.4},{"hex":"#B56A49","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0685.webp","thumb":"assets/thumb/ORG-0685.webp","live":"originals/screens/gen-pets-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0685.webp","thumb":"assets/thumb/ORG-0685.webp","palette":["#291D17","#0D0D0C","#191715","#372C27","#161313","#B56A49"],"palette_detail":[{"hex":"#291D17","pct":36.9},{"hex":"#0D0D0C","pct":33.7},{"hex":"#191715","pct":13.2},{"hex":"#372C27","pct":9.8},{"hex":"#161313","pct":4.4},{"hex":"#B56A49","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0688.webp","thumb":"assets/thumb/ORG-0688.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3631","#829289"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.6},{"hex":"#FEFEFE","pct":14.4},{"hex":"#BFC9C1","pct":5.6},{"hex":"#2A3631","pct":5.5},{"hex":"#829289","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0687.webp","thumb":"assets/thumb/ORG-0687.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BF","#2D2D2D","#6E79B2"],"palette_detail":[{"hex":"#E6E3DC","pct":41.4},{"hex":"#F9F8F5","pct":30.6},{"hex":"#FEFEFE","pct":14.5},{"hex":"#C5C3BF","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6E79B2","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0686.webp","thumb":"assets/thumb/ORG-0686.webp","palette":["#221B35","#0E0C15","#1A1525","#322B42","#15121C","#9CB351"],"palette_detail":[{"hex":"#221B35","pct":36.5},{"hex":"#0E0C15","pct":33.5},{"hex":"#1A1525","pct":15.2},{"hex":"#322B42","pct":9.4},{"hex":"#15121C","pct":3.7},{"hex":"#9CB351","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0689","kind":"image","category":"dashboard","type":"screen","title":"Pet care desktop dashboard · Paws","description":"A desktop dashboard for Paws (pet care). A sidebar lists Overview, Reports, Walks, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Walks 14, Weight 12.4 kg, Next vet Nov 3, Food 8 days), a bar chart of km walked and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","pets","pet","care"],"palette":["#181615","#271D18","#0E0D0C","#392F29","#131211","#CF693D"],"palette_detail":[{"hex":"#181615","pct":53.5},{"hex":"#271D18","pct":25.2},{"hex":"#0E0D0C","pct":10.8},{"hex":"#392F29","pct":6.3},{"hex":"#131211","pct":2.8},{"hex":"#CF693D","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0689.webp","thumb":"assets/thumb/ORG-0689.webp","live":"originals/screens/gen-pets-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0689.webp","thumb":"assets/thumb/ORG-0689.webp","palette":["#181615","#271D18","#0E0D0C","#392F29","#131211","#CF693D"],"palette_detail":[{"hex":"#181615","pct":53.5},{"hex":"#271D18","pct":25.2},{"hex":"#0E0D0C","pct":10.8},{"hex":"#392F29","pct":6.3},{"hex":"#131211","pct":2.8},{"hex":"#CF693D","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0692.webp","thumb":"assets/thumb/ORG-0692.webp","palette":["#FFFFFF","#E1EBE3","#F5F7F4","#C2CEC5","#FBFCFB","#3E8662"],"palette_detail":[{"hex":"#FFFFFF","pct":46.3},{"hex":"#E1EBE3","pct":22.6},{"hex":"#F5F7F4","pct":15.4},{"hex":"#C2CEC5","pct":8.9},{"hex":"#FBFCFB","pct":5.8},{"hex":"#3E8662","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0691.webp","thumb":"assets/thumb/ORG-0691.webp","palette":["#FFFFFF","#E9E7E1","#F8F7F5","#CBC8C3","#FCFCFB","#4861E3"],"palette_detail":[{"hex":"#FFFFFF","pct":46.3},{"hex":"#E9E7E1","pct":22.7},{"hex":"#F8F7F5","pct":14.1},{"hex":"#CBC8C3","pct":8.9},{"hex":"#FCFCFB","pct":7.0},{"hex":"#4861E3","pct":1.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0690.webp","thumb":"assets/thumb/ORG-0690.webp","palette":["#191425","#241D36","#100D17","#161220","#534F5B","#B7DF35"],"palette_detail":[{"hex":"#191425","pct":53.6},{"hex":"#241D36","pct":28.2},{"hex":"#100D17","pct":12.1},{"hex":"#161220","pct":3.7},{"hex":"#534F5B","pct":1.5},{"hex":"#B7DF35","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0693","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care walk detail · Paws","description":"A detail screen in Paws for \"Bento\" (Shiba Inu · 3 years). An illustrated header carries back and save buttons; below sit the title, the value \"12.4 kg\", a 2×2 fact grid (Microchip: •••• 2041; Vaccines: Up to date; Allergies: Chicken; Vet: Clínica Sol), a short paragraph, two \"Related\" rows and a sticky action \"Book · €18\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","pets","pet","care"],"palette":["#281D17","#0D0C0C","#362A24","#B17A5F","#8B563C","#1B1614"],"palette_detail":[{"hex":"#281D17","pct":37.7},{"hex":"#0D0C0C","pct":22.3},{"hex":"#362A24","pct":11.7},{"hex":"#B17A5F","pct":11.5},{"hex":"#8B563C","pct":10.1},{"hex":"#1B1614","pct":6.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0693.webp","thumb":"assets/thumb/ORG-0693.webp","live":"originals/screens/gen-pets-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0693.webp","thumb":"assets/thumb/ORG-0693.webp","palette":["#281D17","#0D0C0C","#362A24","#B17A5F","#8B563C","#1B1614"],"palette_detail":[{"hex":"#281D17","pct":37.7},{"hex":"#0D0C0C","pct":22.3},{"hex":"#362A24","pct":11.7},{"hex":"#B17A5F","pct":11.5},{"hex":"#8B563C","pct":10.1},{"hex":"#1B1614","pct":6.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0696.webp","thumb":"assets/thumb/ORG-0696.webp","palette":["#D7E6DB","#F6F8F5","#B6CFBE","#E6EFE7","#274235","#88A493"],"palette_detail":[{"hex":"#D7E6DB","pct":35.4},{"hex":"#F6F8F5","pct":20.8},{"hex":"#B6CFBE","pct":17.0},{"hex":"#E6EFE7","pct":16.1},{"hex":"#274235","pct":6.9},{"hex":"#88A493","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0695.webp","thumb":"assets/thumb/ORG-0695.webp","palette":["#E1DED7","#E9E8E8","#FAF9F6","#B1C3F6","#2D3665","#A4A4A2"],"palette_detail":[{"hex":"#E1DED7","pct":30.8},{"hex":"#E9E8E8","pct":21.9},{"hex":"#FAF9F6","pct":21.0},{"hex":"#B1C3F6","pct":15.3},{"hex":"#2D3665","pct":7.0},{"hex":"#A4A4A2","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0694.webp","thumb":"assets/thumb/ORG-0694.webp","palette":["#241C36","#0E0B14","#7E867B","#1E182D","#16141D","#3A3547"],"palette_detail":[{"hex":"#241C36","pct":40.2},{"hex":"#0E0B14","pct":22.4},{"hex":"#7E867B","pct":21.2},{"hex":"#1E182D","pct":8.8},{"hex":"#16141D","pct":3.8},{"hex":"#3A3547","pct":3.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0697","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care empty state · Paws","description":"An empty state in Paws: a ghosted stack of cards with an accent badge, the line \"No sitters booked\", the explanation \"Find a verified sitter nearby for walks, drop-ins or overnight stays.\" and a single button \"Find a sitter\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","pets","pet","care","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#D56A3C"],"palette_detail":[{"hex":"#0D0D0C","pct":45.3},{"hex":"#2A1E17","pct":30.0},{"hex":"#382C25","pct":9.1},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#D56A3C","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0697.webp","thumb":"assets/thumb/ORG-0697.webp","live":"originals/screens/gen-pets-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0697.webp","thumb":"assets/thumb/ORG-0697.webp","palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#D56A3C"],"palette_detail":[{"hex":"#0D0D0C","pct":45.3},{"hex":"#2A1E17","pct":30.0},{"hex":"#382C25","pct":9.1},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#D56A3C","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0700.webp","thumb":"assets/thumb/ORG-0700.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C8D4CB","#2A3D34","#8B9790"],"palette_detail":[{"hex":"#F6F8F5","pct":39.7},{"hex":"#DCE9DF","pct":36.9},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C8D4CB","pct":7.2},{"hex":"#2A3D34","pct":6.2},{"hex":"#8B9790","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0699.webp","thumb":"assets/thumb/ORG-0699.webp","palette":["#FBFAF7","#E5E2DB","#ECEBE5","#C9C7C4","#2D2D2D","#606EBB"],"palette_detail":[{"hex":"#FBFAF7","pct":47.1},{"hex":"#E5E2DB","pct":30.6},{"hex":"#ECEBE5","pct":8.6},{"hex":"#C9C7C4","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#606EBB","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0698.webp","thumb":"assets/thumb/ORG-0698.webp","palette":["#0E0C15","#231B36","#161320","#342E43","#1E172C","#B4D743"],"palette_detail":[{"hex":"#0E0C15","pct":45.4},{"hex":"#231B36","pct":32.6},{"hex":"#161320","pct":8.6},{"hex":"#342E43","pct":6.9},{"hex":"#1E172C","pct":4.7},{"hex":"#B4D743","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0701","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care home · Paws","description":"A visual home for Paws (pet care). A scrolling chip row (All, Walks, Meals, Vet) leads to a large illustrated feature card, then \"Bento’s day: 2 walks\" with an Open button and \"4.2 km · 78 min · 1 to go\", and three list rows above the tab bar. Idea: one featured item carries the mood, the list carries the work. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["chips","card","illustration","bottom-nav","pets","pet","care"],"palette":["#0D0C0C","#2A1E17","#9D654A","#362C26","#171413","#231914"],"palette_detail":[{"hex":"#0D0C0C","pct":34.5},{"hex":"#2A1E17","pct":30.3},{"hex":"#9D654A","pct":11.8},{"hex":"#362C26","pct":9.9},{"hex":"#171413","pct":7.3},{"hex":"#231914","pct":6.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0701.webp","thumb":"assets/thumb/ORG-0701.webp","live":"originals/screens/gen-pets-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0701.webp","thumb":"assets/thumb/ORG-0701.webp","palette":["#0D0C0C","#2A1E17","#9D654A","#362C26","#171413","#231914"],"palette_detail":[{"hex":"#0D0C0C","pct":34.5},{"hex":"#2A1E17","pct":30.3},{"hex":"#9D654A","pct":11.8},{"hex":"#362C26","pct":9.9},{"hex":"#171413","pct":7.3},{"hex":"#231914","pct":6.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0704.webp","thumb":"assets/thumb/ORG-0704.webp","palette":["#F7F9F6","#D7E5DB","#E3EEE5","#B3CABA","#2B2F2E","#719581"],"palette_detail":[{"hex":"#F7F9F6","pct":34.7},{"hex":"#D7E5DB","pct":30.1},{"hex":"#E3EEE5","pct":14.9},{"hex":"#B3CABA","pct":10.7},{"hex":"#2B2F2E","pct":5.1},{"hex":"#719581","pct":4.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0703.webp","thumb":"assets/thumb/ORG-0703.webp","palette":["#E6E3DC","#FAF9F7","#C8CDDE","#2D2D2D","#7A93EF","#9C9A97"],"palette_detail":[{"hex":"#E6E3DC","pct":39.0},{"hex":"#FAF9F7","pct":37.0},{"hex":"#C8CDDE","pct":11.7},{"hex":"#2D2D2D","pct":5.0},{"hex":"#7A93EF","pct":4.1},{"hex":"#9C9A97","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0702.webp","thumb":"assets/thumb/ORG-0702.webp","palette":["#0E0B15","#221B35","#787F74","#2F2940","#17141F","#1D172C"],"palette_detail":[{"hex":"#0E0B15","pct":34.4},{"hex":"#221B35","pct":30.5},{"hex":"#787F74","pct":12.1},{"hex":"#2F2940","pct":10.3},{"hex":"#17141F","pct":7.4},{"hex":"#1D172C","pct":5.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0705","kind":"image","category":"website","type":"screen","title":"Pet care landing hero · Paws","description":"A desktop landing hero for Paws. A slim nav with \"Get Paws\" sits over a two-column hero: an eyebrow pill (\"Walk time\"), the headline \"Everything your dog needs.\", \"Walks, meals, vet visits and a sitter you trust — in one place, shared with the family.\", primary \"Add my pet\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","pets","pet","care"],"palette":["#0E0D0C","#271D17","#362923","#191613","#0C0B0B","#9C6248"],"palette_detail":[{"hex":"#0E0D0C","pct":50.8},{"hex":"#271D17","pct":21.0},{"hex":"#362923","pct":16.6},{"hex":"#191613","pct":7.2},{"hex":"#0C0B0B","pct":2.7},{"hex":"#9C6248","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0705.webp","thumb":"assets/thumb/ORG-0705.webp","live":"originals/screens/gen-pets-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0705.webp","thumb":"assets/thumb/ORG-0705.webp","palette":["#0E0D0C","#271D17","#362923","#191613","#0C0B0B","#9C6248"],"palette_detail":[{"hex":"#0E0D0C","pct":50.8},{"hex":"#271D17","pct":21.0},{"hex":"#362923","pct":16.6},{"hex":"#191613","pct":7.2},{"hex":"#0C0B0B","pct":2.7},{"hex":"#9C6248","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0708.webp","thumb":"assets/thumb/ORG-0708.webp","palette":["#F5F7F4","#DAE7DD","#B9C5BC","#F8F9F7","#FEFEFE","#5C7A6A"],"palette_detail":[{"hex":"#F5F7F4","pct":49.5},{"hex":"#DAE7DD","pct":30.4},{"hex":"#B9C5BC","pct":7.9},{"hex":"#F8F9F7","pct":5.2},{"hex":"#FEFEFE","pct":4.1},{"hex":"#5C7A6A","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0707.webp","thumb":"assets/thumb/ORG-0707.webp","palette":["#FAF9F6","#E8E7E5","#D9DADA","#BBBAB9","#FEFEFD","#606BA6"],"palette_detail":[{"hex":"#FAF9F6","pct":54.0},{"hex":"#E8E7E5","pct":21.1},{"hex":"#D9DADA","pct":12.9},{"hex":"#BBBAB9","pct":6.2},{"hex":"#FEFEFD","pct":4.1},{"hex":"#606BA6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0706.webp","thumb":"assets/thumb/ORG-0706.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#99A66B","#090511"],"palette_detail":[{"hex":"#0F0C16","pct":50.6},{"hex":"#201930","pct":25.0},{"hex":"#302C3C","pct":17.8},{"hex":"#0D0B14","pct":3.1},{"hex":"#99A66B","pct":2.5},{"hex":"#090511","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0709","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care walk list · Paws","description":"A list screen of walks in Paws. A title with an add button sits over a search field and a chip row (All, Walks, Meals, Vet, Grooming); six rows follow with a leading icon, title, supporting line and trailing value: Morning walk (2.1 km); Breakfast (120 g); Evening walk (2.1 km); Flea treatment (Done). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","pets","pet","care"],"palette":["#0E0D0C","#291D16","#352B25","#1A1614","#080808","#877871"],"palette_detail":[{"hex":"#0E0D0C","pct":42.4},{"hex":"#291D16","pct":33.3},{"hex":"#352B25","pct":10.7},{"hex":"#1A1614","pct":7.6},{"hex":"#080808","pct":3.9},{"hex":"#877871","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0709.webp","thumb":"assets/thumb/ORG-0709.webp","live":"originals/screens/gen-pets-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0709.webp","thumb":"assets/thumb/ORG-0709.webp","palette":["#0E0D0C","#291D16","#352B25","#1A1614","#080808","#877871"],"palette_detail":[{"hex":"#0E0D0C","pct":42.4},{"hex":"#291D16","pct":33.3},{"hex":"#352B25","pct":10.7},{"hex":"#1A1614","pct":7.6},{"hex":"#080808","pct":3.9},{"hex":"#877871","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0712.webp","thumb":"assets/thumb/ORG-0712.webp","palette":["#F6F8F5","#DEEAE0","#D0DBD2","#2C2F2E","#FDFEFC","#959D97"],"palette_detail":[{"hex":"#F6F8F5","pct":41.8},{"hex":"#DEEAE0","pct":34.3},{"hex":"#D0DBD2","pct":9.8},{"hex":"#2C2F2E","pct":5.2},{"hex":"#FDFEFC","pct":5.1},{"hex":"#959D97","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0711.webp","thumb":"assets/thumb/ORG-0711.webp","palette":["#FAF9F5","#E8E5DE","#D9D6D0","#FEFEFC","#2D2D2D","#96979B"],"palette_detail":[{"hex":"#FAF9F5","pct":41.2},{"hex":"#E8E5DE","pct":34.6},{"hex":"#D9D6D0","pct":9.9},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.1},{"hex":"#96979B","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0710.webp","thumb":"assets/thumb/ORG-0710.webp","palette":["#0F0C16","#221A34","#2E273F","#181422","#08070B","#84847F"],"palette_detail":[{"hex":"#0F0C16","pct":42.8},{"hex":"#221A34","pct":32.9},{"hex":"#2E273F","pct":11.5},{"hex":"#181422","pct":7.3},{"hex":"#08070B","pct":3.2},{"hex":"#84847F","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0713","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care welcome · Paws","description":"The first onboarding step of Paws. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Everything your dog needs.\", followed by \"Walks, meals, vet visits and a sitter you trust — in one place, shared with the family.\" and a full-width primary button \"Add my pet\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","pets","pet","care"],"palette":["#2A1D17","#0D0C0B","#A0664A","#392C25","#1C1613","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":33.0},{"hex":"#0D0C0B","pct":24.9},{"hex":"#A0664A","pct":23.6},{"hex":"#392C25","pct":10.3},{"hex":"#1C1613","pct":6.2},{"hex":"#11100F","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0713.webp","thumb":"assets/thumb/ORG-0713.webp","live":"originals/screens/gen-pets-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0713.webp","thumb":"assets/thumb/ORG-0713.webp","palette":["#2A1D17","#0D0C0B","#A0664A","#392C25","#1C1613","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":33.0},{"hex":"#0D0C0B","pct":24.9},{"hex":"#A0664A","pct":23.6},{"hex":"#392C25","pct":10.3},{"hex":"#1C1613","pct":6.2},{"hex":"#11100F","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0716.webp","thumb":"assets/thumb/ORG-0716.webp","palette":["#DBE8DE","#F5F7F4","#BED7C6","#2A4739","#98B6A3","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":39.7},{"hex":"#F5F7F4","pct":21.0},{"hex":"#BED7C6","pct":20.1},{"hex":"#2A4739","pct":7.6},{"hex":"#98B6A3","pct":7.1},{"hex":"#FBFCFA","pct":4.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0715.webp","thumb":"assets/thumb/ORG-0715.webp","palette":["#FAF9F7","#E9E7E1","#E0DDD6","#BCCCF6","#2D376B","#98A1C3"],"palette_detail":[{"hex":"#FAF9F7","pct":25.4},{"hex":"#E9E7E1","pct":22.5},{"hex":"#E0DDD6","pct":20.7},{"hex":"#BCCCF6","pct":19.4},{"hex":"#2D376B","pct":7.2},{"hex":"#98A1C3","pct":4.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0714.webp","thumb":"assets/thumb/ORG-0714.webp","palette":["#221A34","#7A8276","#0F0C15","#2F293E","#171520","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.5},{"hex":"#7A8276","pct":24.1},{"hex":"#0F0C15","pct":23.3},{"hex":"#2F293E","pct":11.1},{"hex":"#171520","pct":6.0},{"hex":"#08070A","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0717","kind":"image","category":"website","type":"screen","title":"Pet care pricing · Paws","description":"A desktop pricing section for Paws with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (1 pet, Walk tracking, Reminders); Pack €4 (Unlimited pets, Vet records, Family sharing); Care+ €12 (24/7 vet chat, Sitter insurance, Discounts) — with Pack anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","pets","pet","care"],"palette":["#0E0D0C","#2A1E17","#191614","#F2682D","#453730","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2A1E17","pct":23.7},{"hex":"#191614","pct":16.8},{"hex":"#F2682D","pct":6.3},{"hex":"#453730","pct":2.9},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0717.webp","thumb":"assets/thumb/ORG-0717.webp","live":"originals/screens/gen-pets-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0717.webp","thumb":"assets/thumb/ORG-0717.webp","palette":["#0E0D0C","#2A1E17","#191614","#F2682D","#453730","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2A1E17","pct":23.7},{"hex":"#191614","pct":16.8},{"hex":"#F2682D","pct":6.3},{"hex":"#453730","pct":2.9},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0720.webp","thumb":"assets/thumb/ORG-0720.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D55","#AFBDB4","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.8},{"hex":"#FFFFFF","pct":11.0},{"hex":"#2B7D55","pct":6.5},{"hex":"#AFBDB4","pct":5.9},{"hex":"#FAFBFA","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0719.webp","thumb":"assets/thumb/ORG-0719.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BBB9B6","#CCD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.7},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFEFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#BBB9B6","pct":5.5},{"hex":"#CCD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0718.webp","thumb":"assets/thumb/ORG-0718.webp","palette":["#0F0C16","#241C35","#1A1523","#BBE33A","#444246","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":49.0},{"hex":"#241C35","pct":21.3},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE33A","pct":6.6},{"hex":"#444246","pct":3.0},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0721","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care profile · Paws","description":"A profile screen in Paws for Bento (Shiba Inu · 3 yrs · Lisbon). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 14 Walks / wk, 12.4 kg, 2 Humans — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","pets","pet","care","bottom-nav"],"palette":["#2A1E17","#0D0C0C","#1A1715","#3B2F28","#151312","#CB7E57"],"palette_detail":[{"hex":"#2A1E17","pct":38.8},{"hex":"#0D0C0C","pct":31.8},{"hex":"#1A1715","pct":12.9},{"hex":"#3B2F28","pct":7.7},{"hex":"#151312","pct":6.6},{"hex":"#CB7E57","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0721.webp","thumb":"assets/thumb/ORG-0721.webp","live":"originals/screens/gen-pets-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0721.webp","thumb":"assets/thumb/ORG-0721.webp","palette":["#2A1E17","#0D0C0C","#1A1715","#3B2F28","#151312","#CB7E57"],"palette_detail":[{"hex":"#2A1E17","pct":38.8},{"hex":"#0D0C0C","pct":31.8},{"hex":"#1A1715","pct":12.9},{"hex":"#3B2F28","pct":7.7},{"hex":"#151312","pct":6.6},{"hex":"#CB7E57","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0724.webp","thumb":"assets/thumb/ORG-0724.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD1","#2B322F","#89A093"],"palette_detail":[{"hex":"#DFEBE1","pct":36.4},{"hex":"#F6F8F5","pct":31.0},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CFDBD1","pct":10.6},{"hex":"#2B322F","pct":5.2},{"hex":"#89A093","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0723.webp","thumb":"assets/thumb/ORG-0723.webp","palette":["#E8E5DE","#F9F8F5","#FEFEFE","#D1D0CD","#2E2D2D","#7F88B5"],"palette_detail":[{"hex":"#E8E5DE","pct":39.0},{"hex":"#F9F8F5","pct":29.3},{"hex":"#FEFEFE","pct":14.6},{"hex":"#D1D0CD","pct":8.8},{"hex":"#2E2D2D","pct":4.9},{"hex":"#7F88B5","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0722.webp","thumb":"assets/thumb/ORG-0722.webp","palette":["#221B35","#0E0B15","#191425","#332D41","#15111C","#98A277"],"palette_detail":[{"hex":"#221B35","pct":37.1},{"hex":"#0E0B15","pct":31.9},{"hex":"#191425","pct":14.6},{"hex":"#332D41","pct":9.2},{"hex":"#15111C","pct":4.6},{"hex":"#98A277","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0725","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care search · Paws","description":"A search screen in Paws: a focused field with a clear button, a chip row (All, Walks, Meals, Vet), recent searches as pills, \"Top results\" — Morning walk, Breakfast, Evening walk, Flea treatment — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","pets","pet","care"],"palette":["#0E0D0C","#2A1E17","#3A2E27","#1A1615","#807D7A","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.0},{"hex":"#2A1E17","pct":36.2},{"hex":"#3A2E27","pct":9.9},{"hex":"#1A1615","pct":8.3},{"hex":"#807D7A","pct":1.9},{"hex":"#060505","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0725.webp","thumb":"assets/thumb/ORG-0725.webp","live":"originals/screens/gen-pets-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0725.webp","thumb":"assets/thumb/ORG-0725.webp","palette":["#0E0D0C","#2A1E17","#3A2E27","#1A1615","#807D7A","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.0},{"hex":"#2A1E17","pct":36.2},{"hex":"#3A2E27","pct":9.9},{"hex":"#1A1615","pct":8.3},{"hex":"#807D7A","pct":1.9},{"hex":"#060505","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0728.webp","thumb":"assets/thumb/ORG-0728.webp","palette":["#F5F8F4","#DDE9E0","#CBD7CE","#FCFDFC","#2C2E2E","#979E99"],"palette_detail":[{"hex":"#F5F8F4","pct":39.9},{"hex":"#DDE9E0","pct":37.2},{"hex":"#CBD7CE","pct":9.0},{"hex":"#FCFDFC","pct":5.4},{"hex":"#2C2E2E","pct":5.0},{"hex":"#979E99","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0727.webp","thumb":"assets/thumb/ORG-0727.webp","palette":["#F9F8F5","#E6E4DD","#CFCECA","#FEFEFC","#2D2D2D","#979693"],"palette_detail":[{"hex":"#F9F8F5","pct":39.6},{"hex":"#E6E4DD","pct":39.3},{"hex":"#CFCECA","pct":7.6},{"hex":"#FEFEFC","pct":5.5},{"hex":"#2D2D2D","pct":5.1},{"hex":"#979693","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0726.webp","thumb":"assets/thumb/ORG-0726.webp","palette":["#0F0C16","#221B35","#342E40","#1A1624","#09070C","#807D89"],"palette_detail":[{"hex":"#0F0C16","pct":41.1},{"hex":"#221B35","pct":36.4},{"hex":"#342E40","pct":9.2},{"hex":"#1A1624","pct":7.6},{"hex":"#09070C","pct":3.9},{"hex":"#807D89","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0729","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care settings · Paws","description":"Settings for Paws. An account row leads; grouped cards follow — Reminders: Walk reminders (on), Meal times (on), Medication (on); Sharing: Family access (on), Share walks publicly (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","pets","pet","care"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#554B45","#D6977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#554B45","pct":1.9},{"hex":"#D6977A","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0729.webp","thumb":"assets/thumb/ORG-0729.webp","live":"originals/screens/gen-pets-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0729.webp","thumb":"assets/thumb/ORG-0729.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#554B45","#D6977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#554B45","pct":1.9},{"hex":"#D6977A","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0732.webp","thumb":"assets/thumb/ORG-0732.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E0ECE2","pct":28.4},{"hex":"#FFFFFF","pct":17.2},{"hex":"#D4E1D7","pct":15.9},{"hex":"#2C322F","pct":5.2},{"hex":"#9DA9A1","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0731.webp","thumb":"assets/thumb/ORG-0731.webp","palette":["#E8E6DF","#F9F8F6","#FEFEFE","#DBD8D2","#2D2D2D","#9698AD"],"palette_detail":[{"hex":"#E8E6DF","pct":33.8},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":19.0},{"hex":"#DBD8D2","pct":11.2},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9698AD","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0730.webp","thumb":"assets/thumb/ORG-0730.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4E4C52","#B7C589"],"palette_detail":[{"hex":"#241D37","pct":39.4},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.8},{"hex":"#1D172C","pct":7.2},{"hex":"#4E4C52","pct":2.0},{"hex":"#B7C589","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0733","kind":"image","category":"dashboard","type":"screen","title":"Pet care walk table · Paws","description":"A desktop table of walks in Paws. A title row with Export and \"New walk\", a strip of four KPI tiles, a search field and filter dropdowns (Walks, Meals, Vet) sit above a table with name, details, status (Done / Upcoming) and value columns — Morning walk, Breakfast, Evening walk, Flea treatment, Grooming, Vet check-up. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","pets","pet","care"],"palette":["#181615","#0E0D0C","#271C15","#342922","#131211","#7B6054"],"palette_detail":[{"hex":"#181615","pct":37.6},{"hex":"#0E0D0C","pct":31.1},{"hex":"#271C15","pct":17.2},{"hex":"#342922","pct":9.1},{"hex":"#131211","pct":3.9},{"hex":"#7B6054","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0733.webp","thumb":"assets/thumb/ORG-0733.webp","live":"originals/screens/gen-pets-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0733.webp","thumb":"assets/thumb/ORG-0733.webp","palette":["#181615","#0E0D0C","#271C15","#342922","#131211","#7B6054"],"palette_detail":[{"hex":"#181615","pct":37.6},{"hex":"#0E0D0C","pct":31.1},{"hex":"#271C15","pct":17.2},{"hex":"#342922","pct":9.1},{"hex":"#131211","pct":3.9},{"hex":"#7B6054","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0736.webp","thumb":"assets/thumb/ORG-0736.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":30.2},{"hex":"#DEEAE1","pct":16.1},{"hex":"#CAD6CD","pct":7.8},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A5B4AA","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0735.webp","thumb":"assets/thumb/ORG-0735.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D6D4CE","#B1B1B5"],"palette_detail":[{"hex":"#F9F8F6","pct":36.1},{"hex":"#FFFFFF","pct":25.2},{"hex":"#E8E5DF","pct":15.1},{"hex":"#FDFDFD","pct":11.5},{"hex":"#D6D4CE","pct":8.0},{"hex":"#B1B1B5","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0734.webp","thumb":"assets/thumb/ORG-0734.webp","palette":["#191424","#0F0C16","#211A32","#2E273E","#14101D","#72785E"],"palette_detail":[{"hex":"#191424","pct":38.9},{"hex":"#0F0C16","pct":31.2},{"hex":"#211A32","pct":16.0},{"hex":"#2E273E","pct":8.9},{"hex":"#14101D","pct":3.9},{"hex":"#72785E","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0737","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care activity feed · Fern","description":"An activity feed in Fern grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Water the Monstera\" (Living room · today) and \"New leaf spotted\" — and read items are plain rows: \"Low humidity\", \"Fertilise this week\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","plants","plant","care","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A36E56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.7},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.6},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A36E56","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0737.webp","thumb":"assets/thumb/ORG-0737.webp","live":"originals/screens/gen-plants-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0737.webp","thumb":"assets/thumb/ORG-0737.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A36E56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.7},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.6},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A36E56","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0740.webp","thumb":"assets/thumb/ORG-0740.webp","palette":["#F4F7F3","#DBE8DE","#BCC7BF","#FCFEFC","#2B3330","#7D8C83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.5},{"hex":"#DBE8DE","pct":39.7},{"hex":"#BCC7BF","pct":6.0},{"hex":"#FCFEFC","pct":5.9},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8C83","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0739.webp","thumb":"assets/thumb/ORG-0739.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#737A9F"],"palette_detail":[{"hex":"#FAF9F7","pct":40.5},{"hex":"#E3E0D9","pct":31.3},{"hex":"#EDEBE5","pct":15.1},{"hex":"#C0BFBF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737A9F","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0738.webp","thumb":"assets/thumb/ORG-0738.webp","palette":["#241C36","#0E0C15","#1E172D","#17131F","#3E3A45","#96A564"],"palette_detail":[{"hex":"#241C36","pct":41.2},{"hex":"#0E0C15","pct":40.7},{"hex":"#1E172D","pct":7.0},{"hex":"#17131F","pct":6.6},{"hex":"#3E3A45","pct":2.7},{"hex":"#96A564","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0741","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care order care kit · Fern","description":"A confirmation screen in Fern titled \"Order care kit\". A summary card lists Soil mix €12; Liquid feed €9; Mister €14; Delivery Free, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €35 beside the primary button \"Order kit · €35\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","plants","plant","care"],"palette":["#291D17","#0E0D0C","#191615","#372D27","#C3663E","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.2},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.5},{"hex":"#372D27","pct":9.6},{"hex":"#C3663E","pct":1.9},{"hex":"#030404","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0741.webp","thumb":"assets/thumb/ORG-0741.webp","live":"originals/screens/gen-plants-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0741.webp","thumb":"assets/thumb/ORG-0741.webp","palette":["#291D17","#0E0D0C","#191615","#372D27","#C3663E","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.2},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.5},{"hex":"#372D27","pct":9.6},{"hex":"#C3663E","pct":1.9},{"hex":"#030404","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0744.webp","thumb":"assets/thumb/ORG-0744.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3831","#BFC9C1","#809389"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.2},{"hex":"#FEFEFE","pct":14.8},{"hex":"#2A3831","pct":5.7},{"hex":"#BFC9C1","pct":5.5},{"hex":"#809389","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0743.webp","thumb":"assets/thumb/ORG-0743.webp","palette":["#FBFBF9","#E3E1D9","#EDEAE4","#C3C1BC","#2D2D2D","#6673BC"],"palette_detail":[{"hex":"#FBFBF9","pct":43.9},{"hex":"#E3E1D9","pct":29.9},{"hex":"#EDEAE4","pct":13.2},{"hex":"#C3C1BC","pct":5.4},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6673BC","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0742.webp","thumb":"assets/thumb/ORG-0742.webp","palette":["#231B35","#0F0C16","#191424","#322C43","#08070A","#A4C244"],"palette_detail":[{"hex":"#231B35","pct":37.2},{"hex":"#0F0C16","pct":31.8},{"hex":"#191424","pct":17.2},{"hex":"#322C43","pct":9.0},{"hex":"#08070A","pct":3.0},{"hex":"#A4C244","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0745","kind":"image","category":"dashboard","type":"screen","title":"Plant care desktop dashboard · Fern","description":"A desktop dashboard for Fern (plant care). A sidebar lists Overview, Reports, Plants, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Plants 14, Streak 21, Humidity 48%, Light Bright), a bar chart of waterings this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","plants","plant","care"],"palette":["#181615","#261C17","#0E0D0C","#332923","#131210","#7F6356"],"palette_detail":[{"hex":"#181615","pct":54.0},{"hex":"#261C17","pct":22.9},{"hex":"#0E0D0C","pct":10.7},{"hex":"#332923","pct":8.6},{"hex":"#131210","pct":2.7},{"hex":"#7F6356","pct":1.0}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0745.webp","thumb":"assets/thumb/ORG-0745.webp","live":"originals/screens/gen-plants-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0745.webp","thumb":"assets/thumb/ORG-0745.webp","palette":["#181615","#261C17","#0E0D0C","#332923","#131210","#7F6356"],"palette_detail":[{"hex":"#181615","pct":54.0},{"hex":"#261C17","pct":22.9},{"hex":"#0E0D0C","pct":10.7},{"hex":"#332923","pct":8.6},{"hex":"#131210","pct":2.7},{"hex":"#7F6356","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0748.webp","thumb":"assets/thumb/ORG-0748.webp","palette":["#FFFFFF","#E5EEE7","#F5F7F4","#D3E0D6","#FBFCFB","#ABB9AF"],"palette_detail":[{"hex":"#FFFFFF","pct":47.8},{"hex":"#E5EEE7","pct":16.2},{"hex":"#F5F7F4","pct":14.8},{"hex":"#D3E0D6","pct":11.4},{"hex":"#FBFCFB","pct":5.7},{"hex":"#ABB9AF","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0747.webp","thumb":"assets/thumb/ORG-0747.webp","palette":["#FFFFFF","#ECEAE4","#F9F8F5","#DCD9D2","#FCFCFB","#B2B2B5"],"palette_detail":[{"hex":"#FFFFFF","pct":47.7},{"hex":"#ECEAE4","pct":16.5},{"hex":"#F9F8F5","pct":14.8},{"hex":"#DCD9D2","pct":11.2},{"hex":"#FCFCFB","pct":5.6},{"hex":"#B2B2B5","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0746.webp","thumb":"assets/thumb/ORG-0746.webp","palette":["#191424","#211A32","#100D17","#2E273F","#161220","#777D64"],"palette_detail":[{"hex":"#191424","pct":53.2},{"hex":"#211A32","pct":22.0},{"hex":"#100D17","pct":12.0},{"hex":"#2E273F","pct":8.2},{"hex":"#161220","pct":3.6},{"hex":"#777D64","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0749","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care plant detail · Fern","description":"A detail screen in Fern for \"Monstera\" (Monstera deliciosa · Living room). An illustrated header carries back and save buttons; below sit the title, the value \"Healthy\", a 2×2 fact grid (Water: Every 7 days; Light: Bright, indirect; Last fed: Sep 28; Repot: Spring 2027), a short paragraph, two \"Related\" rows and a sticky action \"Order kit · €35\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","plants","plant","care"],"palette":["#291D17","#0D0C0C","#A5694B","#342923","#6C432F","#1B1714"],"palette_detail":[{"hex":"#291D17","pct":36.5},{"hex":"#0D0C0C","pct":22.1},{"hex":"#A5694B","pct":12.5},{"hex":"#342923","pct":11.7},{"hex":"#6C432F","pct":10.1},{"hex":"#1B1714","pct":7.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0749.webp","thumb":"assets/thumb/ORG-0749.webp","live":"originals/screens/gen-plants-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0749.webp","thumb":"assets/thumb/ORG-0749.webp","palette":["#291D17","#0D0C0C","#A5694B","#342923","#6C432F","#1B1714"],"palette_detail":[{"hex":"#291D17","pct":36.5},{"hex":"#0D0C0C","pct":22.1},{"hex":"#A5694B","pct":12.5},{"hex":"#342923","pct":11.7},{"hex":"#6C432F","pct":10.1},{"hex":"#1B1714","pct":7.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0752.webp","thumb":"assets/thumb/ORG-0752.webp","palette":["#D7E6DB","#F6F8F5","#E6EFE7","#B7CEBE","#7D9787","#274134"],"palette_detail":[{"hex":"#D7E6DB","pct":33.6},{"hex":"#F6F8F5","pct":20.6},{"hex":"#E6EFE7","pct":15.8},{"hex":"#B7CEBE","pct":14.3},{"hex":"#7D9787","pct":8.9},{"hex":"#274134","pct":6.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0751.webp","thumb":"assets/thumb/ORG-0751.webp","palette":["#DFDEDC","#FAF9F6","#EDEAE5","#A6B8EA","#3C4671","#A6A8AE"],"palette_detail":[{"hex":"#DFDEDC","pct":35.1},{"hex":"#FAF9F6","pct":20.5},{"hex":"#EDEAE5","pct":18.5},{"hex":"#A6B8EA","pct":10.7},{"hex":"#3C4671","pct":7.7},{"hex":"#A6A8AE","pct":7.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0750.webp","thumb":"assets/thumb/ORG-0750.webp","palette":["#221A34","#0E0C15","#787F75","#2D263F","#4C5152","#1A1625"],"palette_detail":[{"hex":"#221A34","pct":36.4},{"hex":"#0E0C15","pct":23.9},{"hex":"#787F75","pct":14.3},{"hex":"#2D263F","pct":11.8},{"hex":"#4C5152","pct":8.4},{"hex":"#1A1625","pct":5.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0753","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care empty state · Fern","description":"An empty state in Fern: a ghosted stack of cards with an accent badge, the line \"No plants yet\", the explanation \"Take a photo of a plant and Fern sets up its care schedule for you.\" and a single button \"Identify a plant\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","plants","plant","care","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#DA6837"],"palette_detail":[{"hex":"#0D0D0C","pct":45.3},{"hex":"#2A1E17","pct":30.1},{"hex":"#382C25","pct":8.9},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#DA6837","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0753.webp","thumb":"assets/thumb/ORG-0753.webp","live":"originals/screens/gen-plants-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0753.webp","thumb":"assets/thumb/ORG-0753.webp","palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#DA6837"],"palette_detail":[{"hex":"#0D0D0C","pct":45.3},{"hex":"#2A1E17","pct":30.1},{"hex":"#382C25","pct":8.9},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#DA6837","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0756.webp","thumb":"assets/thumb/ORG-0756.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2CA","#2A3E34","#88968E"],"palette_detail":[{"hex":"#F6F8F5","pct":39.7},{"hex":"#DCE9DF","pct":37.3},{"hex":"#FDFEFC","pct":7.9},{"hex":"#C7D2CA","pct":6.7},{"hex":"#2A3E34","pct":6.3},{"hex":"#88968E","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0755.webp","thumb":"assets/thumb/ORG-0755.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C8C6C4","#2D2D2D","#5C6CC0"],"palette_detail":[{"hex":"#FBFAF7","pct":47.1},{"hex":"#E5E2DA","pct":30.5},{"hex":"#ECEAE5","pct":8.7},{"hex":"#C8C6C4","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5C6CC0","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0754.webp","thumb":"assets/thumb/ORG-0754.webp","palette":["#0E0C15","#231B35","#191424","#342E42","#15121C","#B4D940"],"palette_detail":[{"hex":"#0E0C15","pct":45.2},{"hex":"#231B35","pct":34.8},{"hex":"#191424","pct":7.5},{"hex":"#342E42","pct":6.9},{"hex":"#15121C","pct":3.6},{"hex":"#B4D940","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0757","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care home · Fern","description":"A metric-grid home for Fern (plant care). A tinted hero card shows \"Today: 3 to water\" with \"Monstera, Pothos, Fiddle leaf\", followed by a 2×2 grid of tiles — Plants 14, Streak 21, Humidity 48%, Light Bright — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","plants","plant","care"],"palette":["#2A1D16","#0E0D0C","#181514","#372D27","#221F1D","#78716C"],"palette_detail":[{"hex":"#2A1D16","pct":33.1},{"hex":"#0E0D0C","pct":30.9},{"hex":"#181514","pct":16.9},{"hex":"#372D27","pct":10.0},{"hex":"#221F1D","pct":7.5},{"hex":"#78716C","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0757.webp","thumb":"assets/thumb/ORG-0757.webp","live":"originals/screens/gen-plants-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0757.webp","thumb":"assets/thumb/ORG-0757.webp","palette":["#2A1D16","#0E0D0C","#181514","#372D27","#221F1D","#78716C"],"palette_detail":[{"hex":"#2A1D16","pct":33.1},{"hex":"#0E0D0C","pct":30.9},{"hex":"#181514","pct":16.9},{"hex":"#372D27","pct":10.0},{"hex":"#221F1D","pct":7.5},{"hex":"#78716C","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0760.webp","thumb":"assets/thumb/ORG-0760.webp","palette":["#DBE8DE","#F3F6F3","#FEFEFD","#BDC8C0","#2C2D2D","#838A85"],"palette_detail":[{"hex":"#DBE8DE","pct":39.5},{"hex":"#F3F6F3","pct":32.2},{"hex":"#FEFEFD","pct":14.9},{"hex":"#BDC8C0","pct":6.2},{"hex":"#2C2D2D","pct":4.9},{"hex":"#838A85","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0759.webp","thumb":"assets/thumb/ORG-0759.webp","palette":["#FBFBF9","#E3E1D9","#EEECE6","#C4C3BF","#2D2D2D","#8B8A8A"],"palette_detail":[{"hex":"#FBFBF9","pct":39.6},{"hex":"#E3E1D9","pct":31.7},{"hex":"#EEECE6","pct":15.6},{"hex":"#C4C3BF","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#8B8A8A","pct":2.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0758.webp","thumb":"assets/thumb/ORG-0758.webp","palette":["#231B35","#0E0C15","#181422","#322C43","#1D172D","#7E7E89"],"palette_detail":[{"hex":"#231B35","pct":37.0},{"hex":"#0E0C15","pct":30.7},{"hex":"#181422","pct":15.9},{"hex":"#322C43","pct":9.2},{"hex":"#1D172D","pct":5.5},{"hex":"#7E7E89","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0761","kind":"image","category":"website","type":"screen","title":"Plant care landing hero · Fern","description":"A desktop landing hero for Fern. A slim nav with \"Get Fern\" sits over a two-column hero: an eyebrow pill (\"Water the Monstera\"), the headline \"Keep every plant alive.\", \"Snap a photo, Fern identifies the plant and tells you exactly when it needs you.\", primary \"Add my first plant\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","plants","plant","care"],"palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#AB6546"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":20.8},{"hex":"#372923","pct":16.6},{"hex":"#191614","pct":7.4},{"hex":"#0C0B0B","pct":2.8},{"hex":"#AB6546","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0761.webp","thumb":"assets/thumb/ORG-0761.webp","live":"originals/screens/gen-plants-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0761.webp","thumb":"assets/thumb/ORG-0761.webp","palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#AB6546"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":20.8},{"hex":"#372923","pct":16.6},{"hex":"#191614","pct":7.4},{"hex":"#0C0B0B","pct":2.8},{"hex":"#AB6546","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0764.webp","thumb":"assets/thumb/ORG-0764.webp","palette":["#F5F7F4","#DAE7DD","#B9C5BC","#F8F9F7","#FEFEFE","#5C7B6B"],"palette_detail":[{"hex":"#F5F7F4","pct":49.9},{"hex":"#DAE7DD","pct":30.2},{"hex":"#B9C5BC","pct":7.9},{"hex":"#F8F9F7","pct":5.1},{"hex":"#FEFEFE","pct":4.2},{"hex":"#5C7B6B","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0763.webp","thumb":"assets/thumb/ORG-0763.webp","palette":["#FAF9F6","#E9E8E4","#DADADB","#BBBBBA","#FEFEFD","#5F6BA7"],"palette_detail":[{"hex":"#FAF9F6","pct":53.9},{"hex":"#E9E8E4","pct":20.1},{"hex":"#DADADB","pct":13.9},{"hex":"#BBBBBA","pct":6.0},{"hex":"#FEFEFD","pct":4.3},{"hex":"#5F6BA7","pct":1.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0762.webp","thumb":"assets/thumb/ORG-0762.webp","palette":["#0F0C16","#201930","#302C3C","#0E0B14","#98A764","#090611"],"palette_detail":[{"hex":"#0F0C16","pct":51.1},{"hex":"#201930","pct":25.0},{"hex":"#302C3C","pct":17.7},{"hex":"#0E0B14","pct":3.0},{"hex":"#98A764","pct":2.3},{"hex":"#090611","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0765","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care plant list · Fern","description":"A two-column card grid of plants in Fern. A chip row with \"Living room\" selected sits above six cards, each an illustrated tile with a title and value: Monstera, Pothos, Fiddle leaf fig, Snake plant, Basil, Olive tree. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","plants","plant","care"],"palette":["#2A1D16","#0D0C0B","#855841","#3A2B24","#1B1613","#A38979"],"palette_detail":[{"hex":"#2A1D16","pct":33.6},{"hex":"#0D0C0B","pct":29.0},{"hex":"#855841","pct":16.9},{"hex":"#3A2B24","pct":10.0},{"hex":"#1B1613","pct":6.5},{"hex":"#A38979","pct":4.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0765.webp","thumb":"assets/thumb/ORG-0765.webp","live":"originals/screens/gen-plants-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0765.webp","thumb":"assets/thumb/ORG-0765.webp","palette":["#2A1D16","#0D0C0B","#855841","#3A2B24","#1B1613","#A38979"],"palette_detail":[{"hex":"#2A1D16","pct":33.6},{"hex":"#0D0C0B","pct":29.0},{"hex":"#855841","pct":16.9},{"hex":"#3A2B24","pct":10.0},{"hex":"#1B1613","pct":6.5},{"hex":"#A38979","pct":4.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0768.webp","thumb":"assets/thumb/ORG-0768.webp","palette":["#DCE9DF","#F6F8F5","#C9DFD0","#B4CDBC","#2C2E2D","#7E9386"],"palette_detail":[{"hex":"#DCE9DF","pct":36.8},{"hex":"#F6F8F5","pct":28.0},{"hex":"#C9DFD0","pct":14.1},{"hex":"#B4CDBC","pct":12.4},{"hex":"#2C2E2D","pct":5.2},{"hex":"#7E9386","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0767.webp","thumb":"assets/thumb/ORG-0767.webp","palette":["#E5E3DC","#FAF9F6","#C0CEF5","#C4C3BF","#2D2D2D","#838BA7"],"palette_detail":[{"hex":"#E5E3DC","pct":39.2},{"hex":"#FAF9F6","pct":28.7},{"hex":"#C0CEF5","pct":18.1},{"hex":"#C4C3BF","pct":5.4},{"hex":"#2D2D2D","pct":5.2},{"hex":"#838BA7","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0766.webp","thumb":"assets/thumb/ORG-0766.webp","palette":["#221A34","#0E0B14","#5D5E73","#2E283F","#181521","#8C8E94"],"palette_detail":[{"hex":"#221A34","pct":32.3},{"hex":"#0E0B14","pct":28.7},{"hex":"#5D5E73","pct":16.7},{"hex":"#2E283F","pct":11.3},{"hex":"#181521","pct":6.2},{"hex":"#8C8E94","pct":4.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0769","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care welcome · Fern","description":"The first onboarding step of Fern. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Keep every plant alive.\", followed by \"Snap a photo, Fern identifies the plant and tells you exactly when it needs you.\" and a full-width primary button \"Add my first plant\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","plants","plant","care"],"palette":["#2A1D16","#9D674C","#0E0D0C","#382B24","#1A1512","#080809"],"palette_detail":[{"hex":"#2A1D16","pct":32.7},{"hex":"#9D674C","pct":23.5},{"hex":"#0E0D0C","pct":22.5},{"hex":"#382B24","pct":11.0},{"hex":"#1A1512","pct":5.9},{"hex":"#080809","pct":4.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0769.webp","thumb":"assets/thumb/ORG-0769.webp","live":"originals/screens/gen-plants-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0769.webp","thumb":"assets/thumb/ORG-0769.webp","palette":["#2A1D16","#9D674C","#0E0D0C","#382B24","#1A1512","#080809"],"palette_detail":[{"hex":"#2A1D16","pct":32.7},{"hex":"#9D674C","pct":23.5},{"hex":"#0E0D0C","pct":22.5},{"hex":"#382B24","pct":11.0},{"hex":"#1A1512","pct":5.9},{"hex":"#080809","pct":4.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0772.webp","thumb":"assets/thumb/ORG-0772.webp","palette":["#DAE8DE","#F7F9F6","#C0D7C7","#E8F1EA","#2A4739","#97B3A2"],"palette_detail":[{"hex":"#DAE8DE","pct":34.6},{"hex":"#F7F9F6","pct":24.7},{"hex":"#C0D7C7","pct":20.3},{"hex":"#E8F1EA","pct":7.5},{"hex":"#2A4739","pct":7.5},{"hex":"#97B3A2","pct":5.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0771.webp","thumb":"assets/thumb/ORG-0771.webp","palette":["#E4E1DA","#F9F8F6","#C0CEF5","#2D3669","#FEFDFA","#9CA0B9"],"palette_detail":[{"hex":"#E4E1DA","pct":42.2},{"hex":"#F9F8F6","pct":21.6},{"hex":"#C0CEF5","pct":19.5},{"hex":"#2D3669","pct":7.1},{"hex":"#FEFDFA","pct":4.8},{"hex":"#9CA0B9","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0770.webp","thumb":"assets/thumb/ORG-0770.webp","palette":["#221A34","#0E0B14","#6F7082","#2E283E","#17141F","#B4DD2F"],"palette_detail":[{"hex":"#221A34","pct":32.0},{"hex":"#0E0B14","pct":26.8},{"hex":"#6F7082","pct":20.7},{"hex":"#2E283E","pct":11.5},{"hex":"#17141F","pct":5.6},{"hex":"#B4DD2F","pct":3.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0773","kind":"image","category":"website","type":"screen","title":"Plant care pricing · Fern","description":"A desktop pricing section for Fern with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (5 plants, Reminders, Plant ID); Green €3 (Unlimited plants, Diagnosis, Light meter); Studio €9 (Shops & offices, Team care, Reports) — with Green anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","plants","plant","care"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F2682D","#483B34","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.7},{"hex":"#1A1614","pct":17.0},{"hex":"#F2682D","pct":6.3},{"hex":"#483B34","pct":2.7},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0773.webp","thumb":"assets/thumb/ORG-0773.webp","live":"originals/screens/gen-plants-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0773.webp","thumb":"assets/thumb/ORG-0773.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F2682D","#483B34","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.7},{"hex":"#1A1614","pct":17.0},{"hex":"#F2682D","pct":6.3},{"hex":"#483B34","pct":2.7},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0776.webp","thumb":"assets/thumb/ORG-0776.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.8},{"hex":"#FFFFFF","pct":11.2},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0775.webp","thumb":"assets/thumb/ORG-0775.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3452EF","#BAB9B7","#CFD5F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFFFF","pct":12.7},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B7","pct":5.6},{"hex":"#CFD5F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0774.webp","thumb":"assets/thumb/ORG-0774.webp","palette":["#0F0C16","#241C35","#1A1523","#BBE33A","#444246","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241C35","pct":21.3},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE33A","pct":6.6},{"hex":"#444246","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0777","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care profile · Fern","description":"A profile screen in Fern for Ines Moreau (@ines · Plant parent). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 14 Plants, 21 Day streak, 3 Rooms — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","plants","plant","care","bottom-nav"],"palette":["#291D17","#0D0C0C","#1A1715","#392D26","#151312","#C97E57"],"palette_detail":[{"hex":"#291D17","pct":37.0},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.1},{"hex":"#392D26","pct":10.3},{"hex":"#151312","pct":6.7},{"hex":"#C97E57","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0777.webp","thumb":"assets/thumb/ORG-0777.webp","live":"originals/screens/gen-plants-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0777.webp","thumb":"assets/thumb/ORG-0777.webp","palette":["#291D17","#0D0C0C","#1A1715","#392D26","#151312","#C97E57"],"palette_detail":[{"hex":"#291D17","pct":37.0},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.1},{"hex":"#392D26","pct":10.3},{"hex":"#151312","pct":6.7},{"hex":"#C97E57","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0780.webp","thumb":"assets/thumb/ORG-0780.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#89A093"],"palette_detail":[{"hex":"#DFEBE1","pct":35.9},{"hex":"#F6F8F5","pct":31.0},{"hex":"#FEFFFE","pct":12.8},{"hex":"#CFDBD2","pct":11.4},{"hex":"#2B322F","pct":5.2},{"hex":"#89A093","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0779.webp","thumb":"assets/thumb/ORG-0779.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2D2D2D","#7E86B5"],"palette_detail":[{"hex":"#E7E5DE","pct":39.4},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.5},{"hex":"#D1CFCC","pct":8.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7E86B5","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0778.webp","thumb":"assets/thumb/ORG-0778.webp","palette":["#221B35","#0E0B15","#191425","#332D41","#15111C","#99A276"],"palette_detail":[{"hex":"#221B35","pct":37.2},{"hex":"#0E0B15","pct":31.7},{"hex":"#191425","pct":14.5},{"hex":"#332D41","pct":9.4},{"hex":"#15111C","pct":4.7},{"hex":"#99A276","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0781","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care search · Fern","description":"A search screen in Fern: a focused field with a clear button, a chip row (All, Living room, Bedroom, Kitchen), recent searches as pills, \"Top results\" — Monstera, Pothos, Fiddle leaf fig, Snake plant — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","plants","plant","care"],"palette":["#0E0D0C","#2A1D17","#382C25","#191614","#7C7B79","#050404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.9},{"hex":"#2A1D17","pct":35.6},{"hex":"#382C25","pct":10.7},{"hex":"#191614","pct":7.7},{"hex":"#7C7B79","pct":1.8},{"hex":"#050404","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0781.webp","thumb":"assets/thumb/ORG-0781.webp","live":"originals/screens/gen-plants-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0781.webp","thumb":"assets/thumb/ORG-0781.webp","palette":["#0E0D0C","#2A1D17","#382C25","#191614","#7C7B79","#050404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.9},{"hex":"#2A1D17","pct":35.6},{"hex":"#382C25","pct":10.7},{"hex":"#191614","pct":7.7},{"hex":"#7C7B79","pct":1.8},{"hex":"#050404","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0784.webp","thumb":"assets/thumb/ORG-0784.webp","palette":["#F5F8F4","#DDEAE0","#CBD7CE","#2C2E2E","#FDFEFC","#99A19C"],"palette_detail":[{"hex":"#F5F8F4","pct":40.9},{"hex":"#DDEAE0","pct":37.1},{"hex":"#CBD7CE","pct":8.8},{"hex":"#2C2E2E","pct":5.1},{"hex":"#FDFEFC","pct":5.0},{"hex":"#99A19C","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0783.webp","thumb":"assets/thumb/ORG-0783.webp","palette":["#F9F8F5","#E7E4DE","#D4D2CF","#FEFEFC","#2E2D2D","#9D9C99"],"palette_detail":[{"hex":"#F9F8F5","pct":40.3},{"hex":"#E7E4DE","pct":37.1},{"hex":"#D4D2CF","pct":9.1},{"hex":"#FEFEFC","pct":5.2},{"hex":"#2E2D2D","pct":5.1},{"hex":"#9D9C99","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0782.webp","thumb":"assets/thumb/ORG-0782.webp","palette":["#0F0C16","#221B35","#322D3F","#1A1624","#08070B","#7C7A88"],"palette_detail":[{"hex":"#0F0C16","pct":42.3},{"hex":"#221B35","pct":35.0},{"hex":"#322D3F","pct":10.2},{"hex":"#1A1624","pct":7.5},{"hex":"#08070B","pct":3.3},{"hex":"#7C7A88","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0785","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care settings · Fern","description":"Settings for Fern. An account row leads; grouped cards follow — Reminders: Watering (on), Fertilising (on), Repotting (off); Home: Use humidity sensor (on), Holiday mode (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","plants","plant","care"],"palette":["#0D0D0C","#241B16","#2C1F19","#181615","#463C37","#C7957D"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#241B16","pct":24.0},{"hex":"#2C1F19","pct":21.0},{"hex":"#181615","pct":20.1},{"hex":"#463C37","pct":2.0},{"hex":"#C7957D","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0785.webp","thumb":"assets/thumb/ORG-0785.webp","live":"originals/screens/gen-plants-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0785.webp","thumb":"assets/thumb/ORG-0785.webp","palette":["#0D0D0C","#241B16","#2C1F19","#181615","#463C37","#C7957D"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#241B16","pct":24.0},{"hex":"#2C1F19","pct":21.0},{"hex":"#181615","pct":20.1},{"hex":"#463C37","pct":2.0},{"hex":"#C7957D","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0788.webp","thumb":"assets/thumb/ORG-0788.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFF","#2C312F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E2EDE4","pct":23.8},{"hex":"#D6E3D9","pct":20.5},{"hex":"#FFFFFF","pct":17.3},{"hex":"#2C312F","pct":5.1},{"hex":"#9DA9A1","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0787.webp","thumb":"assets/thumb/ORG-0787.webp","palette":["#E9E7E0","#F9F9F6","#FEFEFE","#DEDBD4","#2E2D2D","#9A9CAB"],"palette_detail":[{"hex":"#E9E7E0","pct":28.5},{"hex":"#F9F9F6","pct":27.7},{"hex":"#FEFEFE","pct":19.1},{"hex":"#DEDBD4","pct":16.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9A9CAB","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0786.webp","thumb":"assets/thumb/ORG-0786.webp","palette":["#241C36","#0E0C15","#181423","#1D172C","#3D3849","#B0BA8E"],"palette_detail":[{"hex":"#241C36","pct":40.1},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":19.5},{"hex":"#1D172C","pct":5.5},{"hex":"#3D3849","pct":2.1},{"hex":"#B0BA8E","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0789","kind":"image","category":"dashboard","type":"screen","title":"Plant care plant table · Fern","description":"A desktop table of plants in Fern. A title row with Export and \"New plant\", a strip of four KPI tiles, a search field and filter dropdowns (Living room, Bedroom, Kitchen) sit above a table with name, details, status (Healthy / Thirsty) and value columns — Monstera, Pothos, Fiddle leaf fig, Snake plant, Basil, Olive tree. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","plants","plant","care"],"palette":["#181615","#0E0D0C","#271C15","#342822","#141211","#7F5F51"],"palette_detail":[{"hex":"#181615","pct":37.6},{"hex":"#0E0D0C","pct":30.9},{"hex":"#271C15","pct":17.0},{"hex":"#342822","pct":9.2},{"hex":"#141211","pct":4.2},{"hex":"#7F5F51","pct":1.0}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0789.webp","thumb":"assets/thumb/ORG-0789.webp","live":"originals/screens/gen-plants-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0789.webp","thumb":"assets/thumb/ORG-0789.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#141211","#7F5F51"],"palette_detail":[{"hex":"#181615","pct":37.6},{"hex":"#0E0D0C","pct":30.9},{"hex":"#271C15","pct":17.0},{"hex":"#342822","pct":9.2},{"hex":"#141211","pct":4.2},{"hex":"#7F5F51","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0792.webp","thumb":"assets/thumb/ORG-0792.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A4B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":35.9},{"hex":"#FFFFFF","pct":30.3},{"hex":"#DEEAE1","pct":16.3},{"hex":"#CAD6CD","pct":7.7},{"hex":"#FDFDFD","pct":6.7},{"hex":"#A4B4AA","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0791.webp","thumb":"assets/thumb/ORG-0791.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C0BFBB","#405BEB"],"palette_detail":[{"hex":"#F9F8F6","pct":36.1},{"hex":"#FFFFFF","pct":25.4},{"hex":"#E4E2DB","pct":20.5},{"hex":"#FDFDFD","pct":11.5},{"hex":"#C0BFBB","pct":6.3},{"hex":"#405BEB","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0790.webp","thumb":"assets/thumb/ORG-0790.webp","palette":["#191424","#0F0C16","#211A32","#2E273E","#14101D","#757E59"],"palette_detail":[{"hex":"#191424","pct":39.3},{"hex":"#0F0C16","pct":31.0},{"hex":"#211A32","pct":16.2},{"hex":"#2E273E","pct":8.8},{"hex":"#14101D","pct":3.7},{"hex":"#757E59","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0793","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing activity feed · Glide","description":"An activity feed in Glide grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Marco is arriving\" (Silver Prius · 3 min) and \"Receipt for your trip\" — and read items are plain rows: \"Rate your ride\", \"20% off weekend rides\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","ride","hailing","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A16D56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.8},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A16D56","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0793.webp","thumb":"assets/thumb/ORG-0793.webp","live":"originals/screens/gen-ride-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0793.webp","thumb":"assets/thumb/ORG-0793.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A16D56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.8},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A16D56","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0796.webp","thumb":"assets/thumb/ORG-0796.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFDFC","#2B332F","#7E8D84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.2},{"hex":"#DBE8DE","pct":39.8},{"hex":"#BCC8BF","pct":6.1},{"hex":"#FCFDFC","pct":6.0},{"hex":"#2B332F","pct":5.3},{"hex":"#7E8D84","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0795.webp","thumb":"assets/thumb/ORG-0795.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#747BA0"],"palette_detail":[{"hex":"#FAF9F7","pct":40.2},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.1},{"hex":"#C0BFBF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#747BA0","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0794.webp","thumb":"assets/thumb/ORG-0794.webp","palette":["#241C36","#0E0C15","#1E172D","#17131F","#3C3945","#93A064"],"palette_detail":[{"hex":"#241C36","pct":41.4},{"hex":"#0E0C15","pct":40.5},{"hex":"#1E172D","pct":6.9},{"hex":"#17131F","pct":6.6},{"hex":"#3C3945","pct":2.6},{"hex":"#93A064","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0797","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing confirm ride · Glide","description":"A confirmation screen in Glide titled \"Confirm ride\". A summary card lists Pickup Rua da Saudade 12; Drop-off Airport · T1; Comfort €18.40; Arrives 7:58 AM, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €18.40 beside the primary button \"Confirm Comfort\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","ride","hailing"],"palette":["#291D17","#0D0D0C","#191615","#362B25","#E05F27","#736F6C"],"palette_detail":[{"hex":"#291D17","pct":36.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191615","pct":16.7},{"hex":"#362B25","pct":10.8},{"hex":"#E05F27","pct":1.5},{"hex":"#736F6C","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0797.webp","thumb":"assets/thumb/ORG-0797.webp","live":"originals/screens/gen-ride-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0797.webp","thumb":"assets/thumb/ORG-0797.webp","palette":["#291D17","#0D0D0C","#191615","#362B25","#E05F27","#736F6C"],"palette_detail":[{"hex":"#291D17","pct":36.1},{"hex":"#0D0D0C","pct":33.6},{"hex":"#191615","pct":16.7},{"hex":"#362B25","pct":10.8},{"hex":"#E05F27","pct":1.5},{"hex":"#736F6C","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0800.webp","thumb":"assets/thumb/ORG-0800.webp","palette":["#F9FAF8","#D9E6DC","#E4EEE6","#2A3932","#BDC7C0","#7F9388"],"palette_detail":[{"hex":"#F9FAF8","pct":43.3},{"hex":"#D9E6DC","pct":28.8},{"hex":"#E4EEE6","pct":14.1},{"hex":"#2A3932","pct":5.8},{"hex":"#BDC7C0","pct":5.5},{"hex":"#7F9388","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0799.webp","thumb":"assets/thumb/ORG-0799.webp","palette":["#FBFBF9","#E3E0D9","#ECEAE4","#BDBBB8","#2D2D2D","#5F6FC2"],"palette_detail":[{"hex":"#FBFBF9","pct":43.2},{"hex":"#E3E0D9","pct":30.2},{"hex":"#ECEAE4","pct":13.6},{"hex":"#BDBBB8","pct":5.3},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5F6FC2","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0798.webp","thumb":"assets/thumb/ORG-0798.webp","palette":["#221A34","#0E0C15","#191423","#2F2840","#717072","#B4DD30"],"palette_detail":[{"hex":"#221A34","pct":35.4},{"hex":"#0E0C15","pct":33.7},{"hex":"#191423","pct":17.3},{"hex":"#2F2840","pct":10.8},{"hex":"#717072","pct":1.4},{"hex":"#B4DD30","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0801","kind":"image","category":"dashboard","type":"screen","title":"Ride-hailing desktop dashboard · Glide","description":"A desktop dashboard for Glide (ride-hailing). A sidebar lists Overview, Reports, Rides, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Rides 18, Spent €214, Rating 4.94, CO₂ saved 12 kg), a bar chart of rides this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","ride","hailing"],"palette":["#181615","#261C17","#0F0E0D","#322721","#EE6429","#615B57"],"palette_detail":[{"hex":"#181615","pct":54.6},{"hex":"#261C17","pct":21.0},{"hex":"#0F0E0D","pct":12.7},{"hex":"#322721","pct":9.0},{"hex":"#EE6429","pct":1.5},{"hex":"#615B57","pct":1.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0801.webp","thumb":"assets/thumb/ORG-0801.webp","live":"originals/screens/gen-ride-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0801.webp","thumb":"assets/thumb/ORG-0801.webp","palette":["#181615","#261C17","#0F0E0D","#322721","#EE6429","#615B57"],"palette_detail":[{"hex":"#181615","pct":54.6},{"hex":"#261C17","pct":21.0},{"hex":"#0F0E0D","pct":12.7},{"hex":"#322721","pct":9.0},{"hex":"#EE6429","pct":1.5},{"hex":"#615B57","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0804.webp","thumb":"assets/thumb/ORG-0804.webp","palette":["#FFFFFF","#F6F8F6","#D6E3D9","#E7EFE8","#B2BEB6","#277D53"],"palette_detail":[{"hex":"#FFFFFF","pct":51.5},{"hex":"#F6F8F6","pct":16.2},{"hex":"#D6E3D9","pct":13.7},{"hex":"#E7EFE8","pct":12.1},{"hex":"#B2BEB6","pct":5.0},{"hex":"#277D53","pct":1.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0803.webp","thumb":"assets/thumb/ORG-0803.webp","palette":["#FFFFFF","#F9F8F6","#ECEAE4","#DDDAD3","#B9B8B6","#3150F2"],"palette_detail":[{"hex":"#FFFFFF","pct":50.4},{"hex":"#F9F8F6","pct":17.4},{"hex":"#ECEAE4","pct":15.2},{"hex":"#DDDAD3","pct":10.6},{"hex":"#B9B8B6","pct":4.9},{"hex":"#3150F2","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0802.webp","thumb":"assets/thumb/ORG-0802.webp","palette":["#191424","#211A32","#100D17","#2C263D","#C1EE31","#686961"],"palette_detail":[{"hex":"#191424","pct":56.0},{"hex":"#211A32","pct":19.7},{"hex":"#100D17","pct":12.7},{"hex":"#2C263D","pct":9.0},{"hex":"#C1EE31","pct":1.5},{"hex":"#686961","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0805","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing ride detail · Glide","description":"A detail screen in Glide for \"Trip to Airport\" (Today · 7:42 AM · Comfort). An illustrated header carries back and save buttons; below sit the title, the value \"€18.40\", a 2×2 fact grid (Distance: 9.8 km; Duration: 21 min; Driver: Marco ★ 4.9; Paid with: Visa •• 4417), a short paragraph, two \"Related\" rows and a sticky action \"Confirm Comfort\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","ride","hailing"],"palette":["#291D17","#0D0C0C","#A97258","#372B25","#87553C","#1A1614"],"palette_detail":[{"hex":"#291D17","pct":39.5},{"hex":"#0D0C0C","pct":21.9},{"hex":"#A97258","pct":12.0},{"hex":"#372B25","pct":11.3},{"hex":"#87553C","pct":8.5},{"hex":"#1A1614","pct":6.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0805.webp","thumb":"assets/thumb/ORG-0805.webp","live":"originals/screens/gen-ride-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0805.webp","thumb":"assets/thumb/ORG-0805.webp","palette":["#291D17","#0D0C0C","#A97258","#372B25","#87553C","#1A1614"],"palette_detail":[{"hex":"#291D17","pct":39.5},{"hex":"#0D0C0C","pct":21.9},{"hex":"#A97258","pct":12.0},{"hex":"#372B25","pct":11.3},{"hex":"#87553C","pct":8.5},{"hex":"#1A1614","pct":6.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0808.webp","thumb":"assets/thumb/ORG-0808.webp","palette":["#D8E6DB","#F6F8F5","#B8D0BF","#E6EFE7","#274134","#7A9486"],"palette_detail":[{"hex":"#D8E6DB","pct":34.0},{"hex":"#F6F8F5","pct":21.5},{"hex":"#B8D0BF","pct":18.5},{"hex":"#E6EFE7","pct":16.4},{"hex":"#274134","pct":6.7},{"hex":"#7A9486","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0807.webp","thumb":"assets/thumb/ORG-0807.webp","palette":["#E1DED7","#FAF9F6","#EBEAE7","#B8C8F5","#2C3562","#A2A2A7"],"palette_detail":[{"hex":"#E1DED7","pct":31.3},{"hex":"#FAF9F6","pct":21.4},{"hex":"#EBEAE7","pct":20.4},{"hex":"#B8C8F5","pct":15.4},{"hex":"#2C3562","pct":6.8},{"hex":"#A2A2A7","pct":4.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0806.webp","thumb":"assets/thumb/ORG-0806.webp","palette":["#231C36","#0E0B14","#798076","#1E182D","#353043","#15131D"],"palette_detail":[{"hex":"#231C36","pct":38.0},{"hex":"#0E0B14","pct":21.4},{"hex":"#798076","pct":20.0},{"hex":"#1E182D","pct":8.2},{"hex":"#353043","pct":7.4},{"hex":"#15131D","pct":5.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0809","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing empty state · Glide","description":"An empty state in Glide: a ghosted stack of cards with an accent badge, the line \"No trips yet\", the explanation \"Your past rides and receipts show up here after your first trip.\" and a single button \"Book a ride\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","ride","hailing","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#D96838"],"palette_detail":[{"hex":"#0D0D0C","pct":45.7},{"hex":"#2A1E17","pct":30.0},{"hex":"#382C25","pct":9.0},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D96838","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0809.webp","thumb":"assets/thumb/ORG-0809.webp","live":"originals/screens/gen-ride-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0809.webp","thumb":"assets/thumb/ORG-0809.webp","palette":["#0D0D0C","#2A1E17","#382C25","#161413","#241913","#D96838"],"palette_detail":[{"hex":"#0D0D0C","pct":45.7},{"hex":"#2A1E17","pct":30.0},{"hex":"#382C25","pct":9.0},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D96838","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0812.webp","thumb":"assets/thumb/ORG-0812.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2C9","#2A3D34","#86948C"],"palette_detail":[{"hex":"#F6F8F5","pct":40.1},{"hex":"#DCE9DF","pct":37.2},{"hex":"#FDFEFC","pct":7.9},{"hex":"#C7D2C9","pct":6.7},{"hex":"#2A3D34","pct":6.1},{"hex":"#86948C","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0811.webp","thumb":"assets/thumb/ORG-0811.webp","palette":["#FBFAF7","#E4E2DA","#ECEAE4","#C8C7C3","#2D2D2D","#5E6DBD"],"palette_detail":[{"hex":"#FBFAF7","pct":47.5},{"hex":"#E4E2DA","pct":29.8},{"hex":"#ECEAE4","pct":9.3},{"hex":"#C8C7C3","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5E6DBD","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0810.webp","thumb":"assets/thumb/ORG-0810.webp","palette":["#0E0C15","#221A34","#2E273E","#171321","#C2EF31","#7C8267"],"palette_detail":[{"hex":"#0E0C15","pct":45.9},{"hex":"#221A34","pct":31.3},{"hex":"#2E273E","pct":10.7},{"hex":"#171321","pct":9.9},{"hex":"#C2EF31","pct":1.3},{"hex":"#7C8267","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0813","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing home · Glide","description":"The home screen of Glide, a ride-hailing app. A greeting row sits above \"Driver arriving\" with a hero figure \"3 min\" and a supporting line \"Marco · Toyota Prius · 21-RT-08\". A card charts \"rides this week\" as seven bars with Thursday highlighted, then a \"Recent\" list shows Home, Work and Airport, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","ride","hailing"],"palette":["#0E0D0C","#291D17","#191615","#372D27","#9F8374","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":36.4},{"hex":"#291D17","pct":35.5},{"hex":"#191615","pct":15.1},{"hex":"#372D27","pct":9.7},{"hex":"#9F8374","pct":1.7},{"hex":"#040404","pct":1.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0813.webp","thumb":"assets/thumb/ORG-0813.webp","live":"originals/screens/gen-ride-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0813.webp","thumb":"assets/thumb/ORG-0813.webp","palette":["#0E0D0C","#291D17","#191615","#372D27","#9F8374","#040404"],"palette_detail":[{"hex":"#0E0D0C","pct":36.4},{"hex":"#291D17","pct":35.5},{"hex":"#191615","pct":15.1},{"hex":"#372D27","pct":9.7},{"hex":"#9F8374","pct":1.7},{"hex":"#040404","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0816.webp","thumb":"assets/thumb/ORG-0816.webp","palette":["#DEEAE1","#F5F8F5","#FEFEFD","#D0DCD3","#2D3130","#96A29A"],"palette_detail":[{"hex":"#DEEAE1","pct":34.9},{"hex":"#F5F8F5","pct":33.1},{"hex":"#FEFEFD","pct":12.4},{"hex":"#D0DCD3","pct":10.6},{"hex":"#2D3130","pct":5.3},{"hex":"#96A29A","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0815.webp","thumb":"assets/thumb/ORG-0815.webp","palette":["#E7E5DD","#F9F8F5","#FFFEFE","#D4D2CC","#2F2E2E","#91949C"],"palette_detail":[{"hex":"#E7E5DD","pct":37.2},{"hex":"#F9F8F5","pct":32.8},{"hex":"#FFFEFE","pct":12.7},{"hex":"#D4D2CC","pct":9.1},{"hex":"#2F2E2E","pct":5.1},{"hex":"#91949C","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0814.webp","thumb":"assets/thumb/ORG-0814.webp","palette":["#221B34","#0F0C16","#191423","#312C41","#08070B","#919388"],"palette_detail":[{"hex":"#221B34","pct":35.9},{"hex":"#0F0C16","pct":35.4},{"hex":"#191423","pct":14.2},{"hex":"#312C41","pct":9.6},{"hex":"#08070B","pct":3.4},{"hex":"#919388","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0817","kind":"image","category":"website","type":"screen","title":"Ride-hailing landing hero · Glide","description":"A desktop landing hero for Glide. A slim nav with \"Get Glide\" sits over a two-column hero: an eyebrow pill (\"Marco is arriving\"), the headline \"Get there, easily.\", \"Upfront prices, real-time tracking and drivers rated by people like you.\", primary \"Set pickup\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","ride","hailing"],"palette":["#0E0D0C","#231A15","#32261F","#0D0C0C","#96583C","#0A0A0A"],"palette_detail":[{"hex":"#0E0D0C","pct":52.1},{"hex":"#231A15","pct":22.4},{"hex":"#32261F","pct":20.4},{"hex":"#0D0C0C","pct":2.4},{"hex":"#96583C","pct":1.4},{"hex":"#0A0A0A","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0817.webp","thumb":"assets/thumb/ORG-0817.webp","live":"originals/screens/gen-ride-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0817.webp","thumb":"assets/thumb/ORG-0817.webp","palette":["#0E0D0C","#231A15","#32261F","#0D0C0C","#96583C","#0A0A0A"],"palette_detail":[{"hex":"#0E0D0C","pct":52.1},{"hex":"#231A15","pct":22.4},{"hex":"#32261F","pct":20.4},{"hex":"#0D0C0C","pct":2.4},{"hex":"#96583C","pct":1.4},{"hex":"#0A0A0A","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0820.webp","thumb":"assets/thumb/ORG-0820.webp","palette":["#F5F7F4","#DAE7DD","#BAC7BD","#F8F9F7","#FEFEFE","#5B7C6B"],"palette_detail":[{"hex":"#F5F7F4","pct":50.7},{"hex":"#DAE7DD","pct":30.0},{"hex":"#BAC7BD","pct":8.0},{"hex":"#F8F9F7","pct":5.0},{"hex":"#FEFEFE","pct":4.2},{"hex":"#5B7C6B","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0819.webp","thumb":"assets/thumb/ORG-0819.webp","palette":["#F9F8F6","#E4E4E3","#CAC9C5","#FCFBF8","#FFFFFE","#6A75AB"],"palette_detail":[{"hex":"#F9F8F6","pct":50.5},{"hex":"#E4E4E3","pct":29.4},{"hex":"#CAC9C5","pct":9.8},{"hex":"#FCFBF8","pct":4.9},{"hex":"#FFFFFE","pct":3.6},{"hex":"#6A75AB","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0818.webp","thumb":"assets/thumb/ORG-0818.webp","palette":["#0F0C16","#1F192F","#2F2B3B","#0D0B14","#94A755","#090512"],"palette_detail":[{"hex":"#0F0C16","pct":51.9},{"hex":"#1F192F","pct":24.3},{"hex":"#2F2B3B","pct":18.2},{"hex":"#0D0B14","pct":3.0},{"hex":"#94A755","pct":1.7},{"hex":"#090512","pct":0.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0821","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing ride list · Glide","description":"A list screen of rides in Glide. A title with an add button sits over a search field and a chip row (Ride, Comfort, XL, Green, Scooter); six rows follow with a leading icon, title, supporting line and trailing value: Home (18 min); Work (12 min); Airport (24 min); Fábrica Coffee (9 min). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","ride","hailing"],"palette":["#0E0D0C","#291D16","#352B25","#1A1614","#87786F","#040403"],"palette_detail":[{"hex":"#0E0D0C","pct":45.2},{"hex":"#291D16","pct":33.3},{"hex":"#352B25","pct":10.7},{"hex":"#1A1614","pct":7.6},{"hex":"#87786F","pct":1.9},{"hex":"#040403","pct":1.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0821.webp","thumb":"assets/thumb/ORG-0821.webp","live":"originals/screens/gen-ride-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0821.webp","thumb":"assets/thumb/ORG-0821.webp","palette":["#0E0D0C","#291D16","#352B25","#1A1614","#87786F","#040403"],"palette_detail":[{"hex":"#0E0D0C","pct":45.2},{"hex":"#291D16","pct":33.3},{"hex":"#352B25","pct":10.7},{"hex":"#1A1614","pct":7.6},{"hex":"#87786F","pct":1.9},{"hex":"#040403","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0824.webp","thumb":"assets/thumb/ORG-0824.webp","palette":["#F6F8F5","#DEEAE0","#D0DCD2","#2C2F2E","#FDFEFC","#97A09A"],"palette_detail":[{"hex":"#F6F8F5","pct":42.3},{"hex":"#DEEAE0","pct":33.8},{"hex":"#D0DCD2","pct":10.2},{"hex":"#2C2F2E","pct":5.2},{"hex":"#FDFEFC","pct":5.0},{"hex":"#97A09A","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0823.webp","thumb":"assets/thumb/ORG-0823.webp","palette":["#FAF9F6","#E8E5DE","#D9D7D0","#FEFEFC","#2D2C2D","#99999E"],"palette_detail":[{"hex":"#FAF9F6","pct":41.6},{"hex":"#E8E5DE","pct":34.5},{"hex":"#D9D7D0","pct":9.7},{"hex":"#FEFEFC","pct":5.5},{"hex":"#2D2C2D","pct":5.0},{"hex":"#99999E","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0822.webp","thumb":"assets/thumb/ORG-0822.webp","palette":["#100D16","#261E38","#1B1629","#0D0B13","#08070A","#82837D"],"palette_detail":[{"hex":"#100D16","pct":40.9},{"hex":"#261E38","pct":40.7},{"hex":"#1B1629","pct":8.9},{"hex":"#0D0B13","pct":4.5},{"hex":"#08070A","pct":2.9},{"hex":"#82837D","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0825","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing welcome · Glide","description":"The first onboarding step of Glide. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Get there, easily.\", followed by \"Upfront prices, real-time tracking and drivers rated by people like you.\" and a full-width primary button \"Set pickup\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","ride","hailing"],"palette":["#2A1E17","#0D0C0C","#9A654A","#3A2C24","#231913","#171412"],"palette_detail":[{"hex":"#2A1E17","pct":30.2},{"hex":"#0D0C0C","pct":27.1},{"hex":"#9A654A","pct":23.1},{"hex":"#3A2C24","pct":10.2},{"hex":"#231913","pct":5.1},{"hex":"#171412","pct":4.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0825.webp","thumb":"assets/thumb/ORG-0825.webp","live":"originals/screens/gen-ride-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0825.webp","thumb":"assets/thumb/ORG-0825.webp","palette":["#2A1E17","#0D0C0C","#9A654A","#3A2C24","#231913","#171412"],"palette_detail":[{"hex":"#2A1E17","pct":30.2},{"hex":"#0D0C0C","pct":27.1},{"hex":"#9A654A","pct":23.1},{"hex":"#3A2C24","pct":10.2},{"hex":"#231913","pct":5.1},{"hex":"#171412","pct":4.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0828.webp","thumb":"assets/thumb/ORG-0828.webp","palette":["#DCE9DF","#F5F8F5","#C6DCCD","#2A493A","#A4BDAD","#FCFDFA"],"palette_detail":[{"hex":"#DCE9DF","pct":37.1},{"hex":"#F5F8F5","pct":22.6},{"hex":"#C6DCCD","pct":22.2},{"hex":"#2A493A","pct":7.6},{"hex":"#A4BDAD","pct":6.8},{"hex":"#FCFDFA","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0827.webp","thumb":"assets/thumb/ORG-0827.webp","palette":["#E7E5DE","#FAF9F7","#C3D0F5","#D9D6CF","#2C314D","#6F7DC8"],"palette_detail":[{"hex":"#E7E5DE","pct":34.0},{"hex":"#FAF9F7","pct":26.4},{"hex":"#C3D0F5","pct":19.9},{"hex":"#D9D6CF","pct":9.9},{"hex":"#2C314D","pct":5.0},{"hex":"#6F7DC8","pct":4.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0826.webp","thumb":"assets/thumb/ORG-0826.webp","palette":["#221A34","#0F0C15","#747B73","#2E283E","#17141F","#08070A"],"palette_detail":[{"hex":"#221A34","pct":31.8},{"hex":"#0F0C15","pct":24.5},{"hex":"#747B73","pct":23.8},{"hex":"#2E283E","pct":11.7},{"hex":"#17141F","pct":5.4},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0829","kind":"image","category":"website","type":"screen","title":"Ride-hailing pricing · Glide","description":"A desktop pricing section for Glide with a Monthly/Yearly toggle and \"2 months free\". Three plans — Pay as you go €0 (Upfront prices, Ride history, Support); Glide+ €6 (5% back, No surge on airport, Priority); Business €15 (Monthly invoice, Policies, Admin) — with Glide+ anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","ride","hailing"],"palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#53453F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.1},{"hex":"#F3682D","pct":6.2},{"hex":"#53453F","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0829.webp","thumb":"assets/thumb/ORG-0829.webp","live":"originals/screens/gen-ride-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0829.webp","thumb":"assets/thumb/ORG-0829.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#53453F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.1},{"hex":"#F3682D","pct":6.2},{"hex":"#53453F","pct":2.6},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0832.webp","thumb":"assets/thumb/ORG-0832.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB4","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":23.0},{"hex":"#FFFFFF","pct":10.9},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB4","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0831.webp","thumb":"assets/thumb/ORG-0831.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BBB9B6","#CBD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.4},{"hex":"#FEFEFF","pct":12.4},{"hex":"#3452EF","pct":6.2},{"hex":"#BBB9B6","pct":5.6},{"hex":"#CBD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0830.webp","thumb":"assets/thumb/ORG-0830.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE43A","#4F4F4A","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.8},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE43A","pct":6.5},{"hex":"#4F4F4A","pct":2.8},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0833","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing profile · Glide","description":"A profile screen in Glide for Omar Haddad (@omar · Rider since 2021). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 18 Rides, 4.94 Rating, 12 kg CO₂ saved — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","ride","hailing","bottom-nav"],"palette":["#2A1E17","#0D0C0C","#1A1715","#3A2E28","#151312","#CA7E58"],"palette_detail":[{"hex":"#2A1E17","pct":37.4},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":13.3},{"hex":"#3A2E28","pct":9.0},{"hex":"#151312","pct":6.5},{"hex":"#CA7E58","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0833.webp","thumb":"assets/thumb/ORG-0833.webp","live":"originals/screens/gen-ride-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0833.webp","thumb":"assets/thumb/ORG-0833.webp","palette":["#2A1E17","#0D0C0C","#1A1715","#3A2E28","#151312","#CA7E58"],"palette_detail":[{"hex":"#2A1E17","pct":37.4},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":13.3},{"hex":"#3A2E28","pct":9.0},{"hex":"#151312","pct":6.5},{"hex":"#CA7E58","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0836.webp","thumb":"assets/thumb/ORG-0836.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD1","#2B322F","#89A093"],"palette_detail":[{"hex":"#DFEBE1","pct":36.1},{"hex":"#F6F8F5","pct":30.8},{"hex":"#FEFFFE","pct":13.2},{"hex":"#CFDBD1","pct":10.8},{"hex":"#2B322F","pct":5.2},{"hex":"#89A093","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0835.webp","thumb":"assets/thumb/ORG-0835.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2E2D2D","#7E86B4"],"palette_detail":[{"hex":"#E7E5DE","pct":39.0},{"hex":"#F9F8F5","pct":28.9},{"hex":"#FEFEFE","pct":15.0},{"hex":"#D1CFCC","pct":8.7},{"hex":"#2E2D2D","pct":4.9},{"hex":"#7E86B4","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0834.webp","thumb":"assets/thumb/ORG-0834.webp","palette":["#231B35","#0E0B15","#191425","#342E41","#14111C","#99A377"],"palette_detail":[{"hex":"#231B35","pct":37.8},{"hex":"#0E0B15","pct":31.5},{"hex":"#191425","pct":15.7},{"hex":"#342E41","pct":8.5},{"hex":"#14111C","pct":4.1},{"hex":"#99A377","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0837","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing search · Glide","description":"A search screen in Glide: a focused field with a clear button, a chip row (Ride, Comfort, XL, Green), recent searches as pills, \"Top results\" — Home, Work, Airport, Fábrica Coffee — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","ride","hailing"],"palette":["#0E0D0C","#2A1D17","#382C26","#191614","#7F7B78","#040403"],"palette_detail":[{"hex":"#0E0D0C","pct":42.8},{"hex":"#2A1D17","pct":35.5},{"hex":"#382C26","pct":10.9},{"hex":"#191614","pct":7.8},{"hex":"#7F7B78","pct":1.7},{"hex":"#040403","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0837.webp","thumb":"assets/thumb/ORG-0837.webp","live":"originals/screens/gen-ride-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0837.webp","thumb":"assets/thumb/ORG-0837.webp","palette":["#0E0D0C","#2A1D17","#382C26","#191614","#7F7B78","#040403"],"palette_detail":[{"hex":"#0E0D0C","pct":42.8},{"hex":"#2A1D17","pct":35.5},{"hex":"#382C26","pct":10.9},{"hex":"#191614","pct":7.8},{"hex":"#7F7B78","pct":1.7},{"hex":"#040403","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0840.webp","thumb":"assets/thumb/ORG-0840.webp","palette":["#F5F8F4","#DDEAE0","#CBD8CF","#FDFEFC","#2D2E2E","#9BA39D"],"palette_detail":[{"hex":"#F5F8F4","pct":40.6},{"hex":"#DDEAE0","pct":36.9},{"hex":"#CBD8CF","pct":8.7},{"hex":"#FDFEFC","pct":5.2},{"hex":"#2D2E2E","pct":5.1},{"hex":"#9BA39D","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0839.webp","thumb":"assets/thumb/ORG-0839.webp","palette":["#F9F8F5","#E7E4DD","#D4D2D0","#FEFEFC","#2E2D2D","#9F9E9B"],"palette_detail":[{"hex":"#F9F8F5","pct":40.2},{"hex":"#E7E4DD","pct":36.9},{"hex":"#D4D2D0","pct":9.0},{"hex":"#FEFEFC","pct":5.3},{"hex":"#2E2D2D","pct":5.1},{"hex":"#9F9E9B","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0838.webp","thumb":"assets/thumb/ORG-0838.webp","palette":["#0F0C16","#221B35","#332E40","#1A1624","#08070B","#817D8A"],"palette_detail":[{"hex":"#0F0C16","pct":42.2},{"hex":"#221B35","pct":36.2},{"hex":"#332E40","pct":9.2},{"hex":"#1A1624","pct":7.5},{"hex":"#08070B","pct":3.2},{"hex":"#817D8A","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0841","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing settings · Glide","description":"Settings for Glide. An account row leads; grouped cards follow — Rides: Quiet mode (on), Share trip status (on), Child seat (off); Payments: Business profile (off), Auto-tip 10% (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","ride","hailing"],"palette":["#2B1F18","#0E0D0C","#181615","#231B17","#3E332E","#BD9581"],"palette_detail":[{"hex":"#2B1F18","pct":34.4},{"hex":"#0E0D0C","pct":31.7},{"hex":"#181615","pct":19.9},{"hex":"#231B17","pct":8.9},{"hex":"#3E332E","pct":3.9},{"hex":"#BD9581","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0841.webp","thumb":"assets/thumb/ORG-0841.webp","live":"originals/screens/gen-ride-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0841.webp","thumb":"assets/thumb/ORG-0841.webp","palette":["#2B1F18","#0E0D0C","#181615","#231B17","#3E332E","#BD9581"],"palette_detail":[{"hex":"#2B1F18","pct":34.4},{"hex":"#0E0D0C","pct":31.7},{"hex":"#181615","pct":19.9},{"hex":"#231B17","pct":8.9},{"hex":"#3E332E","pct":3.9},{"hex":"#BD9581","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0844.webp","thumb":"assets/thumb/ORG-0844.webp","palette":["#F6F8F5","#D6E3D9","#E2EDE4","#FFFFFE","#2C302F","#9DA8A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#D6E3D9","pct":26.9},{"hex":"#E2EDE4","pct":17.6},{"hex":"#FFFFFE","pct":17.1},{"hex":"#2C302F","pct":5.1},{"hex":"#9DA8A1","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0843.webp","thumb":"assets/thumb/ORG-0843.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2E2D2D","#9D9EA9"],"palette_detail":[{"hex":"#E9E7E0","pct":28.7},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":19.0},{"hex":"#DEDBD4","pct":16.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9D9EA9","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0842.webp","thumb":"assets/thumb/ORG-0842.webp","palette":["#231C36","#0E0C15","#181423","#1D172C","#373145","#A9AF93"],"palette_detail":[{"hex":"#231C36","pct":37.7},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":18.7},{"hex":"#1D172C","pct":6.1},{"hex":"#373145","pct":4.7},{"hex":"#A9AF93","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0845","kind":"image","category":"dashboard","type":"screen","title":"Ride-hailing ride table · Glide","description":"A desktop table of rides in Glide. A title row with Export and \"New ride\", a strip of four KPI tiles, a search field and filter dropdowns (Comfort, XL, Green) sit above a table with name, details, status (Saved / Recent) and value columns — Home, Work, Airport, Fábrica Coffee, Gym, Ana’s place. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","ride","hailing"],"palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7A5B4D"],"palette_detail":[{"hex":"#181615","pct":37.8},{"hex":"#0E0D0C","pct":31.1},{"hex":"#271C15","pct":17.1},{"hex":"#342822","pct":9.1},{"hex":"#131211","pct":3.9},{"hex":"#7A5B4D","pct":1.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0845.webp","thumb":"assets/thumb/ORG-0845.webp","live":"originals/screens/gen-ride-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0845.webp","thumb":"assets/thumb/ORG-0845.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7A5B4D"],"palette_detail":[{"hex":"#181615","pct":37.8},{"hex":"#0E0D0C","pct":31.1},{"hex":"#271C15","pct":17.1},{"hex":"#342822","pct":9.1},{"hex":"#131211","pct":3.9},{"hex":"#7A5B4D","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0848.webp","thumb":"assets/thumb/ORG-0848.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A6B5AB"],"palette_detail":[{"hex":"#F6F8F5","pct":36.1},{"hex":"#FFFFFF","pct":30.3},{"hex":"#DEEAE1","pct":16.1},{"hex":"#CAD6CD","pct":7.7},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A6B5AB","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0847.webp","thumb":"assets/thumb/ORG-0847.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C1C0BB","#4F65D7"],"palette_detail":[{"hex":"#F9F8F6","pct":36.3},{"hex":"#FFFFFF","pct":25.3},{"hex":"#E4E2DB","pct":20.3},{"hex":"#FDFDFD","pct":11.5},{"hex":"#C1C0BB","pct":6.3},{"hex":"#4F65D7","pct":0.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0846.webp","thumb":"assets/thumb/ORG-0846.webp","palette":["#191424","#0F0C16","#211A32","#2D273E","#14101D","#717858"],"palette_detail":[{"hex":"#191424","pct":39.1},{"hex":"#0F0C16","pct":31.2},{"hex":"#211A32","pct":16.0},{"hex":"#2D273E","pct":8.8},{"hex":"#14101D","pct":3.8},{"hex":"#717858","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0849","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce activity feed · Thread","description":"An activity feed in Thread grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Back in stock\" (Merino crew · Oat · M) and \"Your order shipped\" — and read items are plain rows: \"Sale starts now\", \"Repair complete\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","shop","fashion","commerce","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#382C25","#181513","#221F1D","#A36D55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C25","pct":9.9},{"hex":"#181513","pct":7.7},{"hex":"#221F1D","pct":6.8},{"hex":"#A36D55","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0849.webp","thumb":"assets/thumb/ORG-0849.webp","live":"originals/screens/gen-shop-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0849.webp","thumb":"assets/thumb/ORG-0849.webp","palette":["#0D0D0C","#2A1D16","#382C25","#181513","#221F1D","#A36D55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C25","pct":9.9},{"hex":"#181513","pct":7.7},{"hex":"#221F1D","pct":6.8},{"hex":"#A36D55","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0852.webp","thumb":"assets/thumb/ORG-0852.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BCC8BF","#2B332F","#7D8C83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.4},{"hex":"#DBE8DE","pct":39.8},{"hex":"#FCFDFC","pct":6.0},{"hex":"#BCC8BF","pct":5.9},{"hex":"#2B332F","pct":5.3},{"hex":"#7D8C83","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0851.webp","thumb":"assets/thumb/ORG-0851.webp","palette":["#FAF9F7","#E3E1D9","#EDEBE6","#C1C0BF","#2D2D2D","#737AA0"],"palette_detail":[{"hex":"#FAF9F7","pct":40.2},{"hex":"#E3E1D9","pct":31.5},{"hex":"#EDEBE6","pct":15.3},{"hex":"#C1C0BF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737AA0","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0850.webp","thumb":"assets/thumb/ORG-0850.webp","palette":["#0E0C15","#231B35","#322D40","#17131F","#1D172C","#929F63"],"palette_detail":[{"hex":"#0E0C15","pct":40.5},{"hex":"#231B35","pct":36.2},{"hex":"#322D40","pct":9.3},{"hex":"#17131F","pct":6.3},{"hex":"#1D172C","pct":5.7},{"hex":"#929F63","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0853","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce checkout · Thread","description":"A confirmation screen in Thread titled \"Checkout\". A summary card lists Merino crew ×1 €89; Canvas tote ×1 €35; Shipping Free; Points −€10, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €114 beside the primary button \"Pay €114\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","shop","fashion","commerce"],"palette":["#291D17","#0D0D0C","#191715","#372C27","#161313","#BA6844"],"palette_detail":[{"hex":"#291D17","pct":36.9},{"hex":"#0D0D0C","pct":33.8},{"hex":"#191715","pct":13.6},{"hex":"#372C27","pct":9.7},{"hex":"#161313","pct":4.3},{"hex":"#BA6844","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0853.webp","thumb":"assets/thumb/ORG-0853.webp","live":"originals/screens/gen-shop-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0853.webp","thumb":"assets/thumb/ORG-0853.webp","palette":["#291D17","#0D0D0C","#191715","#372C27","#161313","#BA6844"],"palette_detail":[{"hex":"#291D17","pct":36.9},{"hex":"#0D0D0C","pct":33.8},{"hex":"#191715","pct":13.6},{"hex":"#372C27","pct":9.7},{"hex":"#161313","pct":4.3},{"hex":"#BA6844","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0856.webp","thumb":"assets/thumb/ORG-0856.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3530","#BFCAC2","#829389"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.8},{"hex":"#FEFEFE","pct":14.6},{"hex":"#2A3530","pct":5.5},{"hex":"#BFCAC2","pct":5.5},{"hex":"#829389","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0855.webp","thumb":"assets/thumb/ORG-0855.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C6C4BF","#2D2D2D","#6E79B2"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.7},{"hex":"#FEFEFE","pct":14.7},{"hex":"#C6C4BF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6E79B2","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0854.webp","thumb":"assets/thumb/ORG-0854.webp","palette":["#221B35","#0E0C15","#1A1525","#322B42","#15121C","#9FB94B"],"palette_detail":[{"hex":"#221B35","pct":36.5},{"hex":"#0E0C15","pct":33.5},{"hex":"#1A1525","pct":15.5},{"hex":"#322B42","pct":9.3},{"hex":"#15121C","pct":3.6},{"hex":"#9FB94B","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0857","kind":"image","category":"dashboard","type":"screen","title":"Fashion e-commerce desktop dashboard · Thread","description":"A desktop dashboard for Thread (fashion e-commerce). A sidebar lists Overview, Reports, Products, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Orders 12, Saved €84, Wishlist 18, Points 2,400), a bar chart of orders this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","shop","fashion","commerce"],"palette":["#181615","#261C17","#0F0E0D","#332721","#EE6429","#615D5A"],"palette_detail":[{"hex":"#181615","pct":53.8},{"hex":"#261C17","pct":21.9},{"hex":"#0F0E0D","pct":12.8},{"hex":"#332721","pct":8.8},{"hex":"#EE6429","pct":1.7},{"hex":"#615D5A","pct":1.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0857.webp","thumb":"assets/thumb/ORG-0857.webp","live":"originals/screens/gen-shop-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0857.webp","thumb":"assets/thumb/ORG-0857.webp","palette":["#181615","#261C17","#0F0E0D","#332721","#EE6429","#615D5A"],"palette_detail":[{"hex":"#181615","pct":53.8},{"hex":"#261C17","pct":21.9},{"hex":"#0F0E0D","pct":12.8},{"hex":"#332721","pct":8.8},{"hex":"#EE6429","pct":1.7},{"hex":"#615D5A","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0860.webp","thumb":"assets/thumb/ORG-0860.webp","palette":["#FFFFFF","#F6F8F5","#E6EFE8","#D5E2D8","#B2BEB6","#267E52"],"palette_detail":[{"hex":"#FFFFFF","pct":50.7},{"hex":"#F6F8F5","pct":16.4},{"hex":"#E6EFE8","pct":13.5},{"hex":"#D5E2D8","pct":12.9},{"hex":"#B2BEB6","pct":5.1},{"hex":"#267E52","pct":1.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0859.webp","thumb":"assets/thumb/ORG-0859.webp","palette":["#FFFFFF","#F9F8F6","#EDEBE6","#DFDCD5","#B9B8B7","#3150F2"],"palette_detail":[{"hex":"#FFFFFF","pct":49.5},{"hex":"#F9F8F6","pct":17.5},{"hex":"#EDEBE6","pct":14.5},{"hex":"#DFDCD5","pct":11.9},{"hex":"#B9B8B7","pct":5.1},{"hex":"#3150F2","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0858.webp","thumb":"assets/thumb/ORG-0858.webp","palette":["#191424","#211A32","#100D17","#2D263E","#C1EE31","#676762"],"palette_detail":[{"hex":"#191424","pct":55.2},{"hex":"#211A32","pct":20.8},{"hex":"#100D17","pct":12.8},{"hex":"#2D263E","pct":8.6},{"hex":"#C1EE31","pct":1.5},{"hex":"#676762","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0861","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce product detail · Thread","description":"A detail screen in Thread for \"Merino crew\" (Thread Essentials · Oat). An illustrated header carries back and save buttons; below sit the title, the value \"€89\", a 2×2 fact grid (Material: 100% merino; Fit: Relaxed; Care: Hand wash; Delivery: 2–3 days), a short paragraph, two \"Related\" rows and a sticky action \"Pay €114\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","shop","fashion","commerce"],"palette":["#281D17","#0D0C0C","#AC6B4B","#342923","#73442E","#1B1714"],"palette_detail":[{"hex":"#281D17","pct":36.4},{"hex":"#0D0C0C","pct":22.0},{"hex":"#AC6B4B","pct":15.0},{"hex":"#342923","pct":12.1},{"hex":"#73442E","pct":7.5},{"hex":"#1B1714","pct":6.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0861.webp","thumb":"assets/thumb/ORG-0861.webp","live":"originals/screens/gen-shop-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0861.webp","thumb":"assets/thumb/ORG-0861.webp","palette":["#281D17","#0D0C0C","#AC6B4B","#342923","#73442E","#1B1714"],"palette_detail":[{"hex":"#281D17","pct":36.4},{"hex":"#0D0C0C","pct":22.0},{"hex":"#AC6B4B","pct":15.0},{"hex":"#342923","pct":12.1},{"hex":"#73442E","pct":7.5},{"hex":"#1B1714","pct":6.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0864.webp","thumb":"assets/thumb/ORG-0864.webp","palette":["#D6E5DA","#F6F9F5","#E5EFE7","#ABC7B4","#708F7C","#264134"],"palette_detail":[{"hex":"#D6E5DA","pct":33.7},{"hex":"#F6F9F5","pct":20.5},{"hex":"#E5EFE7","pct":17.5},{"hex":"#ABC7B4","pct":13.0},{"hex":"#708F7C","pct":8.6},{"hex":"#264134","pct":6.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0863.webp","thumb":"assets/thumb/ORG-0863.webp","palette":["#DFDEDC","#FAF9F6","#EDEBE5","#96ACEC","#3E4A79","#B1B1AF"],"palette_detail":[{"hex":"#DFDEDC","pct":34.1},{"hex":"#FAF9F6","pct":20.3},{"hex":"#EDEBE5","pct":18.5},{"hex":"#96ACEC","pct":11.1},{"hex":"#3E4A79","pct":10.6},{"hex":"#B1B1AF","pct":5.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0862.webp","thumb":"assets/thumb/ORG-0862.webp","palette":["#221A34","#0E0C15","#63696D","#2F283F","#1A1625","#AAC06C"],"palette_detail":[{"hex":"#221A34","pct":37.4},{"hex":"#0E0C15","pct":23.8},{"hex":"#63696D","pct":17.0},{"hex":"#2F283F","pct":11.7},{"hex":"#1A1625","pct":5.1},{"hex":"#AAC06C","pct":4.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0865","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce empty state · Thread","description":"An empty state in Thread: a ghosted stack of cards with an accent badge, the line \"Your wishlist is empty\", the explanation \"Tap the heart on anything you like and we’ll tell you when it’s on sale.\" and a single button \"Start browsing\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","shop","fashion","commerce","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382C26","#161413","#241913","#D3693B"],"palette_detail":[{"hex":"#0D0D0C","pct":44.8},{"hex":"#2A1E17","pct":30.1},{"hex":"#382C26","pct":9.1},{"hex":"#161413","pct":8.8},{"hex":"#241913","pct":5.0},{"hex":"#D3693B","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0865.webp","thumb":"assets/thumb/ORG-0865.webp","live":"originals/screens/gen-shop-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0865.webp","thumb":"assets/thumb/ORG-0865.webp","palette":["#0D0D0C","#2A1E17","#382C26","#161413","#241913","#D3693B"],"palette_detail":[{"hex":"#0D0D0C","pct":44.8},{"hex":"#2A1E17","pct":30.1},{"hex":"#382C26","pct":9.1},{"hex":"#161413","pct":8.8},{"hex":"#241913","pct":5.0},{"hex":"#D3693B","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0868.webp","thumb":"assets/thumb/ORG-0868.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C6D1C9","#293E34","#84938A"],"palette_detail":[{"hex":"#F6F8F5","pct":39.2},{"hex":"#DCE9DF","pct":37.4},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C6D1C9","pct":6.8},{"hex":"#293E34","pct":6.3},{"hex":"#84938A","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0867.webp","thumb":"assets/thumb/ORG-0867.webp","palette":["#FBFAF7","#E5E2DA","#EDEBE5","#C8C7C4","#2D2D2D","#5F6EBE"],"palette_detail":[{"hex":"#FBFAF7","pct":46.7},{"hex":"#E5E2DA","pct":30.6},{"hex":"#EDEBE5","pct":8.7},{"hex":"#C8C7C4","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5F6EBE","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0866.webp","thumb":"assets/thumb/ORG-0866.webp","palette":["#0E0C15","#221A35","#312B40","#191424","#15121C","#ABC949"],"palette_detail":[{"hex":"#0E0C15","pct":44.7},{"hex":"#221A35","pct":32.3},{"hex":"#312B40","pct":9.4},{"hex":"#191424","pct":7.6},{"hex":"#15121C","pct":3.6},{"hex":"#ABC949","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0869","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce home · Thread","description":"A visual home for Thread (fashion e-commerce). A scrolling chip row (All, New, Knitwear, Shoes) leads to a large illustrated feature card, then \"Your bag: 3 items\" with an Open button and \"Free returns · 30 days\", and three list rows above the tab bar. Idea: one featured item carries the mood, the list carries the work. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["chips","card","illustration","bottom-nav","shop","fashion","commerce"],"palette":["#291D16","#0D0C0B","#956C57","#362B25","#191513","#11100F"],"palette_detail":[{"hex":"#291D16","pct":33.6},{"hex":"#0D0C0B","pct":32.4},{"hex":"#956C57","pct":12.7},{"hex":"#362B25","pct":10.8},{"hex":"#191513","pct":7.5},{"hex":"#11100F","pct":3.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0869.webp","thumb":"assets/thumb/ORG-0869.webp","live":"originals/screens/gen-shop-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0869.webp","thumb":"assets/thumb/ORG-0869.webp","palette":["#291D16","#0D0C0B","#956C57","#362B25","#191513","#11100F"],"palette_detail":[{"hex":"#291D16","pct":33.6},{"hex":"#0D0C0B","pct":32.4},{"hex":"#956C57","pct":12.7},{"hex":"#362B25","pct":10.8},{"hex":"#191513","pct":7.5},{"hex":"#11100F","pct":3.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0872.webp","thumb":"assets/thumb/ORG-0872.webp","palette":["#DDEAE0","#F5F8F4","#CADCCF","#A5B9AB","#FDFEFC","#2D3330"],"palette_detail":[{"hex":"#DDEAE0","pct":36.8},{"hex":"#F5F8F4","pct":30.2},{"hex":"#CADCCF","pct":14.2},{"hex":"#A5B9AB","pct":7.7},{"hex":"#FDFEFC","pct":5.8},{"hex":"#2D3330","pct":5.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0871.webp","thumb":"assets/thumb/ORG-0871.webp","palette":["#FAF9F7","#E1DED7","#EAE8E4","#BCCCF6","#2D2D2D","#9D9DA5"],"palette_detail":[{"hex":"#FAF9F7","pct":35.1},{"hex":"#E1DED7","pct":28.8},{"hex":"#EAE8E4","pct":17.2},{"hex":"#BCCCF6","pct":9.5},{"hex":"#2D2D2D","pct":5.0},{"hex":"#9D9DA5","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0870.webp","thumb":"assets/thumb/ORG-0870.webp","palette":["#0E0B14","#221A34","#757782","#2F2840","#1A1525","#14111B"],"palette_detail":[{"hex":"#0E0B14","pct":33.2},{"hex":"#221A34","pct":32.5},{"hex":"#757782","pct":12.9},{"hex":"#2F2840","pct":10.7},{"hex":"#1A1525","pct":6.6},{"hex":"#14111B","pct":4.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0873","kind":"image","category":"website","type":"screen","title":"Fashion e-commerce landing hero · Thread","description":"A desktop landing hero for Thread. A slim nav with \"Get Thread\" sits over a two-column hero: an eyebrow pill (\"Back in stock\"), the headline \"Fewer, better clothes.\", \"Pieces made to last, with honest prices and free repairs for the first year.\", primary \"Shop new arrivals\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","shop","fashion","commerce"],"palette":["#0E0D0C","#281D17","#372923","#191513","#0C0B0B","#B46340"],"palette_detail":[{"hex":"#0E0D0C","pct":51.1},{"hex":"#281D17","pct":20.9},{"hex":"#372923","pct":16.7},{"hex":"#191513","pct":7.2},{"hex":"#0C0B0B","pct":2.7},{"hex":"#B46340","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0873.webp","thumb":"assets/thumb/ORG-0873.webp","live":"originals/screens/gen-shop-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0873.webp","thumb":"assets/thumb/ORG-0873.webp","palette":["#0E0D0C","#281D17","#372923","#191513","#0C0B0B","#B46340"],"palette_detail":[{"hex":"#0E0D0C","pct":51.1},{"hex":"#281D17","pct":20.9},{"hex":"#372923","pct":16.7},{"hex":"#191513","pct":7.2},{"hex":"#0C0B0B","pct":2.7},{"hex":"#B46340","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0876.webp","thumb":"assets/thumb/ORG-0876.webp","palette":["#F5F7F4","#DAE7DD","#BAC6BD","#F8F9F7","#FEFEFE","#5C806D"],"palette_detail":[{"hex":"#F5F7F4","pct":50.1},{"hex":"#DAE7DD","pct":30.1},{"hex":"#BAC6BD","pct":8.0},{"hex":"#F8F9F7","pct":5.1},{"hex":"#FEFEFE","pct":4.1},{"hex":"#5C806D","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0875.webp","thumb":"assets/thumb/ORG-0875.webp","palette":["#FAF9F6","#E8E7E5","#D9D9DA","#BBBAB9","#FEFEFD","#5A68AE"],"palette_detail":[{"hex":"#FAF9F6","pct":54.4},{"hex":"#E8E7E5","pct":21.0},{"hex":"#D9D9DA","pct":12.9},{"hex":"#BBBAB9","pct":5.9},{"hex":"#FEFEFD","pct":4.0},{"hex":"#5A68AE","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0874.webp","thumb":"assets/thumb/ORG-0874.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#96A957","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":51.3},{"hex":"#201930","pct":24.8},{"hex":"#302C3C","pct":17.7},{"hex":"#0D0B14","pct":2.9},{"hex":"#96A957","pct":2.2},{"hex":"#090612","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0877","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce product list · Thread","description":"A list screen of products in Thread. A title with an add button sits over a search field and a chip row (All, New, Knitwear, Shoes, Accessories); six rows follow with a leading icon, title, supporting line and trailing value: Merino crew (€89); Stride Runner 2 (€128); Wool overshirt (€140); Canvas tote (€35). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","shop","fashion","commerce"],"palette":["#0E0D0C","#291D16","#362B25","#1A1614","#080808","#84766F"],"palette_detail":[{"hex":"#0E0D0C","pct":42.7},{"hex":"#291D16","pct":33.3},{"hex":"#362B25","pct":10.5},{"hex":"#1A1614","pct":7.4},{"hex":"#080808","pct":4.0},{"hex":"#84766F","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0877.webp","thumb":"assets/thumb/ORG-0877.webp","live":"originals/screens/gen-shop-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0877.webp","thumb":"assets/thumb/ORG-0877.webp","palette":["#0E0D0C","#291D16","#362B25","#1A1614","#080808","#84766F"],"palette_detail":[{"hex":"#0E0D0C","pct":42.7},{"hex":"#291D16","pct":33.3},{"hex":"#362B25","pct":10.5},{"hex":"#1A1614","pct":7.4},{"hex":"#080808","pct":4.0},{"hex":"#84766F","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0880.webp","thumb":"assets/thumb/ORG-0880.webp","palette":["#F6F8F5","#DEEAE0","#D0DCD2","#FDFEFC","#2C2F2E","#959D98"],"palette_detail":[{"hex":"#F6F8F5","pct":41.8},{"hex":"#DEEAE0","pct":34.2},{"hex":"#D0DCD2","pct":9.6},{"hex":"#FDFEFC","pct":5.4},{"hex":"#2C2F2E","pct":5.2},{"hex":"#959D98","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0879.webp","thumb":"assets/thumb/ORG-0879.webp","palette":["#FAF9F6","#E8E5DE","#D9D6D0","#FEFEFC","#2D2D2D","#98999D"],"palette_detail":[{"hex":"#FAF9F6","pct":41.4},{"hex":"#E8E5DE","pct":34.4},{"hex":"#D9D6D0","pct":9.7},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.0},{"hex":"#98999D","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0878.webp","thumb":"assets/thumb/ORG-0878.webp","palette":["#0F0C16","#221A34","#2E273F","#181422","#08070A","#82827E"],"palette_detail":[{"hex":"#0F0C16","pct":43.2},{"hex":"#221A34","pct":32.9},{"hex":"#2E273F","pct":11.3},{"hex":"#181422","pct":7.0},{"hex":"#08070A","pct":3.2},{"hex":"#82827E","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0881","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce welcome · Thread","description":"The first onboarding step of Thread. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Fewer, better clothes.\", followed by \"Pieces made to last, with honest prices and free repairs for the first year.\" and a full-width primary button \"Shop new arrivals\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","shop","fashion","commerce"],"palette":["#2A1D17","#0D0C0B","#A0664A","#382A23","#241913","#181412"],"palette_detail":[{"hex":"#2A1D17","pct":29.2},{"hex":"#0D0C0B","pct":26.9},{"hex":"#A0664A","pct":23.5},{"hex":"#382A23","pct":10.9},{"hex":"#241913","pct":5.0},{"hex":"#181412","pct":4.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0881.webp","thumb":"assets/thumb/ORG-0881.webp","live":"originals/screens/gen-shop-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0881.webp","thumb":"assets/thumb/ORG-0881.webp","palette":["#2A1D17","#0D0C0B","#A0664A","#382A23","#241913","#181412"],"palette_detail":[{"hex":"#2A1D17","pct":29.2},{"hex":"#0D0C0B","pct":26.9},{"hex":"#A0664A","pct":23.5},{"hex":"#382A23","pct":10.9},{"hex":"#241913","pct":5.0},{"hex":"#181412","pct":4.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0884.webp","thumb":"assets/thumb/ORG-0884.webp","palette":["#DCE9DE","#F5F8F4","#C0D8C8","#9BB9A6","#294739","#FBFCFA"],"palette_detail":[{"hex":"#DCE9DE","pct":38.8},{"hex":"#F5F8F4","pct":21.9},{"hex":"#C0D8C8","pct":19.2},{"hex":"#9BB9A6","pct":8.6},{"hex":"#294739","pct":7.5},{"hex":"#FBFCFA","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0883.webp","thumb":"assets/thumb/ORG-0883.webp","palette":["#E1DFD9","#FAF9F7","#B2C4F5","#E9E8E5","#2D376C","#ADACA8"],"palette_detail":[{"hex":"#E1DFD9","pct":29.7},{"hex":"#FAF9F7","pct":25.7},{"hex":"#B2C4F5","pct":18.8},{"hex":"#E9E8E5","pct":14.5},{"hex":"#2D376C","pct":7.3},{"hex":"#ADACA8","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0882.webp","thumb":"assets/thumb/ORG-0882.webp","palette":["#221A34","#0F0C15","#798175","#2E283E","#17151F","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.0},{"hex":"#0F0C15","pct":24.1},{"hex":"#798175","pct":24.0},{"hex":"#2E283E","pct":11.4},{"hex":"#17151F","pct":5.6},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0885","kind":"image","category":"website","type":"screen","title":"Fashion e-commerce pricing · Thread","description":"A desktop pricing section for Thread with a Monthly/Yearly toggle and \"2 months free\". Three plans — Member €0 (Free returns, Points, Early sales); Circle €5 (Free express, Free repairs, 2× points); Gift €25 (Gift wrap, Notes, Scheduled delivery) — with Circle anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","shop","fashion","commerce"],"palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#54463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#54463F","pct":2.4},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0885.webp","thumb":"assets/thumb/ORG-0885.webp","live":"originals/screens/gen-shop-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0885.webp","thumb":"assets/thumb/ORG-0885.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#54463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#54463F","pct":2.4},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0888.webp","thumb":"assets/thumb/ORG-0888.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0887.webp","thumb":"assets/thumb/ORG-0887.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB8B7","#CFD5F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFEFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB8B7","pct":5.7},{"hex":"#CFD5F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0886.webp","thumb":"assets/thumb/ORG-0886.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE43A","#4E4F4A","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.7},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE43A","pct":6.5},{"hex":"#4E4F4A","pct":2.7},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0889","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce profile · Thread","description":"A profile screen in Thread for Hana Sato (@hana · Member since 2023). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 12 Orders, 18 Wishlist, 2,400 Points — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","shop","fashion","commerce","bottom-nav"],"palette":["#2A1E18","#0D0C0C","#1A1715","#151312","#3D302A","#C97E58"],"palette_detail":[{"hex":"#2A1E18","pct":39.8},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":12.8},{"hex":"#151312","pct":7.1},{"hex":"#3D302A","pct":6.4},{"hex":"#C97E58","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0889.webp","thumb":"assets/thumb/ORG-0889.webp","live":"originals/screens/gen-shop-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0889.webp","thumb":"assets/thumb/ORG-0889.webp","palette":["#2A1E18","#0D0C0C","#1A1715","#151312","#3D302A","#C97E58"],"palette_detail":[{"hex":"#2A1E18","pct":39.8},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":12.8},{"hex":"#151312","pct":7.1},{"hex":"#3D302A","pct":6.4},{"hex":"#C97E58","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0892.webp","thumb":"assets/thumb/ORG-0892.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#8AA194"],"palette_detail":[{"hex":"#DFEBE1","pct":35.8},{"hex":"#F6F8F5","pct":30.8},{"hex":"#FEFFFE","pct":12.9},{"hex":"#CFDBD2","pct":11.2},{"hex":"#2B322F","pct":5.2},{"hex":"#8AA194","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0891.webp","thumb":"assets/thumb/ORG-0891.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCD","#2D2D2D","#8189B3"],"palette_detail":[{"hex":"#E7E5DE","pct":38.9},{"hex":"#F9F8F5","pct":29.0},{"hex":"#FEFEFE","pct":14.7},{"hex":"#D1CFCD","pct":8.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#8189B3","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0890.webp","thumb":"assets/thumb/ORG-0890.webp","palette":["#231B35","#0E0B15","#191425","#353042","#15111C","#98A277"],"palette_detail":[{"hex":"#231B35","pct":39.3},{"hex":"#0E0B15","pct":31.7},{"hex":"#191425","pct":14.9},{"hex":"#353042","pct":7.0},{"hex":"#15111C","pct":4.7},{"hex":"#98A277","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0893","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce search · Thread","description":"A search screen in Thread: a focused field with a clear button, a chip row (All, New, Knitwear, Shoes), recent searches as pills, \"Top results\" — Merino crew, Stride Runner 2, Wool overshirt, Canvas tote — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","shop","fashion","commerce"],"palette":["#0E0D0C","#291D17","#372B24","#191614","#787572","#050404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.9},{"hex":"#291D17","pct":34.4},{"hex":"#372B24","pct":11.5},{"hex":"#191614","pct":7.6},{"hex":"#787572","pct":2.2},{"hex":"#050404","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0893.webp","thumb":"assets/thumb/ORG-0893.webp","live":"originals/screens/gen-shop-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0893.webp","thumb":"assets/thumb/ORG-0893.webp","palette":["#0E0D0C","#291D17","#372B24","#191614","#787572","#050404"],"palette_detail":[{"hex":"#0E0D0C","pct":42.9},{"hex":"#291D17","pct":34.4},{"hex":"#372B24","pct":11.5},{"hex":"#191614","pct":7.6},{"hex":"#787572","pct":2.2},{"hex":"#050404","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0896.webp","thumb":"assets/thumb/ORG-0896.webp","palette":["#F5F8F4","#DEEAE1","#D0DCD3","#FDFEFC","#2C2E2E","#9CA39E"],"palette_detail":[{"hex":"#F5F8F4","pct":40.6},{"hex":"#DEEAE1","pct":34.4},{"hex":"#D0DCD3","pct":11.0},{"hex":"#FDFEFC","pct":5.0},{"hex":"#2C2E2E","pct":5.0},{"hex":"#9CA39E","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0895.webp","thumb":"assets/thumb/ORG-0895.webp","palette":["#F9F8F5","#E8E5DE","#D8D6D2","#FEFEFC","#2E2D2D","#A09F9C"],"palette_detail":[{"hex":"#F9F8F5","pct":39.7},{"hex":"#E8E5DE","pct":34.6},{"hex":"#D8D6D2","pct":11.0},{"hex":"#FEFEFC","pct":5.5},{"hex":"#2E2D2D","pct":5.1},{"hex":"#A09F9C","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0894.webp","thumb":"assets/thumb/ORG-0894.webp","palette":["#261F38","#100D17","#1D172A","#0D0B13","#08070A","#74717D"],"palette_detail":[{"hex":"#261F38","pct":39.4},{"hex":"#100D17","pct":39.0},{"hex":"#1D172A","pct":11.5},{"hex":"#0D0B13","pct":4.7},{"hex":"#08070A","pct":2.9},{"hex":"#74717D","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0897","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce settings · Thread","description":"Settings for Thread. An account row leads; grouped cards follow — Shopping: Sale alerts (on), Back-in-stock alerts (on), Show EU sizes (on); Privacy: Personalised picks (on), Marketing emails (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","shop","fashion","commerce"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#594F4A","#E19B7A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.4},{"hex":"#181615","pct":20.1},{"hex":"#2F231C","pct":16.0},{"hex":"#594F4A","pct":2.0},{"hex":"#E19B7A","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0897.webp","thumb":"assets/thumb/ORG-0897.webp","live":"originals/screens/gen-shop-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0897.webp","thumb":"assets/thumb/ORG-0897.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#594F4A","#E19B7A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.4},{"hex":"#181615","pct":20.1},{"hex":"#2F231C","pct":16.0},{"hex":"#594F4A","pct":2.0},{"hex":"#E19B7A","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0900.webp","thumb":"assets/thumb/ORG-0900.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFE","#D4E1D7","#2C322F","#9EAAA2"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E0ECE2","pct":28.5},{"hex":"#FFFFFE","pct":16.8},{"hex":"#D4E1D7","pct":15.9},{"hex":"#2C322F","pct":5.2},{"hex":"#9EAAA2","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0899.webp","thumb":"assets/thumb/ORG-0899.webp","palette":["#E8E6DF","#F9F8F6","#FEFEFE","#DBD8D2","#2D2D2D","#9799AE"],"palette_detail":[{"hex":"#E8E6DF","pct":33.9},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":18.7},{"hex":"#DBD8D2","pct":11.2},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9799AE","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0898.webp","thumb":"assets/thumb/ORG-0898.webp","palette":["#251D37","#0E0C15","#181423","#1E172D","#565459","#C3D48B"],"palette_detail":[{"hex":"#251D37","pct":38.8},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":19.1},{"hex":"#1E172D","pct":7.5},{"hex":"#565459","pct":2.0},{"hex":"#C3D48B","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0901","kind":"image","category":"dashboard","type":"screen","title":"Fashion e-commerce product table · Thread","description":"A desktop table of products in Thread. A title row with Export and \"New product\", a strip of four KPI tiles, a search field and filter dropdowns (New, Knitwear, Shoes) sit above a table with name, details, status (In stock / Low stock) and value columns — Merino crew, Stride Runner 2, Wool overshirt, Canvas tote, Ribbed beanie, Linen trousers. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","shop","fashion","commerce"],"palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#77594B"],"palette_detail":[{"hex":"#191615","pct":41.3},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2D211B","pct":21.8},{"hex":"#141312","pct":3.9},{"hex":"#100F0E","pct":3.0},{"hex":"#77594B","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0901.webp","thumb":"assets/thumb/ORG-0901.webp","live":"originals/screens/gen-shop-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0901.webp","thumb":"assets/thumb/ORG-0901.webp","palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#77594B"],"palette_detail":[{"hex":"#191615","pct":41.3},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2D211B","pct":21.8},{"hex":"#141312","pct":3.9},{"hex":"#100F0E","pct":3.0},{"hex":"#77594B","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0904.webp","thumb":"assets/thumb/ORG-0904.webp","palette":["#F6F8F5","#FFFFFF","#DEE9E0","#C7D3CA","#FDFDFD","#9DAFA4"],"palette_detail":[{"hex":"#F6F8F5","pct":35.7},{"hex":"#FFFFFF","pct":30.5},{"hex":"#DEE9E0","pct":16.3},{"hex":"#C7D3CA","pct":8.5},{"hex":"#FDFDFD","pct":6.7},{"hex":"#9DAFA4","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0903.webp","thumb":"assets/thumb/ORG-0903.webp","palette":["#F9F8F6","#FFFFFF","#E4E1DB","#FDFDFD","#C0BEBB","#3F5CF3"],"palette_detail":[{"hex":"#F9F8F6","pct":35.9},{"hex":"#FFFFFF","pct":25.4},{"hex":"#E4E1DB","pct":20.4},{"hex":"#FDFDFD","pct":11.5},{"hex":"#C0BEBB","pct":6.5},{"hex":"#3F5CF3","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0902.webp","thumb":"assets/thumb/ORG-0902.webp","palette":["#1A1425","#0F0C16","#261F38","#15111F","#110E18","#6D7257"],"palette_detail":[{"hex":"#1A1425","pct":42.2},{"hex":"#0F0C16","pct":28.0},{"hex":"#261F38","pct":20.9},{"hex":"#15111F","pct":3.8},{"hex":"#110E18","pct":3.6},{"hex":"#6D7257","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0905","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social activity feed · Loop","description":"An activity feed in Loop grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Lea liked your photo\" (Porto in the rain) and \"Kenji started following you\" — and read items are plain rows: \"3 new comments\", \"You were mentioned\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","social","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#382C26","#181413","#211F1D","#A06F58"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C26","pct":10.0},{"hex":"#181413","pct":7.7},{"hex":"#211F1D","pct":6.6},{"hex":"#A06F58","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0905.webp","thumb":"assets/thumb/ORG-0905.webp","live":"originals/screens/gen-social-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0905.webp","thumb":"assets/thumb/ORG-0905.webp","palette":["#0D0D0C","#2A1D16","#382C26","#181413","#211F1D","#A06F58"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C26","pct":10.0},{"hex":"#181413","pct":7.7},{"hex":"#211F1D","pct":6.6},{"hex":"#A06F58","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0908.webp","thumb":"assets/thumb/ORG-0908.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BCC8BF","#2B3330","#7E8C84"],"palette_detail":[{"hex":"#F4F7F3","pct":39.9},{"hex":"#DBE8DE","pct":39.9},{"hex":"#FCFDFC","pct":6.2},{"hex":"#BCC8BF","pct":6.0},{"hex":"#2B3330","pct":5.3},{"hex":"#7E8C84","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0907.webp","thumb":"assets/thumb/ORG-0907.webp","palette":["#FAFAF7","#E3E0D9","#EDEBE5","#C1BFBF","#2D2D2D","#747BA0"],"palette_detail":[{"hex":"#FAFAF7","pct":40.2},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":14.9},{"hex":"#C1BFBF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#747BA0","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0906.webp","thumb":"assets/thumb/ORG-0906.webp","palette":["#0E0C15","#231C36","#17131F","#1D172C","#373242","#929F67"],"palette_detail":[{"hex":"#0E0C15","pct":40.5},{"hex":"#231C36","pct":40.0},{"hex":"#17131F","pct":6.2},{"hex":"#1D172C","pct":6.0},{"hex":"#373242","pct":5.1},{"hex":"#929F67","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0909","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social boost post · Loop","description":"A confirmation screen in Loop titled \"Boost post\". A summary card lists Post Lago di Braies; Audience Travel lovers; Duration 3 days; Reach ~8k people, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €15 beside the primary button \"Boost for €15\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","social"],"palette":["#291E17","#0D0D0C","#1A1715","#382E28","#161313","#BD6A45"],"palette_detail":[{"hex":"#291E17","pct":38.0},{"hex":"#0D0D0C","pct":33.5},{"hex":"#1A1715","pct":13.2},{"hex":"#382E28","pct":8.8},{"hex":"#161313","pct":4.4},{"hex":"#BD6A45","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0909.webp","thumb":"assets/thumb/ORG-0909.webp","live":"originals/screens/gen-social-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0909.webp","thumb":"assets/thumb/ORG-0909.webp","palette":["#291E17","#0D0D0C","#1A1715","#382E28","#161313","#BD6A45"],"palette_detail":[{"hex":"#291E17","pct":38.0},{"hex":"#0D0D0C","pct":33.5},{"hex":"#1A1715","pct":13.2},{"hex":"#382E28","pct":8.8},{"hex":"#161313","pct":4.4},{"hex":"#BD6A45","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0912.webp","thumb":"assets/thumb/ORG-0912.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3731","#809289"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.5},{"hex":"#FEFEFE","pct":14.3},{"hex":"#BFC9C1","pct":5.7},{"hex":"#2A3731","pct":5.6},{"hex":"#809289","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0911.webp","thumb":"assets/thumb/ORG-0911.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BF","#2D2D2D","#6A76B6"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.3},{"hex":"#FEFEFE","pct":14.5},{"hex":"#C5C3BF","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6A76B6","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0910.webp","thumb":"assets/thumb/ORG-0910.webp","palette":["#241C36","#0E0C15","#1A1525","#15121C","#3F394B","#A3BE4B"],"palette_detail":[{"hex":"#241C36","pct":43.6},{"hex":"#0E0C15","pct":33.3},{"hex":"#1A1525","pct":15.3},{"hex":"#15121C","pct":3.7},{"hex":"#3F394B","pct":2.3},{"hex":"#A3BE4B","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0913","kind":"image","category":"dashboard","type":"screen","title":"Social desktop dashboard · Loop","description":"A desktop dashboard for Loop (social). A sidebar lists Overview, Reports, Posts, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Followers 3,482, Posts 128, Reach 24k, Saves 612), a bar chart of profile views and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","social"],"palette":["#181615","#271E18","#0E0D0C","#3A302A","#131211","#D86838"],"palette_detail":[{"hex":"#181615","pct":54.0},{"hex":"#271E18","pct":25.5},{"hex":"#0E0D0C","pct":10.8},{"hex":"#3A302A","pct":5.7},{"hex":"#131211","pct":2.7},{"hex":"#D86838","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0913.webp","thumb":"assets/thumb/ORG-0913.webp","live":"originals/screens/gen-social-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0913.webp","thumb":"assets/thumb/ORG-0913.webp","palette":["#181615","#271E18","#0E0D0C","#3A302A","#131211","#D86838"],"palette_detail":[{"hex":"#181615","pct":54.0},{"hex":"#271E18","pct":25.5},{"hex":"#0E0D0C","pct":10.8},{"hex":"#3A302A","pct":5.7},{"hex":"#131211","pct":2.7},{"hex":"#D86838","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0916.webp","thumb":"assets/thumb/ORG-0916.webp","palette":["#FFFFFF","#DFEAE2","#F5F7F4","#BECAC1","#FBFCFB","#318159"],"palette_detail":[{"hex":"#FFFFFF","pct":46.7},{"hex":"#DFEAE2","pct":22.3},{"hex":"#F5F7F4","pct":15.9},{"hex":"#BECAC1","pct":8.4},{"hex":"#FBFCFB","pct":5.5},{"hex":"#318159","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0915.webp","thumb":"assets/thumb/ORG-0915.webp","palette":["#FFFFFF","#E9E7E0","#F8F7F5","#CAC8C2","#FCFBFB","#415DEB"],"palette_detail":[{"hex":"#FFFFFF","pct":46.7},{"hex":"#E9E7E0","pct":22.5},{"hex":"#F8F7F5","pct":14.2},{"hex":"#CAC8C2","pct":8.8},{"hex":"#FCFBFB","pct":6.7},{"hex":"#415DEB","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0914.webp","thumb":"assets/thumb/ORG-0914.webp","palette":["#191424","#231C34","#0F0C16","#393348","#14111D","#B5DC36"],"palette_detail":[{"hex":"#191424","pct":55.3},{"hex":"#231C34","pct":26.4},{"hex":"#0F0C16","pct":11.0},{"hex":"#393348","pct":3.5},{"hex":"#14111D","pct":2.6},{"hex":"#B5DC36","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0917","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social post detail · Loop","description":"A detail screen in Loop for \"Lago di Braies at sunrise\" (Lea Martin · 2 hours ago). An illustrated header carries back and save buttons; below sit the title, the value \"1.2k likes\", a 2×2 fact grid (Comments: 84; Shares: 36; Saves: 210; Location: Dolomites), a short paragraph, two \"Related\" rows and a sticky action \"Boost for €15\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","social"],"palette":["#281D17","#0D0C0B","#B17153","#342822","#1B1614","#574942"],"palette_detail":[{"hex":"#281D17","pct":37.1},{"hex":"#0D0C0B","pct":21.2},{"hex":"#B17153","pct":20.9},{"hex":"#342822","pct":11.7},{"hex":"#1B1614","pct":6.6},{"hex":"#574942","pct":2.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0917.webp","thumb":"assets/thumb/ORG-0917.webp","live":"originals/screens/gen-social-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0917.webp","thumb":"assets/thumb/ORG-0917.webp","palette":["#281D17","#0D0C0B","#B17153","#342822","#1B1614","#574942"],"palette_detail":[{"hex":"#281D17","pct":37.1},{"hex":"#0D0C0B","pct":21.2},{"hex":"#B17153","pct":20.9},{"hex":"#342822","pct":11.7},{"hex":"#1B1614","pct":6.6},{"hex":"#574942","pct":2.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0920.webp","thumb":"assets/thumb/ORG-0920.webp","palette":["#D8E6DB","#F7F9F6","#E6EFE7","#B5CEBD","#88AB95","#274235"],"palette_detail":[{"hex":"#D8E6DB","pct":33.2},{"hex":"#F7F9F6","pct":19.7},{"hex":"#E6EFE7","pct":16.4},{"hex":"#B5CEBD","pct":16.0},{"hex":"#88AB95","pct":7.9},{"hex":"#274235","pct":6.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0919.webp","thumb":"assets/thumb/ORG-0919.webp","palette":["#DFDDDA","#ECEAE5","#FAF9F6","#A1B8F7","#2D3663","#A8A7A5"],"palette_detail":[{"hex":"#DFDDDA","pct":34.0},{"hex":"#ECEAE5","pct":19.6},{"hex":"#FAF9F6","pct":19.6},{"hex":"#A1B8F7","pct":15.4},{"hex":"#2D3663","pct":7.1},{"hex":"#A8A7A5","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0918.webp","thumb":"assets/thumb/ORG-0918.webp","palette":["#221A34","#0E0C15","#8F9E7C","#2E283F","#63627C","#1B1726"],"palette_detail":[{"hex":"#221A34","pct":36.8},{"hex":"#0E0C15","pct":23.1},{"hex":"#8F9E7C","pct":14.2},{"hex":"#2E283F","pct":12.6},{"hex":"#63627C","pct":7.6},{"hex":"#1B1726","pct":5.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0921","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social empty state · Loop","description":"An empty state in Loop: a ghosted stack of cards with an accent badge, the line \"No posts yet\", the explanation \"Share your first photo — only people you choose will see it.\" and a single button \"Create a post\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","social","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382B25","#161413","#241913","#DB6837"],"palette_detail":[{"hex":"#0D0D0C","pct":45.5},{"hex":"#2A1E17","pct":29.9},{"hex":"#382B25","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#DB6837","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0921.webp","thumb":"assets/thumb/ORG-0921.webp","live":"originals/screens/gen-social-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0921.webp","thumb":"assets/thumb/ORG-0921.webp","palette":["#0D0D0C","#2A1E17","#382B25","#161413","#241913","#DB6837"],"palette_detail":[{"hex":"#0D0D0C","pct":45.5},{"hex":"#2A1E17","pct":29.9},{"hex":"#382B25","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":4.9},{"hex":"#DB6837","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0924.webp","thumb":"assets/thumb/ORG-0924.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C8D4CB","#2A3E34","#8A9890"],"palette_detail":[{"hex":"#F6F8F5","pct":39.9},{"hex":"#DCE9DF","pct":36.8},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C8D4CB","pct":7.1},{"hex":"#2A3E34","pct":6.2},{"hex":"#8A9890","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0923.webp","thumb":"assets/thumb/ORG-0923.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C8C7C4","#2D2D2D","#5C6CBF"],"palette_detail":[{"hex":"#FBFAF7","pct":47.3},{"hex":"#E5E2DA","pct":30.5},{"hex":"#ECEAE5","pct":8.6},{"hex":"#C8C7C4","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5C6CBF","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0922.webp","thumb":"assets/thumb/ORG-0922.webp","palette":["#0E0C15","#221B35","#191424","#332D42","#15121C","#B6DB3D"],"palette_detail":[{"hex":"#0E0C15","pct":45.4},{"hex":"#221B35","pct":34.0},{"hex":"#191424","pct":7.6},{"hex":"#332D42","pct":7.6},{"hex":"#15121C","pct":3.5},{"hex":"#B6DB3D","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0925","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social home · Loop","description":"The home screen of Loop, a social app. A greeting row sits above \"This week\" with a hero figure \"1.2k\" and a supporting line \"likes · ▲ 18% vs last week\". A card charts \"profile views\" as seven bars with Thursday highlighted, then a \"Recent\" list shows Lea Martin, Kenji Watanabe and Ana Ruiz, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","social"],"palette":["#0D0D0C","#2B1E17","#171514","#221B17","#382F29","#A57F6B"],"palette_detail":[{"hex":"#0D0D0C","pct":37.6},{"hex":"#2B1E17","pct":33.2},{"hex":"#171514","pct":12.4},{"hex":"#221B17","pct":7.5},{"hex":"#382F29","pct":7.4},{"hex":"#A57F6B","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0925.webp","thumb":"assets/thumb/ORG-0925.webp","live":"originals/screens/gen-social-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0925.webp","thumb":"assets/thumb/ORG-0925.webp","palette":["#0D0D0C","#2B1E17","#171514","#221B17","#382F29","#A57F6B"],"palette_detail":[{"hex":"#0D0D0C","pct":37.6},{"hex":"#2B1E17","pct":33.2},{"hex":"#171514","pct":12.4},{"hex":"#221B17","pct":7.5},{"hex":"#382F29","pct":7.4},{"hex":"#A57F6B","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0928.webp","thumb":"assets/thumb/ORG-0928.webp","palette":["#DEEAE0","#F5F8F5","#FEFEFD","#CDD8D0","#2D3330","#949F98"],"palette_detail":[{"hex":"#DEEAE0","pct":37.0},{"hex":"#F5F8F5","pct":33.2},{"hex":"#FEFEFD","pct":12.0},{"hex":"#CDD8D0","pct":9.1},{"hex":"#2D3330","pct":5.4},{"hex":"#949F98","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0927.webp","thumb":"assets/thumb/ORG-0927.webp","palette":["#FBFBF8","#E6E3DC","#CCCBC6","#F3F2EE","#2E2E2E","#81879B"],"palette_detail":[{"hex":"#FBFBF8","pct":42.0},{"hex":"#E6E3DC","pct":37.1},{"hex":"#CCCBC6","pct":6.7},{"hex":"#F3F2EE","pct":6.4},{"hex":"#2E2E2E","pct":5.1},{"hex":"#81879B","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0926.webp","thumb":"assets/thumb/ORG-0926.webp","palette":["#0E0C15","#231C36","#181422","#1E182C","#353144","#969D7E"],"palette_detail":[{"hex":"#0E0C15","pct":37.6},{"hex":"#231C36","pct":36.1},{"hex":"#181422","pct":12.4},{"hex":"#1E182C","pct":7.2},{"hex":"#353144","pct":5.0},{"hex":"#969D7E","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0929","kind":"image","category":"website","type":"screen","title":"Social landing hero · Loop","description":"A desktop landing hero for Loop. A slim nav with \"Get Loop\" sits over a two-column hero: an eyebrow pill (\"Lea liked your photo\"), the headline \"Share the good parts.\", \"A calmer feed of friends and the things they make — no algorithmic noise.\", primary \"Find friends\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","social"],"palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#AA6141"],"palette_detail":[{"hex":"#0E0D0C","pct":51.5},{"hex":"#281D17","pct":20.9},{"hex":"#372923","pct":16.6},{"hex":"#191614","pct":7.1},{"hex":"#0C0B0B","pct":2.6},{"hex":"#AA6141","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0929.webp","thumb":"assets/thumb/ORG-0929.webp","live":"originals/screens/gen-social-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0929.webp","thumb":"assets/thumb/ORG-0929.webp","palette":["#0E0D0C","#281D17","#372923","#191614","#0C0B0B","#AA6141"],"palette_detail":[{"hex":"#0E0D0C","pct":51.5},{"hex":"#281D17","pct":20.9},{"hex":"#372923","pct":16.6},{"hex":"#191614","pct":7.1},{"hex":"#0C0B0B","pct":2.6},{"hex":"#AA6141","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0932.webp","thumb":"assets/thumb/ORG-0932.webp","palette":["#F5F7F4","#DAE7DD","#BAC6BD","#F8F9F7","#FEFEFE","#5C7B6B"],"palette_detail":[{"hex":"#F5F7F4","pct":50.2},{"hex":"#DAE7DD","pct":30.1},{"hex":"#BAC6BD","pct":8.0},{"hex":"#F8F9F7","pct":5.0},{"hex":"#FEFEFE","pct":4.2},{"hex":"#5C7B6B","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0931.webp","thumb":"assets/thumb/ORG-0931.webp","palette":["#FAF9F6","#E8E7E4","#D9DADA","#BBBABA","#FEFEFD","#5D69A7"],"palette_detail":[{"hex":"#FAF9F6","pct":54.4},{"hex":"#E8E7E4","pct":20.6},{"hex":"#D9DADA","pct":13.1},{"hex":"#BBBABA","pct":6.2},{"hex":"#FEFEFD","pct":4.2},{"hex":"#5D69A7","pct":1.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0930.webp","thumb":"assets/thumb/ORG-0930.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#97A662","#090511"],"palette_detail":[{"hex":"#0F0C16","pct":51.4},{"hex":"#201930","pct":24.9},{"hex":"#302C3C","pct":17.6},{"hex":"#0D0B14","pct":3.0},{"hex":"#97A662","pct":2.1},{"hex":"#090511","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0933","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social post list · Loop","description":"A two-column card grid of posts in Loop. A chip row with \"Following\" selected sits above six cards, each an illustrated tile with a title and value: Lea Martin, Kenji Watanabe, Ana Ruiz, Omar Haddad, Priya Nair, Tomás Silva. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","social"],"palette":["#2A1D17","#0D0C0B","#865941","#3A2B24","#1B1613","#A28372"],"palette_detail":[{"hex":"#2A1D17","pct":33.5},{"hex":"#0D0C0B","pct":28.6},{"hex":"#865941","pct":15.4},{"hex":"#3A2B24","pct":10.2},{"hex":"#1B1613","pct":6.4},{"hex":"#A28372","pct":5.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0933.webp","thumb":"assets/thumb/ORG-0933.webp","live":"originals/screens/gen-social-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0933.webp","thumb":"assets/thumb/ORG-0933.webp","palette":["#2A1D17","#0D0C0B","#865941","#3A2B24","#1B1613","#A28372"],"palette_detail":[{"hex":"#2A1D17","pct":33.5},{"hex":"#0D0C0B","pct":28.6},{"hex":"#865941","pct":15.4},{"hex":"#3A2B24","pct":10.2},{"hex":"#1B1613","pct":6.4},{"hex":"#A28372","pct":5.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0936.webp","thumb":"assets/thumb/ORG-0936.webp","palette":["#DCE9DF","#F6F8F5","#C8DECF","#B2CBBA","#2C2D2D","#7E9386"],"palette_detail":[{"hex":"#DCE9DF","pct":37.5},{"hex":"#F6F8F5","pct":27.6},{"hex":"#C8DECF","pct":14.4},{"hex":"#B2CBBA","pct":11.7},{"hex":"#2C2D2D","pct":5.1},{"hex":"#7E9386","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0935.webp","thumb":"assets/thumb/ORG-0935.webp","palette":["#E5E3DC","#FAF9F6","#BFCDF5","#C3C2BF","#2D2D2D","#838BA6"],"palette_detail":[{"hex":"#E5E3DC","pct":39.5},{"hex":"#FAF9F6","pct":28.4},{"hex":"#BFCDF5","pct":18.0},{"hex":"#C3C2BF","pct":5.4},{"hex":"#2D2D2D","pct":5.2},{"hex":"#838BA6","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0934.webp","thumb":"assets/thumb/ORG-0934.webp","palette":["#221A34","#0E0B14","#5E5F73","#2F293F","#868891","#171420"],"palette_detail":[{"hex":"#221A34","pct":32.9},{"hex":"#0E0B14","pct":28.2},{"hex":"#5E5F73","pct":14.7},{"hex":"#2F293F","pct":11.1},{"hex":"#868891","pct":7.1},{"hex":"#171420","pct":6.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0937","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social welcome · Loop","description":"The first onboarding step of Loop. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Share the good parts.\", followed by \"A calmer feed of friends and the things they make — no algorithmic noise.\" and a full-width primary button \"Find friends\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","social"],"palette":["#2A1E17","#0D0C0B","#A5684A","#382B25","#241913","#181412"],"palette_detail":[{"hex":"#2A1E17","pct":30.1},{"hex":"#0D0C0B","pct":26.7},{"hex":"#A5684A","pct":23.5},{"hex":"#382B25","pct":10.1},{"hex":"#241913","pct":4.9},{"hex":"#181412","pct":4.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0937.webp","thumb":"assets/thumb/ORG-0937.webp","live":"originals/screens/gen-social-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0937.webp","thumb":"assets/thumb/ORG-0937.webp","palette":["#2A1E17","#0D0C0B","#A5684A","#382B25","#241913","#181412"],"palette_detail":[{"hex":"#2A1E17","pct":30.1},{"hex":"#0D0C0B","pct":26.7},{"hex":"#A5684A","pct":23.5},{"hex":"#382B25","pct":10.1},{"hex":"#241913","pct":4.9},{"hex":"#181412","pct":4.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0940.webp","thumb":"assets/thumb/ORG-0940.webp","palette":["#DBE8DE","#F5F8F4","#BDD6C5","#97B7A3","#294739","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":39.3},{"hex":"#F5F8F4","pct":21.8},{"hex":"#BDD6C5","pct":18.3},{"hex":"#97B7A3","pct":8.9},{"hex":"#294739","pct":7.5},{"hex":"#FBFCFA","pct":4.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0939.webp","thumb":"assets/thumb/ORG-0939.webp","palette":["#E4E2DA","#FAF9F6","#C3D0F7","#9BB2F5","#2D366A","#B1AFAB"],"palette_detail":[{"hex":"#E4E2DA","pct":40.1},{"hex":"#FAF9F6","pct":26.4},{"hex":"#C3D0F7","pct":12.6},{"hex":"#9BB2F5","pct":9.0},{"hex":"#2D366A","pct":7.2},{"hex":"#B1AFAB","pct":4.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0938.webp","thumb":"assets/thumb/ORG-0938.webp","palette":["#221A34","#0F0C15","#7C8577","#2E293E","#18151F","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.0},{"hex":"#0F0C15","pct":24.1},{"hex":"#7C8577","pct":24.0},{"hex":"#2E293E","pct":11.5},{"hex":"#18151F","pct":5.5},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0941","kind":"image","category":"website","type":"screen","title":"Social pricing · Loop","description":"A desktop pricing section for Loop with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (Posts & stories, Messages, Collections); Creator €5 (Insights, Scheduling, Link in bio); Studio €15 (Team accounts, Analytics export, Ads manager) — with Creator anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","social"],"palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#53453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#53453E","pct":2.4},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0941.webp","thumb":"assets/thumb/ORG-0941.webp","live":"originals/screens/gen-social-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0941.webp","thumb":"assets/thumb/ORG-0941.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#53453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#53453E","pct":2.4},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0944.webp","thumb":"assets/thumb/ORG-0944.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.0},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0943.webp","thumb":"assets/thumb/ORG-0943.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB9B7","#CFD5F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.3},{"hex":"#FEFEFF","pct":12.5},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B7","pct":5.7},{"hex":"#CFD5F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0942.webp","thumb":"assets/thumb/ORG-0942.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE33A","#4A4A48","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.6},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE33A","pct":6.5},{"hex":"#4A4A48","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0945","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social profile · Loop","description":"A profile screen in Loop for Lea Martin (@lea · Photographer). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 128 Posts, 3,482 Followers, 402 Following — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","social","bottom-nav"],"palette":["#2B1F18","#0D0C0C","#1A1715","#151312","#433832","#CC8059"],"palette_detail":[{"hex":"#2B1F18","pct":42.9},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.7},{"hex":"#151312","pct":7.4},{"hex":"#433832","pct":3.1},{"hex":"#CC8059","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0945.webp","thumb":"assets/thumb/ORG-0945.webp","live":"originals/screens/gen-social-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0945.webp","thumb":"assets/thumb/ORG-0945.webp","palette":["#2B1F18","#0D0C0C","#1A1715","#151312","#433832","#CC8059"],"palette_detail":[{"hex":"#2B1F18","pct":42.9},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.7},{"hex":"#151312","pct":7.4},{"hex":"#433832","pct":3.1},{"hex":"#CC8059","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0948.webp","thumb":"assets/thumb/ORG-0948.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CEDAD1","#2B322F","#889F92"],"palette_detail":[{"hex":"#DFEBE1","pct":36.3},{"hex":"#F6F8F5","pct":29.5},{"hex":"#FEFFFE","pct":14.1},{"hex":"#CEDAD1","pct":11.1},{"hex":"#2B322F","pct":5.2},{"hex":"#889F92","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0947.webp","thumb":"assets/thumb/ORG-0947.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D0CFCC","#2D2D2D","#7E87B3"],"palette_detail":[{"hex":"#E7E5DE","pct":39.2},{"hex":"#F9F8F5","pct":29.3},{"hex":"#FEFEFE","pct":14.3},{"hex":"#D0CFCC","pct":8.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7E87B3","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0946.webp","thumb":"assets/thumb/ORG-0946.webp","palette":["#231C36","#0E0B15","#1A1525","#15121C","#3A3545","#9AA478"],"palette_detail":[{"hex":"#231C36","pct":41.8},{"hex":"#0E0B15","pct":31.8},{"hex":"#1A1525","pct":14.7},{"hex":"#15121C","pct":4.8},{"hex":"#3A3545","pct":4.5},{"hex":"#9AA478","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0949","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social search · Loop","description":"A search screen in Loop: a focused field with a clear button, a chip row (For you, Following, Photo, Design), recent searches as pills, \"Top results\" — Lea Martin, Kenji Watanabe, Ana Ruiz, Omar Haddad — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","social"],"palette":["#0E0D0C","#2B1F18","#231A16","#3C312B","#171514","#898683"],"palette_detail":[{"hex":"#0E0D0C","pct":43.5},{"hex":"#2B1F18","pct":34.3},{"hex":"#231A16","pct":8.2},{"hex":"#3C312B","pct":6.8},{"hex":"#171514","pct":5.6},{"hex":"#898683","pct":1.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0949.webp","thumb":"assets/thumb/ORG-0949.webp","live":"originals/screens/gen-social-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0949.webp","thumb":"assets/thumb/ORG-0949.webp","palette":["#0E0D0C","#2B1F18","#231A16","#3C312B","#171514","#898683"],"palette_detail":[{"hex":"#0E0D0C","pct":43.5},{"hex":"#2B1F18","pct":34.3},{"hex":"#231A16","pct":8.2},{"hex":"#3C312B","pct":6.8},{"hex":"#171514","pct":5.6},{"hex":"#898683","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0952.webp","thumb":"assets/thumb/ORG-0952.webp","palette":["#F6F8F6","#D9E6DC","#E3EEE5","#BDC7BF","#2C2E2E","#898F8B"],"palette_detail":[{"hex":"#F6F8F6","pct":43.4},{"hex":"#D9E6DC","pct":29.6},{"hex":"#E3EEE5","pct":13.0},{"hex":"#BDC7BF","pct":6.5},{"hex":"#2C2E2E","pct":5.1},{"hex":"#898F8B","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0951.webp","thumb":"assets/thumb/ORG-0951.webp","palette":["#FAF9F6","#E7E5DE","#D7D4CE","#2E2E2E","#A1A09C","#CED4F8"],"palette_detail":[{"hex":"#FAF9F6","pct":44.5},{"hex":"#E7E5DE","pct":36.1},{"hex":"#D7D4CE","pct":9.3},{"hex":"#2E2E2E","pct":5.2},{"hex":"#A1A09C","pct":3.7},{"hex":"#CED4F8","pct":1.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0950.webp","thumb":"assets/thumb/ORG-0950.webp","palette":["#0E0C15","#1F182F","#251D37","#18151F","#474647","#8F8B97"],"palette_detail":[{"hex":"#0E0C15","pct":43.5},{"hex":"#1F182F","pct":23.2},{"hex":"#251D37","pct":22.8},{"hex":"#18151F","pct":6.0},{"hex":"#474647","pct":3.2},{"hex":"#8F8B97","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0953","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social settings · Loop","description":"Settings for Loop. An account row leads; grouped cards follow — Privacy: Private account (off), Hide like counts (on), Allow mentions (on); Notifications: Likes (off), Comments (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","social"],"palette":["#0E0D0C","#241B16","#2C2019","#181615","#473D38","#C7957D"],"palette_detail":[{"hex":"#0E0D0C","pct":31.6},{"hex":"#241B16","pct":24.0},{"hex":"#2C2019","pct":21.1},{"hex":"#181615","pct":20.3},{"hex":"#473D38","pct":1.9},{"hex":"#C7957D","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0953.webp","thumb":"assets/thumb/ORG-0953.webp","live":"originals/screens/gen-social-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0953.webp","thumb":"assets/thumb/ORG-0953.webp","palette":["#0E0D0C","#241B16","#2C2019","#181615","#473D38","#C7957D"],"palette_detail":[{"hex":"#0E0D0C","pct":31.6},{"hex":"#241B16","pct":24.0},{"hex":"#2C2019","pct":21.1},{"hex":"#181615","pct":20.3},{"hex":"#473D38","pct":1.9},{"hex":"#C7957D","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0956.webp","thumb":"assets/thumb/ORG-0956.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C312F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E0ECE2","pct":28.5},{"hex":"#FFFFFF","pct":17.4},{"hex":"#D4E1D7","pct":15.9},{"hex":"#2C312F","pct":5.1},{"hex":"#9DA9A1","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0955.webp","thumb":"assets/thumb/ORG-0955.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DDDBD4","#2D2D2D","#999BAB"],"palette_detail":[{"hex":"#E9E7E0","pct":28.6},{"hex":"#F9F8F6","pct":27.5},{"hex":"#FEFEFE","pct":19.3},{"hex":"#DDDBD4","pct":16.2},{"hex":"#2D2D2D","pct":4.9},{"hex":"#999BAB","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0954.webp","thumb":"assets/thumb/ORG-0954.webp","palette":["#241C36","#0E0C15","#181423","#1D172C","#3C3748","#B0BA8E"],"palette_detail":[{"hex":"#241C36","pct":40.0},{"hex":"#0E0C15","pct":31.5},{"hex":"#181423","pct":19.7},{"hex":"#1D172C","pct":5.5},{"hex":"#3C3748","pct":2.1},{"hex":"#B0BA8E","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0957","kind":"image","category":"dashboard","type":"screen","title":"Social post table · Loop","description":"A desktop table of posts in Loop. A title row with Export and \"New post\", a strip of four KPI tiles, a search field and filter dropdowns (Following, Photo, Design) sit above a table with name, details, status (Following / Suggested) and value columns — Lea Martin, Kenji Watanabe, Ana Ruiz, Omar Haddad, Priya Nair, Tomás Silva. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","social"],"palette":["#181615","#0E0D0C","#271C15","#332822","#131211","#79594A"],"palette_detail":[{"hex":"#181615","pct":37.5},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.1},{"hex":"#332822","pct":9.3},{"hex":"#131211","pct":3.9},{"hex":"#79594A","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0957.webp","thumb":"assets/thumb/ORG-0957.webp","live":"originals/screens/gen-social-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0957.webp","thumb":"assets/thumb/ORG-0957.webp","palette":["#181615","#0E0D0C","#271C15","#332822","#131211","#79594A"],"palette_detail":[{"hex":"#181615","pct":37.5},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.1},{"hex":"#332822","pct":9.3},{"hex":"#131211","pct":3.9},{"hex":"#79594A","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0960.webp","thumb":"assets/thumb/ORG-0960.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A5B5AB"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":30.0},{"hex":"#DEEAE1","pct":16.2},{"hex":"#CAD6CD","pct":7.9},{"hex":"#FDFDFD","pct":6.7},{"hex":"#A5B5AB","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0959.webp","thumb":"assets/thumb/ORG-0959.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C0BFBB","#3D5AF3"],"palette_detail":[{"hex":"#F9F8F6","pct":36.3},{"hex":"#FFFFFF","pct":25.0},{"hex":"#E4E2DB","pct":20.6},{"hex":"#FDFDFD","pct":11.5},{"hex":"#C0BFBB","pct":6.5},{"hex":"#3D5AF3","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0958.webp","thumb":"assets/thumb/ORG-0958.webp","palette":["#191424","#0F0C16","#211A32","#2E283E","#14101D","#717957"],"palette_detail":[{"hex":"#191424","pct":38.7},{"hex":"#0F0C16","pct":31.1},{"hex":"#211A32","pct":16.5},{"hex":"#2E283E","pct":8.7},{"hex":"#14101D","pct":3.9},{"hex":"#717957","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0961","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity activity feed · Plan","description":"An activity feed in Plan grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Due in 1 hour\" (Send Q4 roadmap) and \"Ana assigned you a task\" — and read items are plain rows: \"Weekly review\", \"Meeting moved\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","tasks","productivity","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A26D55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.6},{"hex":"#2A1D16","pct":33.2},{"hex":"#392C26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.6},{"hex":"#A26D55","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0961.webp","thumb":"assets/thumb/ORG-0961.webp","live":"originals/screens/gen-tasks-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0961.webp","thumb":"assets/thumb/ORG-0961.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181413","#221F1D","#A26D55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.6},{"hex":"#2A1D16","pct":33.2},{"hex":"#392C26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.6},{"hex":"#A26D55","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0964.webp","thumb":"assets/thumb/ORG-0964.webp","palette":["#F4F7F3","#DBE8DE","#BCC7BF","#FCFEFC","#2B3330","#7C8C83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.4},{"hex":"#DBE8DE","pct":39.8},{"hex":"#BCC7BF","pct":6.1},{"hex":"#FCFEFC","pct":5.9},{"hex":"#2B3330","pct":5.3},{"hex":"#7C8C83","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0963.webp","thumb":"assets/thumb/ORG-0963.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#737AA2"],"palette_detail":[{"hex":"#FAF9F7","pct":40.4},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.1},{"hex":"#C0BFBF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737AA2","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0962.webp","thumb":"assets/thumb/ORG-0962.webp","palette":["#241C36","#0E0C15","#1E172D","#17131F","#3D3A45","#95A464"],"palette_detail":[{"hex":"#241C36","pct":41.4},{"hex":"#0E0C15","pct":40.6},{"hex":"#1E172D","pct":7.0},{"hex":"#17131F","pct":6.6},{"hex":"#3D3A45","pct":2.6},{"hex":"#95A464","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0965","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity upgrade to pro · Plan","description":"A confirmation screen in Plan titled \"Upgrade to Pro\". A summary card lists Plan Pro · annual; Seats 1; Price €4 / mo; Billed €48 / yr, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €48 beside the primary button \"Upgrade · €48\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","tasks","productivity"],"palette":["#291D17","#0E0D0C","#191615","#372D27","#BF6842","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.4},{"hex":"#372D27","pct":9.6},{"hex":"#BF6842","pct":2.0},{"hex":"#030404","pct":1.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0965.webp","thumb":"assets/thumb/ORG-0965.webp","live":"originals/screens/gen-tasks-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0965.webp","thumb":"assets/thumb/ORG-0965.webp","palette":["#291D17","#0E0D0C","#191615","#372D27","#BF6842","#030404"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0E0D0C","pct":32.7},{"hex":"#191615","pct":17.4},{"hex":"#372D27","pct":9.6},{"hex":"#BF6842","pct":2.0},{"hex":"#030404","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0968.webp","thumb":"assets/thumb/ORG-0968.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3831","#BEC9C1","#819389"],"palette_detail":[{"hex":"#DBE8DE","pct":38.4},{"hex":"#F4F7F4","pct":33.1},{"hex":"#FEFEFE","pct":14.8},{"hex":"#2A3831","pct":5.7},{"hex":"#BEC9C1","pct":5.6},{"hex":"#819389","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0967.webp","thumb":"assets/thumb/ORG-0967.webp","palette":["#FBFBF9","#E3E1D9","#EDEAE4","#C2C0BD","#2D2D2D","#6774B9"],"palette_detail":[{"hex":"#FBFBF9","pct":43.8},{"hex":"#E3E1D9","pct":29.8},{"hex":"#EDEAE4","pct":13.2},{"hex":"#C2C0BD","pct":5.4},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6774B9","pct":2.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0966.webp","thumb":"assets/thumb/ORG-0966.webp","palette":["#231B35","#0F0C16","#191424","#322C43","#08070A","#A1BD49"],"palette_detail":[{"hex":"#231B35","pct":37.1},{"hex":"#0F0C16","pct":31.8},{"hex":"#191424","pct":17.2},{"hex":"#322C43","pct":8.9},{"hex":"#08070A","pct":3.0},{"hex":"#A1BD49","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0969","kind":"image","category":"dashboard","type":"screen","title":"Productivity desktop dashboard · Plan","description":"A desktop dashboard for Plan (productivity). A sidebar lists Overview, Reports, Tasks, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Done 34, Focus 11h, Overdue 2, Projects 6), a bar chart of tasks done per day and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","tasks","productivity"],"palette":["#181615","#261C17","#0F0E0D","#332721","#EC6329","#615D5A"],"palette_detail":[{"hex":"#181615","pct":53.6},{"hex":"#261C17","pct":22.3},{"hex":"#0F0E0D","pct":12.7},{"hex":"#332721","pct":8.7},{"hex":"#EC6329","pct":1.5},{"hex":"#615D5A","pct":1.1}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0969.webp","thumb":"assets/thumb/ORG-0969.webp","live":"originals/screens/gen-tasks-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0969.webp","thumb":"assets/thumb/ORG-0969.webp","palette":["#181615","#261C17","#0F0E0D","#332721","#EC6329","#615D5A"],"palette_detail":[{"hex":"#181615","pct":53.6},{"hex":"#261C17","pct":22.3},{"hex":"#0F0E0D","pct":12.7},{"hex":"#332721","pct":8.7},{"hex":"#EC6329","pct":1.5},{"hex":"#615D5A","pct":1.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0972.webp","thumb":"assets/thumb/ORG-0972.webp","palette":["#FFFFFF","#F6F8F5","#E6EFE8","#D5E2D8","#B2BEB5","#277D52"],"palette_detail":[{"hex":"#FFFFFF","pct":50.7},{"hex":"#F6F8F5","pct":16.4},{"hex":"#E6EFE8","pct":13.7},{"hex":"#D5E2D8","pct":12.8},{"hex":"#B2BEB5","pct":5.1},{"hex":"#277D52","pct":1.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0971.webp","thumb":"assets/thumb/ORG-0971.webp","palette":["#FFFFFF","#F9F8F6","#ECEAE4","#DDDAD3","#B9B7B7","#3150F2"],"palette_detail":[{"hex":"#FFFFFF","pct":49.5},{"hex":"#F9F8F6","pct":17.5},{"hex":"#ECEAE4","pct":16.0},{"hex":"#DDDAD3","pct":10.5},{"hex":"#B9B7B7","pct":5.1},{"hex":"#3150F2","pct":1.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0970.webp","thumb":"assets/thumb/ORG-0970.webp","palette":["#191424","#211A32","#100D17","#2D263E","#C1EE31","#696962"],"palette_detail":[{"hex":"#191424","pct":55.0},{"hex":"#211A32","pct":21.2},{"hex":"#100D17","pct":12.7},{"hex":"#2D263E","pct":8.5},{"hex":"#C1EE31","pct":1.3},{"hex":"#696962","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0973","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity task detail · Plan","description":"A detail screen in Plan for \"Review pricing page copy\" (Website relaunch · Due today). An illustrated header carries back and save buttons; below sit the title, the value \"High\", a 2×2 fact grid (Assignee: Maya Lin; Project: Website; Subtasks: 2 of 4; Estimate: 45 min), a short paragraph, two \"Related\" rows and a sticky action \"Upgrade · €48\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","tasks","productivity"],"palette":["#281D17","#0D0C0B","#7B513C","#362A24","#1A1613","#B76B47"],"palette_detail":[{"hex":"#281D17","pct":38.4},{"hex":"#0D0C0B","pct":21.5},{"hex":"#7B513C","pct":16.5},{"hex":"#362A24","pct":12.0},{"hex":"#1A1613","pct":7.3},{"hex":"#B76B47","pct":4.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0973.webp","thumb":"assets/thumb/ORG-0973.webp","live":"originals/screens/gen-tasks-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0973.webp","thumb":"assets/thumb/ORG-0973.webp","palette":["#281D17","#0D0C0B","#7B513C","#362A24","#1A1613","#B76B47"],"palette_detail":[{"hex":"#281D17","pct":38.4},{"hex":"#0D0C0B","pct":21.5},{"hex":"#7B513C","pct":16.5},{"hex":"#362A24","pct":12.0},{"hex":"#1A1613","pct":7.3},{"hex":"#B76B47","pct":4.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0976.webp","thumb":"assets/thumb/ORG-0976.webp","palette":["#D8E6DB","#F6F8F5","#B9D1C0","#E6EFE7","#274134","#7B9185"],"palette_detail":[{"hex":"#D8E6DB","pct":33.4},{"hex":"#F6F8F5","pct":21.1},{"hex":"#B9D1C0","pct":19.7},{"hex":"#E6EFE7","pct":16.0},{"hex":"#274134","pct":6.7},{"hex":"#7B9185","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0975.webp","thumb":"assets/thumb/ORG-0975.webp","palette":["#E1DED7","#FAF9F6","#EBEAE6","#BAC9F4","#2D3663","#A3A3A5"],"palette_detail":[{"hex":"#E1DED7","pct":31.2},{"hex":"#FAF9F6","pct":21.0},{"hex":"#EBEAE6","pct":20.2},{"hex":"#BAC9F4","pct":15.8},{"hex":"#2D3663","pct":7.0},{"hex":"#A3A3A5","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0974.webp","thumb":"assets/thumb/ORG-0974.webp","palette":["#221A34","#0E0B14","#565866","#2D263E","#181420","#7A826E"],"palette_detail":[{"hex":"#221A34","pct":37.4},{"hex":"#0E0B14","pct":21.9},{"hex":"#565866","pct":16.4},{"hex":"#2D263E","pct":12.9},{"hex":"#181420","pct":6.7},{"hex":"#7A826E","pct":4.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0977","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity empty state · Plan","description":"An empty state in Plan: a ghosted stack of cards with an accent badge, the line \"Inbox zero\", the explanation \"Everything is sorted. Capture new tasks from anywhere with ⌘ + Space.\" and a single button \"Add a task\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","tasks","productivity","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#372B24","#171513","#111010","#D86837"],"palette_detail":[{"hex":"#0D0D0C","pct":44.5},{"hex":"#2A1D16","pct":33.0},{"hex":"#372B24","pct":10.0},{"hex":"#171513","pct":8.6},{"hex":"#111010","pct":2.2},{"hex":"#D86837","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0977.webp","thumb":"assets/thumb/ORG-0977.webp","live":"originals/screens/gen-tasks-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0977.webp","thumb":"assets/thumb/ORG-0977.webp","palette":["#0D0D0C","#2A1D16","#372B24","#171513","#111010","#D86837"],"palette_detail":[{"hex":"#0D0D0C","pct":44.5},{"hex":"#2A1D16","pct":33.0},{"hex":"#372B24","pct":10.0},{"hex":"#171513","pct":8.6},{"hex":"#111010","pct":2.2},{"hex":"#D86837","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0980.webp","thumb":"assets/thumb/ORG-0980.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C9D4CB","#2A3D34","#8D9A92"],"palette_detail":[{"hex":"#F6F8F5","pct":40.0},{"hex":"#DCE9DF","pct":36.6},{"hex":"#FDFEFC","pct":7.9},{"hex":"#C9D4CB","pct":7.3},{"hex":"#2A3D34","pct":6.1},{"hex":"#8D9A92","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0979.webp","thumb":"assets/thumb/ORG-0979.webp","palette":["#FBFAF7","#E5E2DB","#EDEBE5","#CBC9C5","#2D2D2D","#606EBD"],"palette_detail":[{"hex":"#FBFAF7","pct":47.4},{"hex":"#E5E2DB","pct":30.5},{"hex":"#EDEBE5","pct":8.6},{"hex":"#CBC9C5","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#606EBD","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0978.webp","thumb":"assets/thumb/ORG-0978.webp","palette":["#0E0C15","#221B35","#332D42","#191424","#15121C","#B6DC3E"],"palette_detail":[{"hex":"#0E0C15","pct":45.5},{"hex":"#221B35","pct":34.0},{"hex":"#332D42","pct":7.7},{"hex":"#191424","pct":7.6},{"hex":"#15121C","pct":3.5},{"hex":"#B6DC3E","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0981","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity home · Plan","description":"A metric-grid home for Plan (productivity). A tinted hero card shows \"Today: 5 of 8\" with \"tasks done · 2 meetings left\", followed by a 2×2 grid of tiles — Done 34, Focus 11h, Overdue 2, Projects 6 — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","tasks","productivity"],"palette":["#281D17","#0E0D0C","#181614","#362B26","#080808","#79706A"],"palette_detail":[{"hex":"#281D17","pct":39.4},{"hex":"#0E0D0C","pct":26.9},{"hex":"#181614","pct":17.4},{"hex":"#362B26","pct":11.0},{"hex":"#080808","pct":3.6},{"hex":"#79706A","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0981.webp","thumb":"assets/thumb/ORG-0981.webp","live":"originals/screens/gen-tasks-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0981.webp","thumb":"assets/thumb/ORG-0981.webp","palette":["#281D17","#0E0D0C","#181614","#362B26","#080808","#79706A"],"palette_detail":[{"hex":"#281D17","pct":39.4},{"hex":"#0E0D0C","pct":26.9},{"hex":"#181614","pct":17.4},{"hex":"#362B26","pct":11.0},{"hex":"#080808","pct":3.6},{"hex":"#79706A","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0984.webp","thumb":"assets/thumb/ORG-0984.webp","palette":["#D5E2D8","#F6F8F5","#E3EEE5","#FFFFFF","#2D2E2E","#98A09A"],"palette_detail":[{"hex":"#D5E2D8","pct":28.8},{"hex":"#F6F8F5","pct":28.2},{"hex":"#E3EEE5","pct":21.3},{"hex":"#FFFFFF","pct":12.5},{"hex":"#2D2E2E","pct":5.0},{"hex":"#98A09A","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0983.webp","thumb":"assets/thumb/ORG-0983.webp","palette":["#DFDDD6","#F9F8F5","#ECE9E3","#FFFEFE","#2E2D2D","#9E9D9C"],"palette_detail":[{"hex":"#DFDDD6","pct":28.8},{"hex":"#F9F8F5","pct":24.9},{"hex":"#ECE9E3","pct":22.0},{"hex":"#FFFEFE","pct":15.3},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9E9D9C","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0982.webp","thumb":"assets/thumb/ORG-0982.webp","palette":["#221B34","#0F0C16","#181423","#302941","#08070A","#7C7983"],"palette_detail":[{"hex":"#221B34","pct":38.9},{"hex":"#0F0C16","pct":27.3},{"hex":"#181423","pct":18.4},{"hex":"#302941","pct":10.5},{"hex":"#08070A","pct":3.1},{"hex":"#7C7983","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0985","kind":"image","category":"website","type":"screen","title":"Productivity landing hero · Plan","description":"A desktop landing hero for Plan. A slim nav with \"Get Plan\" sits over a two-column hero: an eyebrow pill (\"Due in 1 hour\"), the headline \"A calmer to-do list.\", \"Plan your day in two minutes, then get out of the way and do the work.\", primary \"Plan my day\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","tasks","productivity"],"palette":["#0E0D0C","#231A15","#332620","#0C0C0B","#97583C","#080909"],"palette_detail":[{"hex":"#0E0D0C","pct":52.9},{"hex":"#231A15","pct":22.5},{"hex":"#332620","pct":20.1},{"hex":"#0C0C0B","pct":2.2},{"hex":"#97583C","pct":1.4},{"hex":"#080909","pct":0.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0985.webp","thumb":"assets/thumb/ORG-0985.webp","live":"originals/screens/gen-tasks-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0985.webp","thumb":"assets/thumb/ORG-0985.webp","palette":["#0E0D0C","#231A15","#332620","#0C0C0B","#97583C","#080909"],"palette_detail":[{"hex":"#0E0D0C","pct":52.9},{"hex":"#231A15","pct":22.5},{"hex":"#332620","pct":20.1},{"hex":"#0C0C0B","pct":2.2},{"hex":"#97583C","pct":1.4},{"hex":"#080909","pct":0.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0988.webp","thumb":"assets/thumb/ORG-0988.webp","palette":["#F5F7F4","#DAE7DD","#BAC7BD","#F8F9F7","#FEFEFD","#597C6A"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#DAE7DD","pct":29.9},{"hex":"#BAC7BD","pct":8.1},{"hex":"#F8F9F7","pct":5.1},{"hex":"#FEFEFD","pct":3.9},{"hex":"#597C6A","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0987.webp","thumb":"assets/thumb/ORG-0987.webp","palette":["#F9F8F6","#E4E4E3","#CCCBC8","#FCFBF7","#FFFEFE","#7F86AC"],"palette_detail":[{"hex":"#F9F8F6","pct":50.5},{"hex":"#E4E4E3","pct":29.2},{"hex":"#CCCBC8","pct":10.1},{"hex":"#FCFBF7","pct":4.8},{"hex":"#FFFEFE","pct":3.5},{"hex":"#7F86AC","pct":1.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0986.webp","thumb":"assets/thumb/ORG-0986.webp","palette":["#0F0C16","#20192F","#2F2C3B","#0D0B14","#95A952","#090513"],"palette_detail":[{"hex":"#0F0C16","pct":52.0},{"hex":"#20192F","pct":24.3},{"hex":"#2F2C3B","pct":18.0},{"hex":"#0D0B14","pct":3.0},{"hex":"#95A952","pct":1.8},{"hex":"#090513","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0989","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity task list · Plan","description":"A list screen of tasks in Plan. A title with an add button sits over a search field and a chip row (Today, Upcoming, Work, Personal, Someday); six rows follow with a leading icon, title, supporting line and trailing value: Review pricing page copy (High); Send Q4 roadmap (Med); Book dentist (Low); Interview prep (Med). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","tasks","productivity"],"palette":["#0E0D0C","#2A1D17","#372C27","#1A1614","#080808","#8F8079"],"palette_detail":[{"hex":"#0E0D0C","pct":41.8},{"hex":"#2A1D17","pct":34.1},{"hex":"#372C27","pct":10.0},{"hex":"#1A1614","pct":7.7},{"hex":"#080808","pct":4.2},{"hex":"#8F8079","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0989.webp","thumb":"assets/thumb/ORG-0989.webp","live":"originals/screens/gen-tasks-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0989.webp","thumb":"assets/thumb/ORG-0989.webp","palette":["#0E0D0C","#2A1D17","#372C27","#1A1614","#080808","#8F8079"],"palette_detail":[{"hex":"#0E0D0C","pct":41.8},{"hex":"#2A1D17","pct":34.1},{"hex":"#372C27","pct":10.0},{"hex":"#1A1614","pct":7.7},{"hex":"#080808","pct":4.2},{"hex":"#8F8079","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0992.webp","thumb":"assets/thumb/ORG-0992.webp","palette":["#F6F8F5","#DEEAE0","#CFDBD2","#FDFEFC","#2C2F2E","#929A95"],"palette_detail":[{"hex":"#F6F8F5","pct":41.2},{"hex":"#DEEAE0","pct":34.2},{"hex":"#CFDBD2","pct":10.1},{"hex":"#FDFEFC","pct":5.6},{"hex":"#2C2F2E","pct":5.2},{"hex":"#929A95","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0991.webp","thumb":"assets/thumb/ORG-0991.webp","palette":["#FAF9F5","#E8E5DE","#D9D6CF","#FEFEFC","#2D2D2D","#949599"],"palette_detail":[{"hex":"#FAF9F5","pct":40.7},{"hex":"#E8E5DE","pct":34.4},{"hex":"#D9D6CF","pct":10.1},{"hex":"#FEFEFC","pct":6.0},{"hex":"#2D2D2D","pct":5.1},{"hex":"#949599","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0990.webp","thumb":"assets/thumb/ORG-0990.webp","palette":["#0F0C16","#221A34","#2F2840","#181422","#08070B","#8A8B86"],"palette_detail":[{"hex":"#0F0C16","pct":42.5},{"hex":"#221A34","pct":33.3},{"hex":"#2F2840","pct":11.0},{"hex":"#181422","pct":7.7},{"hex":"#08070B","pct":3.3},{"hex":"#8A8B86","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0993","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity welcome · Plan","description":"The first onboarding step of Plan. Progress dots and Skip sit over a large illustrated panel; the headline reads \"A calmer to-do list.\", followed by \"Plan your day in two minutes, then get out of the way and do the work.\" and a full-width primary button \"Plan my day\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","tasks","productivity"],"palette":["#2A1D16","#0D0C0B","#AA6C4D","#382A23","#1C1512","#11100F"],"palette_detail":[{"hex":"#2A1D16","pct":32.0},{"hex":"#0D0C0B","pct":25.9},{"hex":"#AA6C4D","pct":23.2},{"hex":"#382A23","pct":10.8},{"hex":"#1C1512","pct":6.4},{"hex":"#11100F","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0993.webp","thumb":"assets/thumb/ORG-0993.webp","live":"originals/screens/gen-tasks-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0993.webp","thumb":"assets/thumb/ORG-0993.webp","palette":["#2A1D16","#0D0C0B","#AA6C4D","#382A23","#1C1512","#11100F"],"palette_detail":[{"hex":"#2A1D16","pct":32.0},{"hex":"#0D0C0B","pct":25.9},{"hex":"#AA6C4D","pct":23.2},{"hex":"#382A23","pct":10.8},{"hex":"#1C1512","pct":6.4},{"hex":"#11100F","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-0996.webp","thumb":"assets/thumb/ORG-0996.webp","palette":["#DAE7DD","#F7F9F6","#BCD5C4","#93B6A0","#E6F0E8","#284738"],"palette_detail":[{"hex":"#DAE7DD","pct":32.5},{"hex":"#F7F9F6","pct":25.3},{"hex":"#BCD5C4","pct":16.6},{"hex":"#93B6A0","pct":9.3},{"hex":"#E6F0E8","pct":8.8},{"hex":"#284738","pct":7.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0995.webp","thumb":"assets/thumb/ORG-0995.webp","palette":["#DEDBD4","#FBFAF7","#E0E1E7","#A3B7F1","#343D6D","#F2F2F4"],"palette_detail":[{"hex":"#DEDBD4","pct":28.1},{"hex":"#FBFAF7","pct":22.9},{"hex":"#E0E1E7","pct":21.6},{"hex":"#A3B7F1","pct":15.5},{"hex":"#343D6D","pct":7.9},{"hex":"#F2F2F4","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0994.webp","thumb":"assets/thumb/ORG-0994.webp","palette":["#221B35","#0E0B14","#818B79","#2F2A3E","#17141D","#1D172D"],"palette_detail":[{"hex":"#221B35","pct":29.7},{"hex":"#0E0B14","pct":27.2},{"hex":"#818B79","pct":23.6},{"hex":"#2F2A3E","pct":10.3},{"hex":"#17141D","pct":4.7},{"hex":"#1D172D","pct":4.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-0997","kind":"image","category":"website","type":"screen","title":"Productivity pricing · Plan","description":"A desktop pricing section for Plan with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (5 projects, Reminders, Sync); Pro €4 (Unlimited projects, Focus mode, Calendar); Team €8 (Shared projects, Workload, Admin) — with Pro anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","tasks","productivity"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F2682D","#4B3D36","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.1},{"hex":"#1A1614","pct":17.7},{"hex":"#F2682D","pct":6.3},{"hex":"#4B3D36","pct":2.6},{"hex":"#0A0A09","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-0997.webp","thumb":"assets/thumb/ORG-0997.webp","live":"originals/screens/gen-tasks-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-0997.webp","thumb":"assets/thumb/ORG-0997.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F2682D","#4B3D36","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.1},{"hex":"#1A1614","pct":17.7},{"hex":"#F2682D","pct":6.3},{"hex":"#4B3D36","pct":2.6},{"hex":"#0A0A09","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1000.webp","thumb":"assets/thumb/ORG-1000.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.8},{"hex":"#FFFFFF","pct":11.2},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-0999.webp","thumb":"assets/thumb/ORG-0999.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3452EF","#BBB9B6","#CCD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.5},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFFFF","pct":12.8},{"hex":"#3452EF","pct":6.2},{"hex":"#BBB9B6","pct":5.5},{"hex":"#CCD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-0998.webp","thumb":"assets/thumb/ORG-0998.webp","palette":["#0F0C16","#221B34","#1A1623","#BBE33A","#3D3944","#10110D"],"palette_detail":[{"hex":"#0F0C16","pct":49.0},{"hex":"#221B34","pct":22.2},{"hex":"#1A1623","pct":17.9},{"hex":"#BBE33A","pct":6.8},{"hex":"#3D3944","pct":3.2},{"hex":"#10110D","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1001","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity profile · Plan","description":"A profile screen in Plan for Maya Lin (@maya · Product). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 34 Done, 11h Focus, 6 Projects — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","tasks","productivity","bottom-nav"],"palette":["#2B1E17","#0D0D0C","#181514","#221F1D","#40332D","#C67E5A"],"palette_detail":[{"hex":"#2B1E17","pct":38.0},{"hex":"#0D0D0C","pct":33.1},{"hex":"#181514","pct":17.1},{"hex":"#221F1D","pct":4.9},{"hex":"#40332D","pct":4.5},{"hex":"#C67E5A","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1001.webp","thumb":"assets/thumb/ORG-1001.webp","live":"originals/screens/gen-tasks-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1001.webp","thumb":"assets/thumb/ORG-1001.webp","palette":["#2B1E17","#0D0D0C","#181514","#221F1D","#40332D","#C67E5A"],"palette_detail":[{"hex":"#2B1E17","pct":38.0},{"hex":"#0D0D0C","pct":33.1},{"hex":"#181514","pct":17.1},{"hex":"#221F1D","pct":4.9},{"hex":"#40332D","pct":4.5},{"hex":"#C67E5A","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1004.webp","thumb":"assets/thumb/ORG-1004.webp","palette":["#F9FAF8","#D9E6DC","#E5EFE7","#BAC8BE","#2B312F","#7B9586"],"palette_detail":[{"hex":"#F9FAF8","pct":41.9},{"hex":"#D9E6DC","pct":30.7},{"hex":"#E5EFE7","pct":13.4},{"hex":"#BAC8BE","pct":5.7},{"hex":"#2B312F","pct":5.2},{"hex":"#7B9586","pct":3.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1003.webp","thumb":"assets/thumb/ORG-1003.webp","palette":["#FBFBF8","#E3E0D9","#EDEBE5","#C1C0C2","#2D2D2D","#7780B0"],"palette_detail":[{"hex":"#FBFBF8","pct":41.8},{"hex":"#E3E0D9","pct":30.7},{"hex":"#EDEBE5","pct":13.8},{"hex":"#C1C0C2","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7780B0","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1002.webp","thumb":"assets/thumb/ORG-1002.webp","palette":["#241C37","#0E0C15","#181422","#1E182F","#3D3945","#98A179"],"palette_detail":[{"hex":"#241C37","pct":36.9},{"hex":"#0E0C15","pct":33.1},{"hex":"#181422","pct":15.6},{"hex":"#1E182F","pct":9.2},{"hex":"#3D3945","pct":2.6},{"hex":"#98A179","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1005","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity search · Plan","description":"A search screen in Plan: a focused field with a clear button, a chip row (Today, Upcoming, Work, Personal), recent searches as pills, \"Top results\" — Review pricing page copy, Send Q4 roadmap, Book dentist, Interview prep — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","tasks","productivity"],"palette":["#0E0D0C","#2A1D17","#392D26","#191614","#84817D","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":41.7},{"hex":"#2A1D17","pct":35.6},{"hex":"#392D26","pct":10.8},{"hex":"#191614","pct":7.8},{"hex":"#84817D","pct":2.2},{"hex":"#060505","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1005.webp","thumb":"assets/thumb/ORG-1005.webp","live":"originals/screens/gen-tasks-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1005.webp","thumb":"assets/thumb/ORG-1005.webp","palette":["#0E0D0C","#2A1D17","#392D26","#191614","#84817D","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":41.7},{"hex":"#2A1D17","pct":35.6},{"hex":"#392D26","pct":10.8},{"hex":"#191614","pct":7.8},{"hex":"#84817D","pct":2.2},{"hex":"#060505","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1008.webp","thumb":"assets/thumb/ORG-1008.webp","palette":["#F5F7F4","#DCE9DF","#C5D1C8","#FCFDFC","#2C2E2D","#8F9591"],"palette_detail":[{"hex":"#F5F7F4","pct":39.8},{"hex":"#DCE9DF","pct":38.6},{"hex":"#C5D1C8","pct":8.0},{"hex":"#FCFDFC","pct":5.5},{"hex":"#2C2E2D","pct":5.1},{"hex":"#8F9591","pct":2.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1007.webp","thumb":"assets/thumb/ORG-1007.webp","palette":["#E6E4DD","#F9F8F5","#CFCDC9","#FEFEFC","#2D2D2D","#939290"],"palette_detail":[{"hex":"#E6E4DD","pct":39.3},{"hex":"#F9F8F5","pct":39.3},{"hex":"#CFCDC9","pct":7.5},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.1},{"hex":"#939290","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1006.webp","thumb":"assets/thumb/ORG-1006.webp","palette":["#0F0C16","#231B35","#343040","#1B1624","#09070C","#85818D"],"palette_detail":[{"hex":"#0F0C16","pct":41.1},{"hex":"#231B35","pct":36.7},{"hex":"#343040","pct":8.5},{"hex":"#1B1624","pct":7.7},{"hex":"#09070C","pct":4.0},{"hex":"#85818D","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1009","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity settings · Plan","description":"Settings for Plan. An account row leads; grouped cards follow — Planning: Daily planning prompt (on), Start week on Monday (on), Show completed (off); Focus: Do not disturb in focus (on), Focus sounds (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","tasks","productivity"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#5A524D","#E1A081"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":30.8},{"hex":"#181615","pct":20.1},{"hex":"#2F231C","pct":14.6},{"hex":"#5A524D","pct":2.1},{"hex":"#E1A081","pct":0.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1009.webp","thumb":"assets/thumb/ORG-1009.webp","live":"originals/screens/gen-tasks-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1009.webp","thumb":"assets/thumb/ORG-1009.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#5A524D","#E1A081"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":30.8},{"hex":"#181615","pct":20.1},{"hex":"#2F231C","pct":14.6},{"hex":"#5A524D","pct":2.1},{"hex":"#E1A081","pct":0.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1012.webp","thumb":"assets/thumb/ORG-1012.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFE","#2C312F","#9FAAA3"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E2EDE4","pct":23.9},{"hex":"#D6E3D9","pct":20.6},{"hex":"#FFFFFE","pct":16.8},{"hex":"#2C312F","pct":5.1},{"hex":"#9FAAA3","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1011.webp","thumb":"assets/thumb/ORG-1011.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2E2D2D","#9C9EAD"],"palette_detail":[{"hex":"#E9E7E0","pct":28.7},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":18.6},{"hex":"#DEDBD4","pct":16.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9C9EAD","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1010.webp","thumb":"assets/thumb/ORG-1010.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4E4B53","#B3BD8F"],"palette_detail":[{"hex":"#241D37","pct":39.6},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":18.4},{"hex":"#1D172C","pct":7.3},{"hex":"#4E4B53","pct":2.2},{"hex":"#B3BD8F","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1013","kind":"image","category":"dashboard","type":"screen","title":"Productivity task table · Plan","description":"A desktop table of tasks in Plan. A title row with Export and \"New task\", a strip of four KPI tiles, a search field and filter dropdowns (Upcoming, Work, Personal) sit above a table with name, details, status (Open / Done) and value columns — Review pricing page copy, Send Q4 roadmap, Book dentist, Interview prep, Renew passport, Plan offsite. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","tasks","productivity"],"palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#72584C"],"palette_detail":[{"hex":"#191615","pct":41.2},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2D211B","pct":21.7},{"hex":"#141312","pct":4.1},{"hex":"#100F0E","pct":3.0},{"hex":"#72584C","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1013.webp","thumb":"assets/thumb/ORG-1013.webp","live":"originals/screens/gen-tasks-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1013.webp","thumb":"assets/thumb/ORG-1013.webp","palette":["#191615","#0E0D0C","#2D211B","#141312","#100F0E","#72584C"],"palette_detail":[{"hex":"#191615","pct":41.2},{"hex":"#0E0D0C","pct":28.6},{"hex":"#2D211B","pct":21.7},{"hex":"#141312","pct":4.1},{"hex":"#100F0E","pct":3.0},{"hex":"#72584C","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1016.webp","thumb":"assets/thumb/ORG-1016.webp","palette":["#F6F8F5","#FFFFFF","#DFEAE1","#CDD9CF","#FDFDFD","#AAB9AF"],"palette_detail":[{"hex":"#F6F8F5","pct":35.8},{"hex":"#FFFFFF","pct":30.5},{"hex":"#DFEAE1","pct":15.2},{"hex":"#CDD9CF","pct":7.9},{"hex":"#FDFDFD","pct":6.6},{"hex":"#AAB9AF","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1015.webp","thumb":"assets/thumb/ORG-1015.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D6D4CD","#B2B2B6"],"palette_detail":[{"hex":"#F9F8F6","pct":35.9},{"hex":"#FFFFFF","pct":25.6},{"hex":"#E8E5DF","pct":15.3},{"hex":"#FDFDFD","pct":11.3},{"hex":"#D6D4CD","pct":7.7},{"hex":"#B2B2B6","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1014.webp","thumb":"assets/thumb/ORG-1014.webp","palette":["#1A1425","#0F0C16","#261F38","#15111F","#110E18","#6A6E59"],"palette_detail":[{"hex":"#1A1425","pct":42.1},{"hex":"#0F0C16","pct":28.1},{"hex":"#261F38","pct":20.9},{"hex":"#15111F","pct":3.9},{"hex":"#110E18","pct":3.6},{"hex":"#6A6E59","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1017","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel activity feed · Wander","description":"An activity feed in Wander grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Price dropped\" (Lisbon → CPH now €96) and \"Check-in opens\" — and read items are plain rows: \"Ana joined your trip\", \"Gate change\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","travel","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181413","#221F1D","#A66E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.6},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A66E55","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1017.webp","thumb":"assets/thumb/ORG-1017.webp","live":"originals/screens/gen-travel-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1017.webp","thumb":"assets/thumb/ORG-1017.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181413","#221F1D","#A66E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.6},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181413","pct":7.7},{"hex":"#221F1D","pct":6.7},{"hex":"#A66E55","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1020.webp","thumb":"assets/thumb/ORG-1020.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFEFC","#2B3330","#7E8C84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.3},{"hex":"#DBE8DE","pct":39.8},{"hex":"#BCC8BF","pct":6.1},{"hex":"#FCFEFC","pct":6.0},{"hex":"#2B3330","pct":5.3},{"hex":"#7E8C84","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1019.webp","thumb":"assets/thumb/ORG-1019.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C1C0BF","#2D2D2D","#7279A1"],"palette_detail":[{"hex":"#FAF9F7","pct":40.4},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":15.1},{"hex":"#C1C0BF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7279A1","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1018.webp","thumb":"assets/thumb/ORG-1018.webp","palette":["#0E0C15","#241C36","#1D172C","#17131F","#393443","#95A463"],"palette_detail":[{"hex":"#0E0C15","pct":40.6},{"hex":"#241C36","pct":39.9},{"hex":"#1D172C","pct":7.0},{"hex":"#17131F","pct":6.2},{"hex":"#393443","pct":4.3},{"hex":"#95A463","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1021","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel confirm booking · Wander","description":"A confirmation screen in Wander titled \"Confirm booking\". A summary card lists Stay Casa do Mar; Dates 14–17 Nov; 3 nights €552; Taxes Included, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €552 beside the primary button \"Reserve · €552\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","travel"],"palette":["#291D17","#0D0D0C","#181615","#342923","#E05F27","#6C6966"],"palette_detail":[{"hex":"#291D17","pct":35.2},{"hex":"#0D0D0C","pct":33.7},{"hex":"#181615","pct":16.8},{"hex":"#342923","pct":11.6},{"hex":"#E05F27","pct":1.4},{"hex":"#6C6966","pct":1.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1021.webp","thumb":"assets/thumb/ORG-1021.webp","live":"originals/screens/gen-travel-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1021.webp","thumb":"assets/thumb/ORG-1021.webp","palette":["#291D17","#0D0D0C","#181615","#342923","#E05F27","#6C6966"],"palette_detail":[{"hex":"#291D17","pct":35.2},{"hex":"#0D0D0C","pct":33.7},{"hex":"#181615","pct":16.8},{"hex":"#342923","pct":11.6},{"hex":"#E05F27","pct":1.4},{"hex":"#6C6966","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1024.webp","thumb":"assets/thumb/ORG-1024.webp","palette":["#F9FAF8","#D9E6DC","#E5EFE7","#2A3831","#BDC7C0","#809389"],"palette_detail":[{"hex":"#F9FAF8","pct":43.5},{"hex":"#D9E6DC","pct":30.0},{"hex":"#E5EFE7","pct":12.9},{"hex":"#2A3831","pct":5.7},{"hex":"#BDC7C0","pct":5.4},{"hex":"#809389","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1023.webp","thumb":"assets/thumb/ORG-1023.webp","palette":["#FBFAF8","#E7E4DD","#C9C7C3","#2D2D2D","#8F8E8D","#415DF3"],"palette_detail":[{"hex":"#FBFAF8","pct":44.1},{"hex":"#E7E4DD","pct":41.6},{"hex":"#C9C7C3","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#8F8E8D","pct":2.0},{"hex":"#415DF3","pct":1.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1022.webp","thumb":"assets/thumb/ORG-1022.webp","palette":["#0E0C15","#201932","#191423","#272039","#595560","#AFD536"],"palette_detail":[{"hex":"#0E0C15","pct":33.8},{"hex":"#201932","pct":29.3},{"hex":"#191423","pct":16.9},{"hex":"#272039","pct":16.7},{"hex":"#595560","pct":2.0},{"hex":"#AFD536","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1025","kind":"image","category":"dashboard","type":"screen","title":"Travel desktop dashboard · Wander","description":"A desktop dashboard for Wander (travel). A sidebar lists Overview, Reports, Trips, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Trips 7, Countries 12, Miles 18,240, Saved €420), a bar chart of fares this week and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","travel"],"palette":["#191615","#2A201A","#0E0D0C","#141211","#EE6429","#5C5754"],"palette_detail":[{"hex":"#191615","pct":56.2},{"hex":"#2A201A","pct":26.5},{"hex":"#0E0D0C","pct":10.9},{"hex":"#141211","pct":3.3},{"hex":"#EE6429","pct":1.7},{"hex":"#5C5754","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1025.webp","thumb":"assets/thumb/ORG-1025.webp","live":"originals/screens/gen-travel-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1025.webp","thumb":"assets/thumb/ORG-1025.webp","palette":["#191615","#2A201A","#0E0D0C","#141211","#EE6429","#5C5754"],"palette_detail":[{"hex":"#191615","pct":56.2},{"hex":"#2A201A","pct":26.5},{"hex":"#0E0D0C","pct":10.9},{"hex":"#141211","pct":3.3},{"hex":"#EE6429","pct":1.7},{"hex":"#5C5754","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1028.webp","thumb":"assets/thumb/ORG-1028.webp","palette":["#FFFFFF","#F7F8F6","#D8E5DB","#EAF1EB","#B3BFB6","#277E53"],"palette_detail":[{"hex":"#FFFFFF","pct":50.3},{"hex":"#F7F8F6","pct":16.1},{"hex":"#D8E5DB","pct":15.9},{"hex":"#EAF1EB","pct":10.9},{"hex":"#B3BFB6","pct":5.2},{"hex":"#277E53","pct":1.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1027.webp","thumb":"assets/thumb/ORG-1027.webp","palette":["#FFFFFF","#F9F9F6","#E0DDD6","#EEECE7","#BAB8B7","#3150F2"],"palette_detail":[{"hex":"#FFFFFF","pct":49.8},{"hex":"#F9F9F6","pct":17.4},{"hex":"#E0DDD6","pct":13.8},{"hex":"#EEECE7","pct":12.2},{"hex":"#BAB8B7","pct":5.3},{"hex":"#3150F2","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1026.webp","thumb":"assets/thumb/ORG-1026.webp","palette":["#191425","#251E36","#100D17","#161220","#C1EE31","#616060"],"palette_detail":[{"hex":"#191425","pct":55.4},{"hex":"#251E36","pct":25.8},{"hex":"#100D17","pct":12.1},{"hex":"#161220","pct":3.8},{"hex":"#C1EE31","pct":1.5},{"hex":"#616060","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1029","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel trip detail · Wander","description":"A detail screen in Wander for \"Casa do Mar\" (Alfama, Lisbon · 600 m to the river). An illustrated header carries back and save buttons; below sit the title, the value \"€184 / night\", a 2×2 fact grid (Rating: ★ 4.86 · 512; Check-in: Thu 14 Nov; Check-out: Sun 17 Nov; Guests: 2 adults), a short paragraph, two \"Related\" rows and a sticky action \"Reserve · €552\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","travel"],"palette":["#291D17","#0D0C0C","#A97358","#372C25","#86563E","#1A1614"],"palette_detail":[{"hex":"#291D17","pct":39.3},{"hex":"#0D0C0C","pct":21.7},{"hex":"#A97358","pct":11.7},{"hex":"#372C25","pct":11.4},{"hex":"#86563E","pct":8.9},{"hex":"#1A1614","pct":7.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1029.webp","thumb":"assets/thumb/ORG-1029.webp","live":"originals/screens/gen-travel-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1029.webp","thumb":"assets/thumb/ORG-1029.webp","palette":["#291D17","#0D0C0C","#A97358","#372C25","#86563E","#1A1614"],"palette_detail":[{"hex":"#291D17","pct":39.3},{"hex":"#0D0C0C","pct":21.7},{"hex":"#A97358","pct":11.7},{"hex":"#372C25","pct":11.4},{"hex":"#86563E","pct":8.9},{"hex":"#1A1614","pct":7.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1032.webp","thumb":"assets/thumb/ORG-1032.webp","palette":["#D8E6DB","#F6F8F5","#B8D0BF","#E5EFE7","#274134","#7C9387"],"palette_detail":[{"hex":"#D8E6DB","pct":34.3},{"hex":"#F6F8F5","pct":21.3},{"hex":"#B8D0BF","pct":18.1},{"hex":"#E5EFE7","pct":16.4},{"hex":"#274134","pct":6.7},{"hex":"#7C9387","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1031.webp","thumb":"assets/thumb/ORG-1031.webp","palette":["#E1DED7","#FAF9F6","#EAE9E7","#B7C7F5","#2D3663","#A4A4A7"],"palette_detail":[{"hex":"#E1DED7","pct":31.1},{"hex":"#FAF9F6","pct":21.4},{"hex":"#EAE9E7","pct":20.7},{"hex":"#B7C7F5","pct":15.2},{"hex":"#2D3663","pct":6.9},{"hex":"#A4A4A7","pct":4.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1030.webp","thumb":"assets/thumb/ORG-1030.webp","palette":["#241D37","#1F182F","#0E0B14","#798077","#16141E","#393546"],"palette_detail":[{"hex":"#241D37","pct":25.1},{"hex":"#1F182F","pct":23.8},{"hex":"#0E0B14","pct":21.8},{"hex":"#798077","pct":20.1},{"hex":"#16141E","pct":4.8},{"hex":"#393546","pct":4.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1033","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel empty state · Wander","description":"An empty state in Wander: a ghosted stack of cards with an accent badge, the line \"No trips planned\", the explanation \"Save places you love and Wander tells you when fares drop.\" and a single button \"Explore ideas\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","travel","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382B25","#161413","#241913","#D7693A"],"palette_detail":[{"hex":"#0D0D0C","pct":45.4},{"hex":"#2A1E17","pct":29.9},{"hex":"#382B25","pct":9.1},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D7693A","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1033.webp","thumb":"assets/thumb/ORG-1033.webp","live":"originals/screens/gen-travel-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1033.webp","thumb":"assets/thumb/ORG-1033.webp","palette":["#0D0D0C","#2A1E17","#382B25","#161413","#241913","#D7693A"],"palette_detail":[{"hex":"#0D0D0C","pct":45.4},{"hex":"#2A1E17","pct":29.9},{"hex":"#382B25","pct":9.1},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D7693A","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1036.webp","thumb":"assets/thumb/ORG-1036.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C9D4CB","#2A3E35","#8D9992"],"palette_detail":[{"hex":"#F6F8F5","pct":39.7},{"hex":"#DCE9DF","pct":36.6},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C9D4CB","pct":7.3},{"hex":"#2A3E35","pct":6.2},{"hex":"#8D9992","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1035.webp","thumb":"assets/thumb/ORG-1035.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C9C8C5","#2D2D2D","#5E6DBD"],"palette_detail":[{"hex":"#FBFAF7","pct":47.1},{"hex":"#E5E2DA","pct":30.6},{"hex":"#ECEAE5","pct":8.6},{"hex":"#C9C8C5","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5E6DBD","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1034.webp","thumb":"assets/thumb/ORG-1034.webp","palette":["#0E0C15","#231C36","#161320","#1E172C","#373244","#B5DA3E"],"palette_detail":[{"hex":"#0E0C15","pct":45.4},{"hex":"#231C36","pct":34.9},{"hex":"#161320","pct":8.5},{"hex":"#1E172C","pct":4.7},{"hex":"#373244","pct":4.6},{"hex":"#B5DA3E","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1037","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel home · Wander","description":"A visual home for Wander (travel). A scrolling chip row (All, Flights, Stays, Trains) leads to a large illustrated feature card, then \"Next trip: Lisbon\" with an Open button and \"in 12 days · 3 nights\", and three list rows above the tab bar. Idea: one featured item carries the mood, the list carries the work. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["chips","card","illustration","bottom-nav","travel"],"palette":["#2A1D17","#0D0C0B","#8E6854","#372C26","#191513","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":34.2},{"hex":"#0D0C0B","pct":32.4},{"hex":"#8E6854","pct":11.9},{"hex":"#372C26","pct":10.4},{"hex":"#191513","pct":8.0},{"hex":"#11100F","pct":3.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1037.webp","thumb":"assets/thumb/ORG-1037.webp","live":"originals/screens/gen-travel-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1037.webp","thumb":"assets/thumb/ORG-1037.webp","palette":["#2A1D17","#0D0C0B","#8E6854","#372C26","#191513","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":34.2},{"hex":"#0D0C0B","pct":32.4},{"hex":"#8E6854","pct":11.9},{"hex":"#372C26","pct":10.4},{"hex":"#191513","pct":8.0},{"hex":"#11100F","pct":3.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1040.webp","thumb":"assets/thumb/ORG-1040.webp","palette":["#DDE9DF","#F5F8F4","#C7DACD","#FDFEFC","#2D3230","#A0AEA5"],"palette_detail":[{"hex":"#DDE9DF","pct":37.3},{"hex":"#F5F8F4","pct":31.1},{"hex":"#C7DACD","pct":16.0},{"hex":"#FDFEFC","pct":5.8},{"hex":"#2D3230","pct":5.3},{"hex":"#A0AEA5","pct":4.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1039.webp","thumb":"assets/thumb/ORG-1039.webp","palette":["#FAF9F7","#E1DFD7","#EBEAE5","#C2D0F5","#2E2D2D","#9D9EA6"],"palette_detail":[{"hex":"#FAF9F7","pct":35.7},{"hex":"#E1DFD7","pct":31.0},{"hex":"#EBEAE5","pct":14.1},{"hex":"#C2D0F5","pct":9.6},{"hex":"#2E2D2D","pct":5.1},{"hex":"#9D9EA6","pct":4.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1038.webp","thumb":"assets/thumb/ORG-1038.webp","palette":["#0E0B15","#221A35","#6F707E","#2F2940","#1A1526","#15121C"],"palette_detail":[{"hex":"#0E0B15","pct":33.7},{"hex":"#221A35","pct":32.3},{"hex":"#6F707E","pct":12.2},{"hex":"#2F2940","pct":10.6},{"hex":"#1A1526","pct":6.3},{"hex":"#15121C","pct":4.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1041","kind":"image","category":"website","type":"screen","title":"Travel landing hero · Wander","description":"A desktop landing hero for Wander. A slim nav with \"Get Wander\" sits over a two-column hero: an eyebrow pill (\"Price dropped\"), the headline \"Go further, plan less.\", \"Flights, stays and trains in one itinerary that updates itself when plans change.\", primary \"Plan a trip\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","travel"],"palette":["#0E0D0C","#281D17","#372922","#1A1613","#0C0B0B","#A55F41"],"palette_detail":[{"hex":"#0E0D0C","pct":51.6},{"hex":"#281D17","pct":20.2},{"hex":"#372922","pct":16.5},{"hex":"#1A1613","pct":7.7},{"hex":"#0C0B0B","pct":2.6},{"hex":"#A55F41","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1041.webp","thumb":"assets/thumb/ORG-1041.webp","live":"originals/screens/gen-travel-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1041.webp","thumb":"assets/thumb/ORG-1041.webp","palette":["#0E0D0C","#281D17","#372922","#1A1613","#0C0B0B","#A55F41"],"palette_detail":[{"hex":"#0E0D0C","pct":51.6},{"hex":"#281D17","pct":20.2},{"hex":"#372922","pct":16.5},{"hex":"#1A1613","pct":7.7},{"hex":"#0C0B0B","pct":2.6},{"hex":"#A55F41","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1044.webp","thumb":"assets/thumb/ORG-1044.webp","palette":["#F6F8F5","#E0EBE2","#D1DFD4","#B3C0B7","#FEFEFD","#577A68"],"palette_detail":[{"hex":"#F6F8F5","pct":54.1},{"hex":"#E0EBE2","pct":20.3},{"hex":"#D1DFD4","pct":14.1},{"hex":"#B3C0B7","pct":5.2},{"hex":"#FEFEFD","pct":4.1},{"hex":"#577A68","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1043.webp","thumb":"assets/thumb/ORG-1043.webp","palette":["#FAF9F6","#E8E7E5","#D9DADA","#BBBABB","#FEFEFD","#5E6AA5"],"palette_detail":[{"hex":"#FAF9F6","pct":54.5},{"hex":"#E8E7E5","pct":20.7},{"hex":"#D9DADA","pct":13.1},{"hex":"#BBBABB","pct":6.1},{"hex":"#FEFEFD","pct":4.0},{"hex":"#5E6AA5","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1042.webp","thumb":"assets/thumb/ORG-1042.webp","palette":["#0F0C16","#231C34","#322F3C","#1A1526","#9DB258","#0C0813"],"palette_detail":[{"hex":"#0F0C16","pct":52.6},{"hex":"#231C34","pct":20.5},{"hex":"#322F3C","pct":14.5},{"hex":"#1A1526","pct":9.1},{"hex":"#9DB258","pct":1.8},{"hex":"#0C0813","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1045","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel trip list · Wander","description":"A list screen of trips in Wander. A title with an add button sits over a search field and a chip row (All, Flights, Stays, Trains, Experiences); six rows follow with a leading icon, title, supporting line and trailing value: Lisbon → Copenhagen (€96); Casa do Mar (€552); Sintra day trip (€45); Porto by train (€29). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","travel"],"palette":["#0E0D0C","#291D16","#362B25","#1A1614","#080808","#85776F"],"palette_detail":[{"hex":"#0E0D0C","pct":42.2},{"hex":"#291D16","pct":33.3},{"hex":"#362B25","pct":10.7},{"hex":"#1A1614","pct":7.7},{"hex":"#080808","pct":4.0},{"hex":"#85776F","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1045.webp","thumb":"assets/thumb/ORG-1045.webp","live":"originals/screens/gen-travel-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1045.webp","thumb":"assets/thumb/ORG-1045.webp","palette":["#0E0D0C","#291D16","#362B25","#1A1614","#080808","#85776F"],"palette_detail":[{"hex":"#0E0D0C","pct":42.2},{"hex":"#291D16","pct":33.3},{"hex":"#362B25","pct":10.7},{"hex":"#1A1614","pct":7.7},{"hex":"#080808","pct":4.0},{"hex":"#85776F","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1048.webp","thumb":"assets/thumb/ORG-1048.webp","palette":["#F6F8F5","#DEEAE0","#D0DBD2","#FDFEFC","#2C2F2E","#969E98"],"palette_detail":[{"hex":"#F6F8F5","pct":41.9},{"hex":"#DEEAE0","pct":34.2},{"hex":"#D0DBD2","pct":9.8},{"hex":"#FDFEFC","pct":5.1},{"hex":"#2C2F2E","pct":5.1},{"hex":"#969E98","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1047.webp","thumb":"assets/thumb/ORG-1047.webp","palette":["#FAF9F5","#E8E5DE","#D9D6D0","#FEFEFC","#2D2D2D","#98989C"],"palette_detail":[{"hex":"#FAF9F5","pct":41.1},{"hex":"#E8E5DE","pct":34.4},{"hex":"#D9D6D0","pct":9.8},{"hex":"#FEFEFC","pct":5.7},{"hex":"#2D2D2D","pct":5.0},{"hex":"#98989C","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1046.webp","thumb":"assets/thumb/ORG-1046.webp","palette":["#0F0C16","#211A34","#2E273F","#181422","#08070B","#81827D"],"palette_detail":[{"hex":"#0F0C16","pct":42.8},{"hex":"#211A34","pct":32.9},{"hex":"#2E273F","pct":11.5},{"hex":"#181422","pct":7.3},{"hex":"#08070B","pct":3.2},{"hex":"#81827D","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1049","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel welcome · Wander","description":"The first onboarding step of Wander. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Go further, plan less.\", followed by \"Flights, stays and trains in one itinerary that updates itself when plans change.\" and a full-width primary button \"Plan a trip\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","travel"],"palette":["#2A1D16","#A1664A","#0E0D0C","#382A23","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D16","pct":32.2},{"hex":"#A1664A","pct":23.4},{"hex":"#0E0D0C","pct":22.2},{"hex":"#382A23","pct":11.0},{"hex":"#1B1512","pct":6.4},{"hex":"#080909","pct":4.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1049.webp","thumb":"assets/thumb/ORG-1049.webp","live":"originals/screens/gen-travel-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1049.webp","thumb":"assets/thumb/ORG-1049.webp","palette":["#2A1D16","#A1664A","#0E0D0C","#382A23","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D16","pct":32.2},{"hex":"#A1664A","pct":23.4},{"hex":"#0E0D0C","pct":22.2},{"hex":"#382A23","pct":11.0},{"hex":"#1B1512","pct":6.4},{"hex":"#080909","pct":4.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1052.webp","thumb":"assets/thumb/ORG-1052.webp","palette":["#DBE8DE","#F7F9F6","#C0D7C7","#9BB9A6","#294839","#E9F1EA"],"palette_detail":[{"hex":"#DBE8DE","pct":33.3},{"hex":"#F7F9F6","pct":24.5},{"hex":"#C0D7C7","pct":19.1},{"hex":"#9BB9A6","pct":8.1},{"hex":"#294839","pct":7.5},{"hex":"#E9F1EA","pct":7.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1051.webp","thumb":"assets/thumb/ORG-1051.webp","palette":["#E3E1DA","#F9F8F6","#C8D3F6","#A7B7E4","#333D70","#FEFDFA"],"palette_detail":[{"hex":"#E3E1DA","pct":40.9},{"hex":"#F9F8F6","pct":21.8},{"hex":"#C8D3F6","pct":13.3},{"hex":"#A7B7E4","pct":11.4},{"hex":"#333D70","pct":7.8},{"hex":"#FEFDFA","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1050.webp","thumb":"assets/thumb/ORG-1050.webp","palette":["#221A34","#0E0B14","#6F7281","#2E283E","#17151F","#B0D732"],"palette_detail":[{"hex":"#221A34","pct":32.0},{"hex":"#0E0B14","pct":26.9},{"hex":"#6F7281","pct":20.5},{"hex":"#2E283E","pct":11.5},{"hex":"#17151F","pct":5.8},{"hex":"#B0D732","pct":3.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1053","kind":"image","category":"website","type":"screen","title":"Travel pricing · Wander","description":"A desktop pricing section for Wander with a Monthly/Yearly toggle and \"2 months free\". Three plans — Explorer €0 (Itineraries, Price alerts, Offline maps); Voyager €8 (Lounge passes, Free changes, Priority support); Business €24 (Team trips, Expense export, Policy controls) — with Voyager anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","travel"],"palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#54453F","#0B0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.8},{"hex":"#1A1614","pct":18.1},{"hex":"#F2682D","pct":6.2},{"hex":"#54453F","pct":2.5},{"hex":"#0B0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1053.webp","thumb":"assets/thumb/ORG-1053.webp","live":"originals/screens/gen-travel-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1053.webp","thumb":"assets/thumb/ORG-1053.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F2682D","#54453F","#0B0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.8},{"hex":"#1A1614","pct":18.1},{"hex":"#F2682D","pct":6.2},{"hex":"#54453F","pct":2.5},{"hex":"#0B0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1056.webp","thumb":"assets/thumb/ORG-1056.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":10.9},{"hex":"#2C7D55","pct":6.5},{"hex":"#AFBDB3","pct":6.1},{"hex":"#FAFBFA","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1055.webp","thumb":"assets/thumb/ORG-1055.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BBB9B5","#C8CFF6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.7},{"hex":"#E3E0DA","pct":22.5},{"hex":"#FEFEFF","pct":12.4},{"hex":"#3452EF","pct":6.2},{"hex":"#BBB9B5","pct":5.6},{"hex":"#C8CFF6","pct":1.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1054.webp","thumb":"assets/thumb/ORG-1054.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE33A","#4F4F4A","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.8},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE33A","pct":6.5},{"hex":"#4F4F4A","pct":2.8},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1057","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel profile · Wander","description":"A profile screen in Wander for Lea Martin (@lea · 12 countries). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 7 Trips, 31 Cities, 4.9 Rating — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","travel","bottom-nav"],"palette":["#2A1E18","#0D0C0C","#1A1715","#151312","#3D302A","#C87E58"],"palette_detail":[{"hex":"#2A1E18","pct":39.1},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.6},{"hex":"#151312","pct":7.2},{"hex":"#3D302A","pct":7.1},{"hex":"#C87E58","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1057.webp","thumb":"assets/thumb/ORG-1057.webp","live":"originals/screens/gen-travel-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1057.webp","thumb":"assets/thumb/ORG-1057.webp","palette":["#2A1E18","#0D0C0C","#1A1715","#151312","#3D302A","#C87E58"],"palette_detail":[{"hex":"#2A1E18","pct":39.1},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":12.6},{"hex":"#151312","pct":7.2},{"hex":"#3D302A","pct":7.1},{"hex":"#C87E58","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1060.webp","thumb":"assets/thumb/ORG-1060.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#8AA194"],"palette_detail":[{"hex":"#DFEBE1","pct":36.0},{"hex":"#F6F8F5","pct":29.3},{"hex":"#FEFFFE","pct":14.3},{"hex":"#CFDBD2","pct":11.0},{"hex":"#2B322F","pct":5.2},{"hex":"#8AA194","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1059.webp","thumb":"assets/thumb/ORG-1059.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2E2D2D","#8088B4"],"palette_detail":[{"hex":"#E7E5DE","pct":39.4},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.5},{"hex":"#D1CFCC","pct":8.6},{"hex":"#2E2D2D","pct":4.9},{"hex":"#8088B4","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1058.webp","thumb":"assets/thumb/ORG-1058.webp","palette":["#231B35","#0E0B15","#191425","#342E42","#15121C","#98A277"],"palette_detail":[{"hex":"#231B35","pct":38.5},{"hex":"#0E0B15","pct":31.8},{"hex":"#191425","pct":14.7},{"hex":"#342E42","pct":7.7},{"hex":"#15121C","pct":4.7},{"hex":"#98A277","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1061","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel search · Wander","description":"A search screen in Wander: a focused field with a clear button, a chip row (All, Flights, Stays, Trains), recent searches as pills, \"Top results\" — Lisbon → Copenhagen, Casa do Mar, Sintra day trip, Porto by train — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","travel"],"palette":["#0E0D0C","#2A1D17","#382C25","#191614","#7A7774","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.1},{"hex":"#2A1D17","pct":35.3},{"hex":"#382C25","pct":10.8},{"hex":"#191614","pct":7.8},{"hex":"#7A7774","pct":2.2},{"hex":"#060505","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1061.webp","thumb":"assets/thumb/ORG-1061.webp","live":"originals/screens/gen-travel-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1061.webp","thumb":"assets/thumb/ORG-1061.webp","palette":["#0E0D0C","#2A1D17","#382C25","#191614","#7A7774","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":42.1},{"hex":"#2A1D17","pct":35.3},{"hex":"#382C25","pct":10.8},{"hex":"#191614","pct":7.8},{"hex":"#7A7774","pct":2.2},{"hex":"#060505","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1064.webp","thumb":"assets/thumb/ORG-1064.webp","palette":["#F5F8F4","#DEEAE1","#CFDCD2","#FDFEFC","#2C2E2E","#9BA29D"],"palette_detail":[{"hex":"#F5F8F4","pct":39.8},{"hex":"#DEEAE1","pct":34.4},{"hex":"#CFDCD2","pct":11.2},{"hex":"#FDFEFC","pct":5.5},{"hex":"#2C2E2E","pct":5.1},{"hex":"#9BA29D","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1063.webp","thumb":"assets/thumb/ORG-1063.webp","palette":["#F9F8F5","#E8E5DE","#D8D6D2","#FEFEFC","#2D2D2D","#9E9D9A"],"palette_detail":[{"hex":"#F9F8F5","pct":39.3},{"hex":"#E8E5DE","pct":34.7},{"hex":"#D8D6D2","pct":11.3},{"hex":"#FEFEFC","pct":5.6},{"hex":"#2D2D2D","pct":5.1},{"hex":"#9E9D9A","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1062.webp","thumb":"assets/thumb/ORG-1062.webp","palette":["#261F38","#100D17","#1D172A","#0D0B13","#08070A","#74707D"],"palette_detail":[{"hex":"#261F38","pct":39.6},{"hex":"#100D17","pct":38.6},{"hex":"#1D172A","pct":11.5},{"hex":"#0D0B13","pct":4.8},{"hex":"#08070A","pct":2.9},{"hex":"#74707D","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1065","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel settings · Wander","description":"Settings for Wander. An account row leads; grouped cards follow — Alerts: Price drops (on), Gate changes (on), Deals newsletter (off); Preferences: Window seat (on), Show prices in EUR (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","travel"],"palette":["#0D0D0C","#281C16","#181615","#30241E","#564C46","#D4977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#281C16","pct":30.7},{"hex":"#181615","pct":20.7},{"hex":"#30241E","pct":14.2},{"hex":"#564C46","pct":1.9},{"hex":"#D4977A","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1065.webp","thumb":"assets/thumb/ORG-1065.webp","live":"originals/screens/gen-travel-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1065.webp","thumb":"assets/thumb/ORG-1065.webp","palette":["#0D0D0C","#281C16","#181615","#30241E","#564C46","#D4977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#281C16","pct":30.7},{"hex":"#181615","pct":20.7},{"hex":"#30241E","pct":14.2},{"hex":"#564C46","pct":1.9},{"hex":"#D4977A","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1068.webp","thumb":"assets/thumb/ORG-1068.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E0ECE2","pct":28.4},{"hex":"#FFFFFF","pct":17.1},{"hex":"#D4E1D7","pct":16.0},{"hex":"#2C322F","pct":5.2},{"hex":"#9DA9A1","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1067.webp","thumb":"assets/thumb/ORG-1067.webp","palette":["#E8E5DE","#F9F8F6","#FEFEFE","#D9D7D1","#2D2D2D","#9598AD"],"palette_detail":[{"hex":"#E8E5DE","pct":35.2},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":19.0},{"hex":"#D9D7D1","pct":9.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9598AD","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1066.webp","thumb":"assets/thumb/ORG-1066.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4E4C52","#B7C489"],"palette_detail":[{"hex":"#241D37","pct":39.5},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.7},{"hex":"#1D172C","pct":7.2},{"hex":"#4E4C52","pct":2.0},{"hex":"#B7C489","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1069","kind":"image","category":"dashboard","type":"screen","title":"Travel trip table · Wander","description":"A desktop table of trips in Wander. A title row with Export and \"New trip\", a strip of four KPI tiles, a search field and filter dropdowns (Flights, Stays, Trains) sit above a table with name, details, status (Booked / Saved) and value columns — Lisbon → Copenhagen, Casa do Mar, Sintra day trip, Porto by train, Belém food tour, Airport transfer. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","travel"],"palette":["#181615","#0E0D0C","#271C15","#332822","#141211","#755A4E"],"palette_detail":[{"hex":"#181615","pct":37.2},{"hex":"#0E0D0C","pct":31.1},{"hex":"#271C15","pct":16.8},{"hex":"#332822","pct":9.2},{"hex":"#141211","pct":4.4},{"hex":"#755A4E","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1069.webp","thumb":"assets/thumb/ORG-1069.webp","live":"originals/screens/gen-travel-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1069.webp","thumb":"assets/thumb/ORG-1069.webp","palette":["#181615","#0E0D0C","#271C15","#332822","#141211","#755A4E"],"palette_detail":[{"hex":"#181615","pct":37.2},{"hex":"#0E0D0C","pct":31.1},{"hex":"#271C15","pct":16.8},{"hex":"#332822","pct":9.2},{"hex":"#141211","pct":4.4},{"hex":"#755A4E","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1072.webp","thumb":"assets/thumb/ORG-1072.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A6B5AB"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":30.3},{"hex":"#DEEAE1","pct":16.0},{"hex":"#CAD6CD","pct":7.8},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A6B5AB","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1071.webp","thumb":"assets/thumb/ORG-1071.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C0BEBB","#3C59F3"],"palette_detail":[{"hex":"#F9F8F6","pct":36.2},{"hex":"#FFFFFF","pct":25.3},{"hex":"#E4E2DB","pct":20.3},{"hex":"#FDFDFD","pct":11.5},{"hex":"#C0BEBB","pct":6.6},{"hex":"#3C59F3","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1070.webp","thumb":"assets/thumb/ORG-1070.webp","palette":["#191424","#0F0C16","#211A32","#2D273D","#14101D","#6D715A"],"palette_detail":[{"hex":"#191424","pct":38.9},{"hex":"#0F0C16","pct":31.2},{"hex":"#211A32","pct":15.9},{"hex":"#2D273D","pct":8.8},{"hex":"#14101D","pct":3.9},{"hex":"#6D715A","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1073","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto insights · Halo","description":"An insights screen in Halo. A Week selector sits beside the title; a card plots portfolio · 7 days as an area line with Saturday highlighted under the figure $8,500.90 (▲ 1.46% today); a progress ring shows 100% of days above usual; three tiles follow — ETH $3,123, SOL $187, Staked $1,320. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","crypto","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#171514","#382922","#221B18","#765C4F"],"palette_detail":[{"hex":"#2A1D16","pct":30.7},{"hex":"#0D0D0C","pct":26.5},{"hex":"#171514","pct":19.1},{"hex":"#382922","pct":12.4},{"hex":"#221B18","pct":9.1},{"hex":"#765C4F","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1073.webp","thumb":"assets/thumb/ORG-1073.webp","live":"originals/screens/gen-crypto-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1073.webp","thumb":"assets/thumb/ORG-1073.webp","palette":["#2A1D16","#0D0D0C","#171514","#382922","#221B18","#765C4F"],"palette_detail":[{"hex":"#2A1D16","pct":30.7},{"hex":"#0D0D0C","pct":26.5},{"hex":"#171514","pct":19.1},{"hex":"#382922","pct":12.4},{"hex":"#221B18","pct":9.1},{"hex":"#765C4F","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1076.webp","thumb":"assets/thumb/ORG-1076.webp","palette":["#DFEBE2","#F5F7F4","#FEFEFE","#D1DED4","#2D2F2F","#95A39A"],"palette_detail":[{"hex":"#DFEBE2","pct":35.7},{"hex":"#F5F7F4","pct":24.1},{"hex":"#FEFEFE","pct":18.6},{"hex":"#D1DED4","pct":13.1},{"hex":"#2D2F2F","pct":5.0},{"hex":"#95A39A","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1075.webp","thumb":"assets/thumb/ORG-1075.webp","palette":["#FCFCFA","#E9E7E4","#DFDDD6","#F2F3F5","#2E2D2E","#9FA0A9"],"palette_detail":[{"hex":"#FCFCFA","pct":36.6},{"hex":"#E9E7E4","pct":25.9},{"hex":"#DFDDD6","pct":21.8},{"hex":"#F2F3F5","pct":6.6},{"hex":"#2E2D2E","pct":4.9},{"hex":"#9FA0A9","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1074.webp","thumb":"assets/thumb/ORG-1074.webp","palette":["#221B34","#0E0C14","#191423","#2C253D","#434636","#7F876A"],"palette_detail":[{"hex":"#221B34","pct":34.4},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":22.3},{"hex":"#2C253D","pct":11.9},{"hex":"#434636","pct":3.7},{"hex":"#7F876A","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1077","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto schedule · Halo","description":"A day schedule in Halo. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Bitcoin, 09:30 Ethereum, 12:00 Solana, 14:30 Chainlink, 17:00 Aave USDC, 19:30 US Dollar — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","crypto"],"palette":["#2C2019","#0D0D0C","#1A1615","#151312","#F5682B","#665951"],"palette_detail":[{"hex":"#2C2019","pct":41.0},{"hex":"#0D0D0C","pct":33.9},{"hex":"#1A1615","pct":15.7},{"hex":"#151312","pct":4.0},{"hex":"#F5682B","pct":3.5},{"hex":"#665951","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1077.webp","thumb":"assets/thumb/ORG-1077.webp","live":"originals/screens/gen-crypto-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1077.webp","thumb":"assets/thumb/ORG-1077.webp","palette":["#2C2019","#0D0D0C","#1A1615","#151312","#F5682B","#665951"],"palette_detail":[{"hex":"#2C2019","pct":41.0},{"hex":"#0D0D0C","pct":33.9},{"hex":"#1A1615","pct":15.7},{"hex":"#151312","pct":4.0},{"hex":"#F5682B","pct":3.5},{"hex":"#665951","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1080.webp","thumb":"assets/thumb/ORG-1080.webp","palette":["#D9E6DC","#F5F8F5","#FFFFFF","#294C3B","#FAFBF9","#99A69E"],"palette_detail":[{"hex":"#D9E6DC","pct":41.9},{"hex":"#F5F8F5","pct":27.8},{"hex":"#FFFFFF","pct":13.8},{"hex":"#294C3B","pct":8.2},{"hex":"#FAFBF9","pct":4.4},{"hex":"#99A69E","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1079.webp","thumb":"assets/thumb/ORG-1079.webp","palette":["#E3E1DA","#F9F8F6","#FFFFFF","#2D3976","#9FA1B1","#FEFDFA"],"palette_detail":[{"hex":"#E3E1DA","pct":41.7},{"hex":"#F9F8F6","pct":27.9},{"hex":"#FFFFFF","pct":13.9},{"hex":"#2D3976","pct":7.8},{"hex":"#9FA1B1","pct":4.5},{"hex":"#FEFDFA","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1078.webp","thumb":"assets/thumb/ORG-1078.webp","palette":["#251E37","#0E0B15","#1A1525","#15121C","#C0EC33","#69666E"],"palette_detail":[{"hex":"#251E37","pct":40.5},{"hex":"#0E0B15","pct":34.1},{"hex":"#1A1525","pct":15.9},{"hex":"#15121C","pct":4.2},{"hex":"#C0EC33","pct":3.4},{"hex":"#69666E","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1081","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto confirmation · Halo","description":"A success screen in Halo after \"Review swap\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists You pay 250 USDC; You receive 1.33 SOL; Rate 1 SOL = $187.21 and the total 1.33 SOL; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","crypto"],"palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682B","#6C6059"],"palette_detail":[{"hex":"#291D16","pct":33.9},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":14.9},{"hex":"#362821","pct":12.9},{"hex":"#F9682B","pct":4.8},{"hex":"#6C6059","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1081.webp","thumb":"assets/thumb/ORG-1081.webp","live":"originals/screens/gen-crypto-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1081.webp","thumb":"assets/thumb/ORG-1081.webp","palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682B","#6C6059"],"palette_detail":[{"hex":"#291D16","pct":33.9},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":14.9},{"hex":"#362821","pct":12.9},{"hex":"#F9682B","pct":4.8},{"hex":"#6C6059","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1084.webp","thumb":"assets/thumb/ORG-1084.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC4","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.5},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC4","pct":7.2},{"hex":"#819289","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1083.webp","thumb":"assets/thumb/ORG-1083.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#898C9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.2},{"hex":"#F9F8F5","pct":28.6},{"hex":"#FEFEFD","pct":13.1},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.4},{"hex":"#898C9D","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1082.webp","thumb":"assets/thumb/ORG-1082.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3C","#C3F032","#75776A"],"palette_detail":[{"hex":"#221A34","pct":35.0},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.7},{"hex":"#302B3C","pct":11.6},{"hex":"#C3F032","pct":4.7},{"hex":"#75776A","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1085","kind":"image","category":"mobile-app-ui","type":"screen","title":"Crypto support chat · Halo","description":"A support conversation inside Halo. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Bitcoin, the agent replies, a context card shows Bitcoin (0.0842 BTC, $6,328), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","crypto"],"palette":["#291D16","#0D0D0C","#191615","#342923","#E96228","#67615D"],"palette_detail":[{"hex":"#291D16","pct":34.5},{"hex":"#0D0D0C","pct":31.1},{"hex":"#191615","pct":15.0},{"hex":"#342923","pct":11.9},{"hex":"#E96228","pct":5.3},{"hex":"#67615D","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-crypto-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1085.webp","thumb":"assets/thumb/ORG-1085.webp","live":"originals/screens/gen-crypto-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1085.webp","thumb":"assets/thumb/ORG-1085.webp","palette":["#291D16","#0D0D0C","#191615","#342923","#E96228","#67615D"],"palette_detail":[{"hex":"#291D16","pct":34.5},{"hex":"#0D0D0C","pct":31.1},{"hex":"#191615","pct":15.0},{"hex":"#342923","pct":11.9},{"hex":"#E96228","pct":5.3},{"hex":"#67615D","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1088.webp","thumb":"assets/thumb/ORG-1088.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#28513D","#BDC8C0","#799687"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":29.2},{"hex":"#FEFEFD","pct":12.5},{"hex":"#28513D","pct":8.9},{"hex":"#BDC8C0","pct":6.1},{"hex":"#799687","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1087.webp","thumb":"assets/thumb/ORG-1087.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#BBBAB7","#445EE8","#2E2D2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":29.0},{"hex":"#FEFEFD","pct":12.5},{"hex":"#BBBAB7","pct":7.1},{"hex":"#445EE8","pct":5.3},{"hex":"#2E2D2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1086.webp","thumb":"assets/thumb/ORG-1086.webp","palette":["#221A34","#0E0B15","#191523","#2D263E","#B7E12F","#656268"],"palette_detail":[{"hex":"#221A34","pct":33.5},{"hex":"#0E0B15","pct":31.2},{"hex":"#191523","pct":15.9},{"hex":"#2D263E","pct":11.8},{"hex":"#B7E12F","pct":5.3},{"hex":"#656268","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1089","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets insights · Gather","description":"An insights screen in Gather. A Week selector sits beside the title; a card plots events near you as an area line with Saturday highlighted under the figure 6 events (near you · 2 friends going); a progress ring shows 42% of days above usual; three tiles follow — Saved 11, Friends 24, Spent €86. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","events","tickets","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362922","#211D1A","#6C5B4F"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":21.5},{"hex":"#362922","pct":12.3},{"hex":"#211D1A","pct":6.5},{"hex":"#6C5B4F","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1089.webp","thumb":"assets/thumb/ORG-1089.webp","live":"originals/screens/gen-events-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1089.webp","thumb":"assets/thumb/ORG-1089.webp","palette":["#2A1D16","#0D0D0C","#181514","#362922","#211D1A","#6C5B4F"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":21.5},{"hex":"#362922","pct":12.3},{"hex":"#211D1A","pct":6.5},{"hex":"#6C5B4F","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1092.webp","thumb":"assets/thumb/ORG-1092.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2E2E","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.1},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.9},{"hex":"#D3E0D6","pct":17.5},{"hex":"#2D2E2E","pct":5.0},{"hex":"#98A59D","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1091.webp","thumb":"assets/thumb/ORG-1091.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD7","#F3F3F5","#2E2D2E","#A2A3A7"],"palette_detail":[{"hex":"#FCFCFA","pct":37.4},{"hex":"#EAE8E3","pct":25.2},{"hex":"#DFDDD7","pct":21.7},{"hex":"#F3F3F5","pct":6.7},{"hex":"#2E2D2E","pct":4.9},{"hex":"#A2A3A7","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1090.webp","thumb":"assets/thumb/ORG-1090.webp","palette":["#221B34","#0E0C14","#191423","#2F2840","#3C432A","#78806B"],"palette_detail":[{"hex":"#221B34","pct":36.5},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.8},{"hex":"#2F2840","pct":10.3},{"hex":"#3C432A","pct":1.9},{"hex":"#78806B","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1093","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets schedule · Gather","description":"A day schedule in Gather. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Oslo Drift live, 09:30 Interface ’27, 12:00 Night market, 14:30 Sunrise hike, 17:00 Natural wine fair, 19:30 Comedy night — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","events","tickets"],"palette":["#2D2019","#0D0C0C","#1A1615","#151312","#F3672B","#675C55"],"palette_detail":[{"hex":"#2D2019","pct":41.0},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1615","pct":15.1},{"hex":"#151312","pct":4.3},{"hex":"#F3672B","pct":3.5},{"hex":"#675C55","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1093.webp","thumb":"assets/thumb/ORG-1093.webp","live":"originals/screens/gen-events-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1093.webp","thumb":"assets/thumb/ORG-1093.webp","palette":["#2D2019","#0D0C0C","#1A1615","#151312","#F3672B","#675C55"],"palette_detail":[{"hex":"#2D2019","pct":41.0},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1615","pct":15.1},{"hex":"#151312","pct":4.3},{"hex":"#F3672B","pct":3.5},{"hex":"#675C55","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1096.webp","thumb":"assets/thumb/ORG-1096.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#96A39B"],"palette_detail":[{"hex":"#D9E6DC","pct":42.3},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":13.1},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.9},{"hex":"#96A39B","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1095.webp","thumb":"assets/thumb/ORG-1095.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2C3770","#FEFDFA","#9196B2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.6},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":13.2},{"hex":"#2C3770","pct":7.5},{"hex":"#FEFDFA","pct":4.3},{"hex":"#9196B2","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1094.webp","thumb":"assets/thumb/ORG-1094.webp","palette":["#251E37","#0E0B15","#1A1526","#15121C","#BFEA33","#69676E"],"palette_detail":[{"hex":"#251E37","pct":40.8},{"hex":"#0E0B15","pct":34.1},{"hex":"#1A1526","pct":15.1},{"hex":"#15121C","pct":4.4},{"hex":"#BFEA33","pct":3.4},{"hex":"#69676E","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1097","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets confirmation · Gather","description":"A success screen in Gather after \"Tickets\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists General ×2 €56; Booking fee €3.20; Insurance €2.00 and the total €61.20; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","events","tickets"],"palette":["#2A1D16","#0D0D0C","#1A1614","#362821","#F9682B","#6B5C55"],"palette_detail":[{"hex":"#2A1D16","pct":33.8},{"hex":"#0D0D0C","pct":31.7},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.8},{"hex":"#F9682B","pct":4.8},{"hex":"#6B5C55","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1097.webp","thumb":"assets/thumb/ORG-1097.webp","live":"originals/screens/gen-events-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1097.webp","thumb":"assets/thumb/ORG-1097.webp","palette":["#2A1D16","#0D0D0C","#1A1614","#362821","#F9682B","#6B5C55"],"palette_detail":[{"hex":"#2A1D16","pct":33.8},{"hex":"#0D0D0C","pct":31.7},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.8},{"hex":"#F9682B","pct":4.8},{"hex":"#6B5C55","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1100.webp","thumb":"assets/thumb/ORG-1100.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#809288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.4},{"hex":"#FEFEFE","pct":12.8},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#809288","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1099.webp","thumb":"assets/thumb/ORG-1099.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C7C9","#898C9F"],"palette_detail":[{"hex":"#E6E3DD","pct":39.9},{"hex":"#F9F8F5","pct":28.7},{"hex":"#FEFEFD","pct":13.4},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C7C9","pct":6.5},{"hex":"#898C9F","pct":2.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1098.webp","thumb":"assets/thumb/ORG-1098.webp","palette":["#221A34","#0E0C15","#1A1622","#2F2A3B","#C3F032","#727467"],"palette_detail":[{"hex":"#221A34","pct":34.7},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":16.0},{"hex":"#2F2A3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#727467","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1101","kind":"image","category":"mobile-app-ui","type":"screen","title":"Events & tickets support chat · Gather","description":"A support conversation inside Gather. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Oslo Drift live, the agent replies, a context card shows Oslo Drift live (Fri 22 Nov · LAV, €28), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","events","tickets"],"palette":["#2B1E17","#0D0C0C","#1A1615","#2E2823","#EC6328","#665952"],"palette_detail":[{"hex":"#2B1E17","pct":33.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#1A1615","pct":16.0},{"hex":"#2E2823","pct":11.1},{"hex":"#EC6328","pct":6.3},{"hex":"#665952","pct":2.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-events-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1101.webp","thumb":"assets/thumb/ORG-1101.webp","live":"originals/screens/gen-events-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1101.webp","thumb":"assets/thumb/ORG-1101.webp","palette":["#2B1E17","#0D0C0C","#1A1615","#2E2823","#EC6328","#665952"],"palette_detail":[{"hex":"#2B1E17","pct":33.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#1A1615","pct":16.0},{"hex":"#2E2823","pct":11.1},{"hex":"#EC6328","pct":6.3},{"hex":"#665952","pct":2.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1104.webp","thumb":"assets/thumb/ORG-1104.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.7},{"hex":"#27543E","pct":9.7},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1103.webp","thumb":"assets/thumb/ORG-1103.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B7B6B6","#3D5AF0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.8},{"hex":"#B7B6B6","pct":7.1},{"hex":"#3D5AF0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1102.webp","thumb":"assets/thumb/ORG-1102.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BDE930","#6A6F58"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.6},{"hex":"#2D273F","pct":11.5},{"hex":"#BDE930","pct":5.8},{"hex":"#6A6F58","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1105","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness insights · Pulse","description":"An insights screen in Pulse. A Week selector sits beside the title; a card plots active minutes as an area line with Saturday highlighted under the figure 512 (82% of your 620 goal); a progress ring shows 71% of days above usual; three tiles follow — Distance 6.1 km, Heart 64 bpm, Sleep 7h 20m. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","fitness","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#171514","#362922","#211C18","#73594B"],"palette_detail":[{"hex":"#2A1D16","pct":31.3},{"hex":"#0D0D0C","pct":26.5},{"hex":"#171514","pct":20.0},{"hex":"#362922","pct":12.1},{"hex":"#211C18","pct":8.2},{"hex":"#73594B","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1105.webp","thumb":"assets/thumb/ORG-1105.webp","live":"originals/screens/gen-fitness-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1105.webp","thumb":"assets/thumb/ORG-1105.webp","palette":["#2A1D16","#0D0D0C","#171514","#362922","#211C18","#73594B"],"palette_detail":[{"hex":"#2A1D16","pct":31.3},{"hex":"#0D0D0C","pct":26.5},{"hex":"#171514","pct":20.0},{"hex":"#362922","pct":12.1},{"hex":"#211C18","pct":8.2},{"hex":"#73594B","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1108.webp","thumb":"assets/thumb/ORG-1108.webp","palette":["#DFEBE2","#F5F7F4","#FEFEFE","#D1DED4","#2D2F2E","#95A39A"],"palette_detail":[{"hex":"#DFEBE2","pct":35.5},{"hex":"#F5F7F4","pct":24.2},{"hex":"#FEFEFE","pct":19.3},{"hex":"#D1DED4","pct":12.5},{"hex":"#2D2F2E","pct":5.0},{"hex":"#95A39A","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1107.webp","thumb":"assets/thumb/ORG-1107.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD6","#F1F1F5","#2E2D2E","#A0A2AA"],"palette_detail":[{"hex":"#FCFCFA","pct":37.8},{"hex":"#EAE8E3","pct":25.0},{"hex":"#DFDDD6","pct":21.8},{"hex":"#F1F1F5","pct":6.6},{"hex":"#2E2D2E","pct":4.9},{"hex":"#A0A2AA","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1106.webp","thumb":"assets/thumb/ORG-1106.webp","palette":["#221B34","#0E0C14","#191423","#2E2740","#3F4431","#7E8566"],"palette_detail":[{"hex":"#221B34","pct":35.7},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.2},{"hex":"#2E2740","pct":10.4},{"hex":"#3F4431","pct":3.0},{"hex":"#7E8566","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1109","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness schedule · Pulse","description":"A day schedule in Pulse. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Interval run, 09:30 Upper body, 12:00 Yoga flow, 14:30 Long ride, 17:00 Core blast, 19:30 Recovery walk — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","fitness"],"palette":["#2C2019","#0D0C0C","#1A1615","#151312","#F4672B","#675951"],"palette_detail":[{"hex":"#2C2019","pct":41.1},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1615","pct":15.3},{"hex":"#151312","pct":4.2},{"hex":"#F4672B","pct":3.4},{"hex":"#675951","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1109.webp","thumb":"assets/thumb/ORG-1109.webp","live":"originals/screens/gen-fitness-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1109.webp","thumb":"assets/thumb/ORG-1109.webp","palette":["#2C2019","#0D0C0C","#1A1615","#151312","#F4672B","#675951"],"palette_detail":[{"hex":"#2C2019","pct":41.1},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1615","pct":15.3},{"hex":"#151312","pct":4.2},{"hex":"#F4672B","pct":3.4},{"hex":"#675951","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1112.webp","thumb":"assets/thumb/ORG-1112.webp","palette":["#D9E6DC","#F5F8F5","#FFFFFF","#294C3B","#FAFBF9","#96A49C"],"palette_detail":[{"hex":"#D9E6DC","pct":42.1},{"hex":"#F5F8F5","pct":27.5},{"hex":"#FFFFFF","pct":13.5},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.8},{"hex":"#96A49C","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1111.webp","thumb":"assets/thumb/ORG-1111.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2C3771","#FEFDFA","#9297B2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.3},{"hex":"#F9F8F6","pct":28.1},{"hex":"#FFFFFF","pct":13.6},{"hex":"#2C3771","pct":7.5},{"hex":"#FEFDFA","pct":4.3},{"hex":"#9297B2","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1110.webp","thumb":"assets/thumb/ORG-1110.webp","palette":["#251E37","#0E0B15","#1A1526","#15121C","#BFEB33","#69676D"],"palette_detail":[{"hex":"#251E37","pct":40.6},{"hex":"#0E0B15","pct":34.1},{"hex":"#1A1526","pct":15.6},{"hex":"#15121C","pct":4.3},{"hex":"#BFEB33","pct":3.4},{"hex":"#69676D","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1113","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness confirmation · Pulse","description":"A success screen in Pulse after \"Join challenge\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Challenge October 100 km; Duration 31 days; Entry Free and the total Free; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","fitness"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6F615A"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.2},{"hex":"#F9682A","pct":4.8},{"hex":"#6F615A","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1113.webp","thumb":"assets/thumb/ORG-1113.webp","live":"originals/screens/gen-fitness-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1113.webp","thumb":"assets/thumb/ORG-1113.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6F615A"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.2},{"hex":"#F9682A","pct":4.8},{"hex":"#6F615A","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1116.webp","thumb":"assets/thumb/ORG-1116.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#809188"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.8},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#809188","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1115.webp","thumb":"assets/thumb/ORG-1115.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#888B9C"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C7C6C9","pct":6.4},{"hex":"#888B9C","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1114.webp","thumb":"assets/thumb/ORG-1114.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#76796B"],"palette_detail":[{"hex":"#221A34","pct":34.9},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.6},{"hex":"#C3F032","pct":4.7},{"hex":"#76796B","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1117","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fitness support chat · Pulse","description":"A support conversation inside Pulse. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Interval run, the agent replies, a context card shows Interval run (32 min · 7:10 AM, 318 kcal), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","fitness"],"palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#665F5B"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#352922","pct":12.0},{"hex":"#EC6329","pct":6.4},{"hex":"#665F5B","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-fitness-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1117.webp","thumb":"assets/thumb/ORG-1117.webp","live":"originals/screens/gen-fitness-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1117.webp","thumb":"assets/thumb/ORG-1117.webp","palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#665F5B"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#352922","pct":12.0},{"hex":"#EC6329","pct":6.4},{"hex":"#665F5B","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1120.webp","thumb":"assets/thumb/ORG-1120.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27553E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.6},{"hex":"#27553E","pct":9.8},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1119.webp","thumb":"assets/thumb/ORG-1119.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B8B7B6","#3D5AEF","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.0},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.7},{"hex":"#B8B7B6","pct":7.3},{"hex":"#3D5AEF","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1118.webp","thumb":"assets/thumb/ORG-1118.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BDE930","#6A6E59"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.6},{"hex":"#BDE930","pct":5.9},{"hex":"#6A6E59","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1121","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery insights · Bowl","description":"An insights screen in Bowl. A Week selector sits beside the title; a card plots orders this week as an area line with Saturday highlighted under the figure 12 min (Kōji Ramen · on the way); a progress ring shows 57% of days above usual; three tiles follow — Saved €38, Favourites 9, Rating 4.9. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","food","delivery","bottom-nav"],"palette":["#291D16","#0D0D0C","#181614","#362821","#221F1D","#6D5648"],"palette_detail":[{"hex":"#291D16","pct":32.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181614","pct":21.9},{"hex":"#362821","pct":12.6},{"hex":"#221F1D","pct":4.5},{"hex":"#6D5648","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1121.webp","thumb":"assets/thumb/ORG-1121.webp","live":"originals/screens/gen-food-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1121.webp","thumb":"assets/thumb/ORG-1121.webp","palette":["#291D16","#0D0D0C","#181614","#362821","#221F1D","#6D5648"],"palette_detail":[{"hex":"#291D16","pct":32.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181614","pct":21.9},{"hex":"#362821","pct":12.6},{"hex":"#221F1D","pct":4.5},{"hex":"#6D5648","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1124.webp","thumb":"assets/thumb/ORG-1124.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2F","#98A69E"],"palette_detail":[{"hex":"#E0ECE3","pct":30.5},{"hex":"#F5F7F4","pct":23.7},{"hex":"#FEFEFE","pct":19.6},{"hex":"#D3E0D6","pct":17.4},{"hex":"#2D2F2F","pct":5.0},{"hex":"#98A69E","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1123.webp","thumb":"assets/thumb/ORG-1123.webp","palette":["#FCFBFA","#E5E2DB","#ECEBEB","#CCCBC9","#2D2D2D","#9598A1"],"palette_detail":[{"hex":"#FCFBFA","pct":41.3},{"hex":"#E5E2DB","pct":32.0},{"hex":"#ECEBEB","pct":13.0},{"hex":"#CCCBC9","pct":6.5},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9598A1","pct":2.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1122.webp","thumb":"assets/thumb/ORG-1122.webp","palette":["#221B34","#0E0C14","#191423","#2F2840","#39402A","#788162"],"palette_detail":[{"hex":"#221B34","pct":36.2},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.6},{"hex":"#2F2840","pct":10.3},{"hex":"#39402A","pct":2.2},{"hex":"#788162","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1125","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery schedule · Bowl","description":"A day schedule in Bowl. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Kōji Ramen, 09:30 Forno Nero, 12:00 Green Room, 14:30 Taco Lab, 17:00 Pastelaria 28, 19:30 Thai Garden — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","food","delivery"],"palette":["#0D0D0C","#291C16","#181514","#332720","#F4672A","#695C54"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.9},{"hex":"#181514","pct":16.1},{"hex":"#332720","pct":12.8},{"hex":"#F4672A","pct":3.4},{"hex":"#695C54","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1125.webp","thumb":"assets/thumb/ORG-1125.webp","live":"originals/screens/gen-food-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1125.webp","thumb":"assets/thumb/ORG-1125.webp","palette":["#0D0D0C","#291C16","#181514","#332720","#F4672A","#695C54"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.9},{"hex":"#181514","pct":16.1},{"hex":"#332720","pct":12.8},{"hex":"#F4672A","pct":3.4},{"hex":"#695C54","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1128.webp","thumb":"assets/thumb/ORG-1128.webp","palette":["#D9E6DC","#F5F8F5","#FFFFFF","#294C3C","#FAFBF9","#99A69E"],"palette_detail":[{"hex":"#D9E6DC","pct":42.2},{"hex":"#F5F8F5","pct":27.6},{"hex":"#FFFFFF","pct":13.0},{"hex":"#294C3C","pct":8.1},{"hex":"#FAFBF9","pct":4.9},{"hex":"#99A69E","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1127.webp","thumb":"assets/thumb/ORG-1127.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D3873","#989CB2","#FEFDFA"],"palette_detail":[{"hex":"#E3E0DA","pct":42.3},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":13.1},{"hex":"#2D3873","pct":7.6},{"hex":"#989CB2","pct":4.5},{"hex":"#FEFDFA","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1126.webp","thumb":"assets/thumb/ORG-1126.webp","palette":["#0E0C15","#211933","#181423","#2B253C","#C0EC33","#6B696D"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211933","pct":30.4},{"hex":"#181423","pct":16.5},{"hex":"#2B253C","pct":12.9},{"hex":"#C0EC33","pct":3.3},{"hex":"#6B696D","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1129","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery confirmation · Bowl","description":"A success screen in Bowl after \"Your cart\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Miso ramen ×1 €14.50; Gyoza ×2 €8.00; Delivery €2.99 and the total €26.70; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","food","delivery"],"palette":["#2A1D16","#0D0D0C","#1A1614","#362821","#F9682B","#6C5E57"],"palette_detail":[{"hex":"#2A1D16","pct":33.8},{"hex":"#0D0D0C","pct":31.7},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.8},{"hex":"#F9682B","pct":4.8},{"hex":"#6C5E57","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1129.webp","thumb":"assets/thumb/ORG-1129.webp","live":"originals/screens/gen-food-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1129.webp","thumb":"assets/thumb/ORG-1129.webp","palette":["#2A1D16","#0D0D0C","#1A1614","#362821","#F9682B","#6C5E57"],"palette_detail":[{"hex":"#2A1D16","pct":33.8},{"hex":"#0D0D0C","pct":31.7},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.8},{"hex":"#F9682B","pct":4.8},{"hex":"#6C5E57","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1132.webp","thumb":"assets/thumb/ORG-1132.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.4},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.0},{"hex":"#819289","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1131.webp","thumb":"assets/thumb/ORG-1131.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#888C9E"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.7},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.3},{"hex":"#888C9E","pct":2.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1130.webp","thumb":"assets/thumb/ORG-1130.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#747669"],"palette_detail":[{"hex":"#221A34","pct":34.8},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#747669","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1133","kind":"image","category":"mobile-app-ui","type":"screen","title":"Food delivery support chat · Bowl","description":"A support conversation inside Bowl. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Kōji Ramen, the agent replies, a context card shows Kōji Ramen (Japanese · 20–30 min, €€), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","food","delivery"],"palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#675E5A"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.9},{"hex":"#352922","pct":11.9},{"hex":"#EC6329","pct":6.3},{"hex":"#675E5A","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-food-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1133.webp","thumb":"assets/thumb/ORG-1133.webp","live":"originals/screens/gen-food-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1133.webp","thumb":"assets/thumb/ORG-1133.webp","palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#675E5A"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.9},{"hex":"#352922","pct":11.9},{"hex":"#EC6329","pct":6.3},{"hex":"#675E5A","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1136.webp","thumb":"assets/thumb/ORG-1136.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27553E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.7},{"hex":"#27553E","pct":9.8},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1135.webp","thumb":"assets/thumb/ORG-1135.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B8B7B7","#3D5AEF","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.0},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.8},{"hex":"#B8B7B7","pct":7.2},{"hex":"#3D5AEF","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1134.webp","thumb":"assets/thumb/ORG-1134.webp","palette":["#221A34","#0E0B15","#191523","#2E273F","#BEE931","#6C7157"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.6},{"hex":"#2E273F","pct":11.7},{"hex":"#BEE931","pct":5.8},{"hex":"#6C7157","pct":2.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1137","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health insights · Dose","description":"An insights screen in Dose. A Week selector sits beside the title; a card plots adherence this week as an area line with Saturday highlighted under the figure 8:00 PM (Vitamin D · 1 capsule); a progress ring shows 100% of days above usual; three tiles follow — Meds 4, Refill 6 days, BP 118/76. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","health","bottom-nav"],"palette":["#2A1D17","#0D0D0C","#171514","#392A22","#221C18","#765A4B"],"palette_detail":[{"hex":"#2A1D17","pct":31.3},{"hex":"#0D0D0C","pct":26.5},{"hex":"#171514","pct":18.6},{"hex":"#392A22","pct":12.6},{"hex":"#221C18","pct":9.0},{"hex":"#765A4B","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1137.webp","thumb":"assets/thumb/ORG-1137.webp","live":"originals/screens/gen-health-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1137.webp","thumb":"assets/thumb/ORG-1137.webp","palette":["#2A1D17","#0D0D0C","#171514","#392A22","#221C18","#765A4B"],"palette_detail":[{"hex":"#2A1D17","pct":31.3},{"hex":"#0D0D0C","pct":26.5},{"hex":"#171514","pct":18.6},{"hex":"#392A22","pct":12.6},{"hex":"#221C18","pct":9.0},{"hex":"#765A4B","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1140.webp","thumb":"assets/thumb/ORG-1140.webp","palette":["#DFEBE2","#F5F7F4","#FEFEFE","#D0DED4","#2D2F2F","#94A39A"],"palette_detail":[{"hex":"#DFEBE2","pct":36.0},{"hex":"#F5F7F4","pct":24.1},{"hex":"#FEFEFE","pct":17.9},{"hex":"#D0DED4","pct":13.5},{"hex":"#2D2F2F","pct":5.0},{"hex":"#94A39A","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1139.webp","thumb":"assets/thumb/ORG-1139.webp","palette":["#FCFCFA","#DFDDD7","#E8E7E5","#F3F3F5","#2E2D2E","#9FA2AC"],"palette_detail":[{"hex":"#FCFCFA","pct":35.7},{"hex":"#DFDDD7","pct":28.5},{"hex":"#E8E7E5","pct":19.8},{"hex":"#F3F3F5","pct":6.8},{"hex":"#2E2D2E","pct":4.9},{"hex":"#9FA2AC","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1138.webp","thumb":"assets/thumb/ORG-1138.webp","palette":["#221A34","#0E0C14","#191423","#2C253C","#444936","#858E68"],"palette_detail":[{"hex":"#221A34","pct":34.3},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":21.6},{"hex":"#2C253C","pct":12.6},{"hex":"#444936","pct":4.0},{"hex":"#858E68","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1141","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health schedule · Dose","description":"A day schedule in Dose. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Lisinopril, 09:30 Metformin, 12:00 Vitamin D, 14:30 Omega-3, 17:00 Ibuprofen, 19:30 Melatonin — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","health"],"palette":["#2D2019","#0D0D0C","#1A1615","#151312","#F4672B","#655951"],"palette_detail":[{"hex":"#2D2019","pct":41.0},{"hex":"#0D0D0C","pct":34.2},{"hex":"#1A1615","pct":14.1},{"hex":"#151312","pct":5.0},{"hex":"#F4672B","pct":3.4},{"hex":"#655951","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1141.webp","thumb":"assets/thumb/ORG-1141.webp","live":"originals/screens/gen-health-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1141.webp","thumb":"assets/thumb/ORG-1141.webp","palette":["#2D2019","#0D0D0C","#1A1615","#151312","#F4672B","#655951"],"palette_detail":[{"hex":"#2D2019","pct":41.0},{"hex":"#0D0D0C","pct":34.2},{"hex":"#1A1615","pct":14.1},{"hex":"#151312","pct":5.0},{"hex":"#F4672B","pct":3.4},{"hex":"#655951","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1144.webp","thumb":"assets/thumb/ORG-1144.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#99A69E"],"palette_detail":[{"hex":"#D9E6DC","pct":42.2},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":13.1},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":5.0},{"hex":"#99A69E","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1143.webp","thumb":"assets/thumb/ORG-1143.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D3872","#FEFDFA","#989BB2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.3},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":13.2},{"hex":"#2D3872","pct":7.6},{"hex":"#FEFDFA","pct":4.4},{"hex":"#989BB2","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1142.webp","thumb":"assets/thumb/ORG-1142.webp","palette":["#251E37","#0E0B15","#1A1526","#15121C","#BFEB33","#66636B"],"palette_detail":[{"hex":"#251E37","pct":40.7},{"hex":"#0E0B15","pct":34.1},{"hex":"#1A1526","pct":15.3},{"hex":"#15121C","pct":4.3},{"hex":"#BFEB33","pct":3.4},{"hex":"#66636B","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1145","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health confirmation · Dose","description":"A success screen in Dose after \"Request refill\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Medication Lisinopril 10 mg; Quantity 30 tablets; Pharmacy Farmácia Central and the total €4.20; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","health"],"palette":["#2A1D16","#0D0D0C","#1A1614","#362922","#F9682A","#71655E"],"palette_detail":[{"hex":"#2A1D16","pct":33.7},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.3},{"hex":"#362922","pct":13.0},{"hex":"#F9682A","pct":4.8},{"hex":"#71655E","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1145.webp","thumb":"assets/thumb/ORG-1145.webp","live":"originals/screens/gen-health-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1145.webp","thumb":"assets/thumb/ORG-1145.webp","palette":["#2A1D16","#0D0D0C","#1A1614","#362922","#F9682A","#71655E"],"palette_detail":[{"hex":"#2A1D16","pct":33.7},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.3},{"hex":"#362922","pct":13.0},{"hex":"#F9682A","pct":4.8},{"hex":"#71655E","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1148.webp","thumb":"assets/thumb/ORG-1148.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFD","#26523D","#BFCDC3","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.2},{"hex":"#F5F7F4","pct":28.3},{"hex":"#FEFEFD","pct":12.3},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#819289","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1147.webp","thumb":"assets/thumb/ORG-1147.webp","palette":["#E5E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C6C6C8","#878A9B"],"palette_detail":[{"hex":"#E5E3DD","pct":40.3},{"hex":"#F9F8F5","pct":28.6},{"hex":"#FEFEFD","pct":12.9},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C6C6C8","pct":6.4},{"hex":"#878A9B","pct":2.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1146.webp","thumb":"assets/thumb/ORG-1146.webp","palette":["#221A34","#0E0C15","#1A1622","#312C3C","#C3F031","#7C7E72"],"palette_detail":[{"hex":"#221A34","pct":35.5},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.5},{"hex":"#312C3C","pct":11.4},{"hex":"#C3F031","pct":4.7},{"hex":"#7C7E72","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1149","kind":"image","category":"mobile-app-ui","type":"screen","title":"Health support chat · Dose","description":"A support conversation inside Dose. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Lisinopril, the agent replies, a context card shows Lisinopril (10 mg · 8:00 AM, Taken), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","health"],"palette":["#291D16","#0D0D0C","#191615","#342923","#E96228","#67625F"],"palette_detail":[{"hex":"#291D16","pct":34.8},{"hex":"#0D0D0C","pct":31.0},{"hex":"#191615","pct":14.8},{"hex":"#342923","pct":11.8},{"hex":"#E96228","pct":5.4},{"hex":"#67625F","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-health-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1149.webp","thumb":"assets/thumb/ORG-1149.webp","live":"originals/screens/gen-health-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1149.webp","thumb":"assets/thumb/ORG-1149.webp","palette":["#291D16","#0D0D0C","#191615","#342923","#E96228","#67625F"],"palette_detail":[{"hex":"#291D16","pct":34.8},{"hex":"#0D0D0C","pct":31.0},{"hex":"#191615","pct":14.8},{"hex":"#342923","pct":11.8},{"hex":"#E96228","pct":5.4},{"hex":"#67625F","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1152.webp","thumb":"assets/thumb/ORG-1152.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#28523E","#BDC8C0","#799787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.2},{"hex":"#F5F7F4","pct":29.1},{"hex":"#FEFEFD","pct":12.3},{"hex":"#28523E","pct":8.9},{"hex":"#BDC8C0","pct":6.2},{"hex":"#799787","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1151.webp","thumb":"assets/thumb/ORG-1151.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#BBBAB7","#445FE8","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":29.0},{"hex":"#FEFEFD","pct":12.4},{"hex":"#BBBAB7","pct":7.1},{"hex":"#445FE8","pct":5.4},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1150.webp","thumb":"assets/thumb/ORG-1150.webp","palette":["#211933","#0E0B15","#191522","#2B243C","#B7E12F","#636066"],"palette_detail":[{"hex":"#211933","pct":32.1},{"hex":"#0E0B15","pct":31.1},{"hex":"#191522","pct":15.3},{"hex":"#2B243C","pct":13.7},{"hex":"#B7E12F","pct":5.4},{"hex":"#636066","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1153","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate insights · Nest","description":"An insights screen in Nest. A Week selector sits beside the title; a card plots viewings this week as an area line with Saturday highlighted under the figure 24 homes (Alfama · 2 bed · under €450k); a progress ring shows 57% of days above usual; three tiles follow — New today 6, Viewings 3, Offers 1. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","home","real","estate","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181614","#362922","#211D1A","#6C5649"],"palette_detail":[{"hex":"#2A1D16","pct":32.1},{"hex":"#0D0D0C","pct":26.6},{"hex":"#181614","pct":21.0},{"hex":"#362922","pct":12.4},{"hex":"#211D1A","pct":6.0},{"hex":"#6C5649","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1153.webp","thumb":"assets/thumb/ORG-1153.webp","live":"originals/screens/gen-home-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1153.webp","thumb":"assets/thumb/ORG-1153.webp","palette":["#2A1D16","#0D0D0C","#181614","#362922","#211D1A","#6C5649"],"palette_detail":[{"hex":"#2A1D16","pct":32.1},{"hex":"#0D0D0C","pct":26.6},{"hex":"#181614","pct":21.0},{"hex":"#362922","pct":12.4},{"hex":"#211D1A","pct":6.0},{"hex":"#6C5649","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1156.webp","thumb":"assets/thumb/ORG-1156.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2F","#98A69D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.6},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.3},{"hex":"#D3E0D6","pct":17.6},{"hex":"#2D2F2F","pct":5.0},{"hex":"#98A69D","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1155.webp","thumb":"assets/thumb/ORG-1155.webp","palette":["#FCFCFA","#EAE8E2","#DFDDD7","#F1F1F5","#2E2D2E","#A2A4AA"],"palette_detail":[{"hex":"#FCFCFA","pct":37.8},{"hex":"#EAE8E2","pct":24.9},{"hex":"#DFDDD7","pct":21.7},{"hex":"#F1F1F5","pct":6.5},{"hex":"#2E2D2E","pct":4.9},{"hex":"#A2A4AA","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1154.webp","thumb":"assets/thumb/ORG-1154.webp","palette":["#221B34","#0E0C14","#191423","#2E2740","#3B412C","#778165"],"palette_detail":[{"hex":"#221B34","pct":36.7},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.2},{"hex":"#2E2740","pct":10.3},{"hex":"#3B412C","pct":2.2},{"hex":"#778165","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1157","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate schedule · Nest","description":"A day schedule in Nest. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Rua da Saudade 12, 09:30 Travessa do Fado 3, 12:00 Largo do Chafariz 8, 14:30 Rua dos Remédios 40, 17:00 Calçada do Monte 9, 19:30 Rua de São Miguel 2 — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","home","real","estate"],"palette":["#0D0D0C","#291D16","#181514","#352922","#F1662A","#6E635D"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":32.3},{"hex":"#181514","pct":15.3},{"hex":"#352922","pct":11.9},{"hex":"#F1662A","pct":3.5},{"hex":"#6E635D","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1157.webp","thumb":"assets/thumb/ORG-1157.webp","live":"originals/screens/gen-home-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1157.webp","thumb":"assets/thumb/ORG-1157.webp","palette":["#0D0D0C","#291D16","#181514","#352922","#F1662A","#6E635D"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":32.3},{"hex":"#181514","pct":15.3},{"hex":"#352922","pct":11.9},{"hex":"#F1662A","pct":3.5},{"hex":"#6E635D","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1160.webp","thumb":"assets/thumb/ORG-1160.webp","palette":["#DCE8DE","#F6F8F5","#FEFFFE","#274738","#BDC8C0","#779184"],"palette_detail":[{"hex":"#DCE8DE","pct":39.3},{"hex":"#F6F8F5","pct":30.8},{"hex":"#FEFFFE","pct":13.4},{"hex":"#274738","pct":7.4},{"hex":"#BDC8C0","pct":5.8},{"hex":"#779184","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1159.webp","thumb":"assets/thumb/ORG-1159.webp","palette":["#E5E2DB","#F9F9F6","#FFFFFE","#B6B5B4","#2E2E2E","#3C58EA"],"palette_detail":[{"hex":"#E5E2DB","pct":40.4},{"hex":"#F9F9F6","pct":29.5},{"hex":"#FFFFFE","pct":15.2},{"hex":"#B6B5B4","pct":6.4},{"hex":"#2E2E2E","pct":5.0},{"hex":"#3C58EA","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1158.webp","thumb":"assets/thumb/ORG-1158.webp","palette":["#0E0C15","#221A34","#191423","#2F293F","#BDE931","#787777"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#221A34","pct":33.0},{"hex":"#191423","pct":16.0},{"hex":"#2F293F","pct":11.0},{"hex":"#BDE931","pct":3.3},{"hex":"#787777","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1161","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate confirmation · Nest","description":"A success screen in Nest after \"Book a viewing\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Home Rua da Saudade 12; Date Thu 14 Nov; Time 11:00 and the total Free; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","home","real","estate"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6E615A"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.3},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#6E615A","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1161.webp","thumb":"assets/thumb/ORG-1161.webp","live":"originals/screens/gen-home-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1161.webp","thumb":"assets/thumb/ORG-1161.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6E615A"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.3},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#6E615A","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1164.webp","thumb":"assets/thumb/ORG-1164.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCCC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCCC3","pct":7.1},{"hex":"#819288","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1163.webp","thumb":"assets/thumb/ORG-1163.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C7C9","#888B9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C7C9","pct":6.5},{"hex":"#888B9D","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1162.webp","thumb":"assets/thumb/ORG-1162.webp","palette":["#221A34","#0E0C15","#1A1622","#312C3B","#C3F032","#77796D"],"palette_detail":[{"hex":"#221A34","pct":35.3},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.9},{"hex":"#312C3B","pct":11.2},{"hex":"#C3F032","pct":4.7},{"hex":"#77796D","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1165","kind":"image","category":"mobile-app-ui","type":"screen","title":"Real estate support chat · Nest","description":"A support conversation inside Nest. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Rua da Saudade 12, the agent replies, a context card shows Rua da Saudade 12 (2 bed · 84 m² · Alfama, €425k), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","home","real","estate"],"palette":["#2B1E17","#0D0C0C","#1A1615","#2E2823","#EB6328","#665953"],"palette_detail":[{"hex":"#2B1E17","pct":33.8},{"hex":"#0D0C0C","pct":30.1},{"hex":"#1A1615","pct":15.8},{"hex":"#2E2823","pct":11.1},{"hex":"#EB6328","pct":6.3},{"hex":"#665953","pct":2.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-home-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1165.webp","thumb":"assets/thumb/ORG-1165.webp","live":"originals/screens/gen-home-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1165.webp","thumb":"assets/thumb/ORG-1165.webp","palette":["#2B1E17","#0D0C0C","#1A1615","#2E2823","#EB6328","#665953"],"palette_detail":[{"hex":"#2B1E17","pct":33.8},{"hex":"#0D0C0C","pct":30.1},{"hex":"#1A1615","pct":15.8},{"hex":"#2E2823","pct":11.1},{"hex":"#EB6328","pct":6.3},{"hex":"#665953","pct":2.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1168.webp","thumb":"assets/thumb/ORG-1168.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#779786"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.5},{"hex":"#27543E","pct":9.7},{"hex":"#BBC7BE","pct":6.3},{"hex":"#779786","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1167.webp","thumb":"assets/thumb/ORG-1167.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B7B6B5","#3D5AF0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.2},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.6},{"hex":"#B7B6B5","pct":7.2},{"hex":"#3D5AF0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1166.webp","thumb":"assets/thumb/ORG-1166.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BBE730","#696C5B"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.4},{"hex":"#2D273F","pct":11.6},{"hex":"#BBE730","pct":5.9},{"hex":"#696C5B","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1169","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning insights · Fable","description":"An insights screen in Fable. A Week selector sits beside the title; a card plots minutes per day as an area line with Saturday highlighted under the figure 18 / 20 (minutes · 2 to go); a progress ring shows 85% of days above usual; three tiles follow — Words 1,284, Level B1, Accuracy 91%. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","learn","language","learning","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#382922","#221C19","#735749"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":19.7},{"hex":"#382922","pct":12.1},{"hex":"#221C19","pct":8.3},{"hex":"#735749","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1169.webp","thumb":"assets/thumb/ORG-1169.webp","live":"originals/screens/gen-learn-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1169.webp","thumb":"assets/thumb/ORG-1169.webp","palette":["#2A1D16","#0D0D0C","#181514","#382922","#221C19","#735749"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":19.7},{"hex":"#382922","pct":12.1},{"hex":"#221C19","pct":8.3},{"hex":"#735749","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1172.webp","thumb":"assets/thumb/ORG-1172.webp","palette":["#DFEBE2","#F5F7F4","#FEFEFE","#D1DED4","#2D2F2E","#96A49B"],"palette_detail":[{"hex":"#DFEBE2","pct":35.7},{"hex":"#F5F7F4","pct":24.0},{"hex":"#FEFEFE","pct":18.9},{"hex":"#D1DED4","pct":12.9},{"hex":"#2D2F2E","pct":5.0},{"hex":"#96A49B","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1171.webp","thumb":"assets/thumb/ORG-1171.webp","palette":["#FCFCFA","#E9E7E4","#DFDDD7","#F3F3F5","#2E2D2D","#A1A2AA"],"palette_detail":[{"hex":"#FCFCFA","pct":36.9},{"hex":"#E9E7E4","pct":25.9},{"hex":"#DFDDD7","pct":21.8},{"hex":"#F3F3F5","pct":6.5},{"hex":"#2E2D2D","pct":4.9},{"hex":"#A1A2AA","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1170.webp","thumb":"assets/thumb/ORG-1170.webp","palette":["#221B34","#0E0C14","#191423","#2D263F","#404534","#7F8765"],"palette_detail":[{"hex":"#221B34","pct":35.3},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":22.7},{"hex":"#2D263F","pct":11.0},{"hex":"#404534","pct":3.4},{"hex":"#7F8765","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1173","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning schedule · Fable","description":"A day schedule in Fable. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 At the market, 09:30 Past tense II, 12:00 A day in Seville, 14:30 Ordering coffee, 17:00 Numbers 100+, 19:30 Small talk — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","learn","language","learning"],"palette":["#0D0D0C","#291C16","#181514","#332721","#F4672A","#6B5F57"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.8},{"hex":"#181514","pct":16.1},{"hex":"#332721","pct":12.9},{"hex":"#F4672A","pct":3.4},{"hex":"#6B5F57","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1173.webp","thumb":"assets/thumb/ORG-1173.webp","live":"originals/screens/gen-learn-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1173.webp","thumb":"assets/thumb/ORG-1173.webp","palette":["#0D0D0C","#291C16","#181514","#332721","#F4672A","#6B5F57"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.8},{"hex":"#181514","pct":16.1},{"hex":"#332721","pct":12.9},{"hex":"#F4672A","pct":3.4},{"hex":"#6B5F57","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1176.webp","thumb":"assets/thumb/ORG-1176.webp","palette":["#D9E6DC","#F5F8F5","#FFFFFF","#294C3B","#FAFBF9","#98A59D"],"palette_detail":[{"hex":"#D9E6DC","pct":42.3},{"hex":"#F5F8F5","pct":27.9},{"hex":"#FFFFFF","pct":13.0},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.6},{"hex":"#98A59D","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1175.webp","thumb":"assets/thumb/ORG-1175.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D3771","#FEFDFA","#9398B2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.5},{"hex":"#F9F8F6","pct":28.1},{"hex":"#FFFFFF","pct":13.0},{"hex":"#2D3771","pct":7.5},{"hex":"#FEFDFA","pct":4.4},{"hex":"#9398B2","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1174.webp","thumb":"assets/thumb/ORG-1174.webp","palette":["#0E0C15","#211933","#181423","#2C253D","#BFEB32","#6E6C71"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211933","pct":30.3},{"hex":"#181423","pct":16.5},{"hex":"#2C253D","pct":13.1},{"hex":"#BFEB32","pct":3.4},{"hex":"#6E6C71","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1177","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning confirmation · Fable","description":"A success screen in Fable after \"Unlock Super\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Plan 12 months; Price €6.99 / mo; Billed €83.88 / yr and the total €0 today; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","learn","language","learning"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6E625B"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#6E625B","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1177.webp","thumb":"assets/thumb/ORG-1177.webp","live":"originals/screens/gen-learn-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1177.webp","thumb":"assets/thumb/ORG-1177.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6E625B"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#6E625B","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1180.webp","thumb":"assets/thumb/ORG-1180.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCCC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.1},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCCC3","pct":7.1},{"hex":"#819288","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1179.webp","thumb":"assets/thumb/ORG-1179.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#898C9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.4},{"hex":"#FEFEFD","pct":13.4},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.4},{"hex":"#898C9D","pct":2.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1178.webp","thumb":"assets/thumb/ORG-1178.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#76786C"],"palette_detail":[{"hex":"#221A34","pct":34.9},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#76786C","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1181","kind":"image","category":"mobile-app-ui","type":"screen","title":"Language learning support chat · Fable","description":"A support conversation inside Fable. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about At the market, the agent replies, a context card shows At the market (Speaking · 8 min, New), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","learn","language","learning"],"palette":["#291D16","#0D0C0C","#191615","#352922","#EC6328","#665F5B"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.9},{"hex":"#352922","pct":11.9},{"hex":"#EC6328","pct":6.3},{"hex":"#665F5B","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-learn-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1181.webp","thumb":"assets/thumb/ORG-1181.webp","live":"originals/screens/gen-learn-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1181.webp","thumb":"assets/thumb/ORG-1181.webp","palette":["#291D16","#0D0C0C","#191615","#352922","#EC6328","#665F5B"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.9},{"hex":"#352922","pct":11.9},{"hex":"#EC6328","pct":6.3},{"hex":"#665F5B","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1184.webp","thumb":"assets/thumb/ORG-1184.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27553E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.6},{"hex":"#27553E","pct":9.8},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1183.webp","thumb":"assets/thumb/ORG-1183.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B7B6B6","#3D5AF0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":27.8},{"hex":"#FEFEFD","pct":12.7},{"hex":"#B7B6B6","pct":7.2},{"hex":"#3D5AF0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1182.webp","thumb":"assets/thumb/ORG-1182.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BEE931","#6C7158"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.7},{"hex":"#BEE931","pct":5.8},{"hex":"#6C7158","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1185","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance insights · Ledger","description":"An insights screen in Ledger. A Week selector sits beside the title; a card plots spending this week as an area line with Saturday highlighted under the figure $12,480.32 (▲ $320.18 this week); a progress ring shows 57% of days above usual; three tiles follow — Spent $2,914, Saved $1,400, Invested $880. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","money","personal","finance","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#372922","#211C19","#715D51"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.0},{"hex":"#372922","pct":12.0},{"hex":"#211C19","pct":7.6},{"hex":"#715D51","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1185.webp","thumb":"assets/thumb/ORG-1185.webp","live":"originals/screens/gen-money-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1185.webp","thumb":"assets/thumb/ORG-1185.webp","palette":["#2A1D16","#0D0D0C","#181514","#372922","#211C19","#715D51"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.0},{"hex":"#372922","pct":12.0},{"hex":"#211C19","pct":7.6},{"hex":"#715D51","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1188.webp","thumb":"assets/thumb/ORG-1188.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2E","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.4},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.1},{"hex":"#D3E0D6","pct":17.7},{"hex":"#2D2F2E","pct":5.0},{"hex":"#98A59D","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1187.webp","thumb":"assets/thumb/ORG-1187.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD6","#F1F1F5","#2E2D2D","#A1A2A8"],"palette_detail":[{"hex":"#FCFCFA","pct":37.6},{"hex":"#EAE8E3","pct":24.8},{"hex":"#DFDDD6","pct":21.8},{"hex":"#F1F1F5","pct":6.7},{"hex":"#2E2D2D","pct":4.9},{"hex":"#A1A2A8","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1186.webp","thumb":"assets/thumb/ORG-1186.webp","palette":["#221B34","#0E0C14","#191423","#2F2841","#3A4029","#797F6A"],"palette_detail":[{"hex":"#221B34","pct":36.6},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.0},{"hex":"#2F2841","pct":9.9},{"hex":"#3A4029","pct":2.6},{"hex":"#797F6A","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1189","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance schedule · Ledger","description":"A day schedule in Ledger. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Corner Market, 09:30 Ana Ruiz, 12:00 Streamly, 14:30 City Power, 17:00 Payroll, 19:30 Metro card — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","money","personal","finance"],"palette":["#0D0D0C","#291D16","#181514","#342821","#F3672A","#6A5E57"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.8},{"hex":"#181514","pct":16.3},{"hex":"#342821","pct":11.7},{"hex":"#F3672A","pct":3.5},{"hex":"#6A5E57","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1189.webp","thumb":"assets/thumb/ORG-1189.webp","live":"originals/screens/gen-money-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1189.webp","thumb":"assets/thumb/ORG-1189.webp","palette":["#0D0D0C","#291D16","#181514","#342821","#F3672A","#6A5E57"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.8},{"hex":"#181514","pct":16.3},{"hex":"#342821","pct":11.7},{"hex":"#F3672A","pct":3.5},{"hex":"#6A5E57","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1192.webp","thumb":"assets/thumb/ORG-1192.webp","palette":["#D9E6DC","#F5F8F5","#FFFFFF","#294C3B","#FAFBF9","#97A49C"],"palette_detail":[{"hex":"#D9E6DC","pct":42.2},{"hex":"#F5F8F5","pct":27.5},{"hex":"#FFFFFF","pct":13.5},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.6},{"hex":"#97A49C","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1191.webp","thumb":"assets/thumb/ORG-1191.webp","palette":["#E7E5DE","#FAF9F6","#FFFFFE","#D8D5D0","#2C376F","#878DB3"],"palette_detail":[{"hex":"#E7E5DE","pct":33.8},{"hex":"#FAF9F6","pct":29.1},{"hex":"#FFFFFE","pct":16.4},{"hex":"#D8D5D0","pct":10.1},{"hex":"#2C376F","pct":5.9},{"hex":"#878DB3","pct":4.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1190.webp","thumb":"assets/thumb/ORG-1190.webp","palette":["#0E0C15","#221A34","#191423","#2F283F","#BFEB31","#767576"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#221A34","pct":32.3},{"hex":"#191423","pct":17.2},{"hex":"#2F283F","pct":10.8},{"hex":"#BFEB31","pct":3.4},{"hex":"#767576","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1193","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance confirmation · Ledger","description":"A success screen in Ledger after \"Transfer\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists To Savings •• 1029; Amount $500.00; Fee Free and the total $500.00; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","money","personal","finance"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":33.6},{"hex":"#0D0D0C","pct":31.4},{"hex":"#191614","pct":15.4},{"hex":"#362720","pct":13.0},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1193.webp","thumb":"assets/thumb/ORG-1193.webp","live":"originals/screens/gen-money-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1193.webp","thumb":"assets/thumb/ORG-1193.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":33.6},{"hex":"#0D0D0C","pct":31.4},{"hex":"#191614","pct":15.4},{"hex":"#362720","pct":13.0},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1196.webp","thumb":"assets/thumb/ORG-1196.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCCC3","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.3},{"hex":"#FEFEFE","pct":12.8},{"hex":"#26523D","pct":9.4},{"hex":"#BFCCC3","pct":7.0},{"hex":"#819289","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1195.webp","thumb":"assets/thumb/ORG-1195.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#888B9C"],"palette_detail":[{"hex":"#E6E3DD","pct":39.9},{"hex":"#F9F8F5","pct":28.6},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C7C6C9","pct":6.4},{"hex":"#888B9C","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1194.webp","thumb":"assets/thumb/ORG-1194.webp","palette":["#221A34","#0E0C15","#1A1622","#312C3B","#C3F132","#7B7D70"],"palette_detail":[{"hex":"#221A34","pct":35.4},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":15.9},{"hex":"#312C3B","pct":11.0},{"hex":"#C3F132","pct":4.7},{"hex":"#7B7D70","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1197","kind":"image","category":"mobile-app-ui","type":"screen","title":"Personal finance support chat · Ledger","description":"A support conversation inside Ledger. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Corner Market, the agent replies, a context card shows Corner Market (Groceries · 9:12, −$24.60), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","money","personal","finance"],"palette":["#291D16","#0D0C0C","#181615","#342822","#EC6329","#655E5A"],"palette_detail":[{"hex":"#291D16","pct":34.7},{"hex":"#0D0C0C","pct":29.9},{"hex":"#181615","pct":14.2},{"hex":"#342822","pct":12.3},{"hex":"#EC6329","pct":6.4},{"hex":"#655E5A","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-money-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1197.webp","thumb":"assets/thumb/ORG-1197.webp","live":"originals/screens/gen-money-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1197.webp","thumb":"assets/thumb/ORG-1197.webp","palette":["#291D16","#0D0C0C","#181615","#342822","#EC6329","#655E5A"],"palette_detail":[{"hex":"#291D16","pct":34.7},{"hex":"#0D0C0C","pct":29.9},{"hex":"#181615","pct":14.2},{"hex":"#342822","pct":12.3},{"hex":"#EC6329","pct":6.4},{"hex":"#655E5A","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1200.webp","thumb":"assets/thumb/ORG-1200.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27553E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.5},{"hex":"#27553E","pct":9.8},{"hex":"#BBC7BE","pct":6.4},{"hex":"#789787","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1199.webp","thumb":"assets/thumb/ORG-1199.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B7B6B6","#3D59F0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.6},{"hex":"#B7B6B6","pct":7.2},{"hex":"#3D59F0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1198.webp","thumb":"assets/thumb/ORG-1198.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BDE930","#6A6E5A"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.6},{"hex":"#BDE930","pct":5.9},{"hex":"#6A6E5A","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1201","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming insights · Tide","description":"An insights screen in Tide. A Week selector sits beside the title; a card plots minutes listened as an area line with Saturday highlighted under the figure 2h 14m (18 tracks · mostly ambient); a progress ring shows 71% of days above usual; three tiles follow — Artists 64, Saved 212, Streak 19. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","music","streaming","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#372921","#211D1A","#6F594B"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.6},{"hex":"#181514","pct":20.9},{"hex":"#372921","pct":12.9},{"hex":"#211D1A","pct":6.0},{"hex":"#6F594B","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1201.webp","thumb":"assets/thumb/ORG-1201.webp","live":"originals/screens/gen-music-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1201.webp","thumb":"assets/thumb/ORG-1201.webp","palette":["#2A1D16","#0D0D0C","#181514","#372921","#211D1A","#6F594B"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.6},{"hex":"#181514","pct":20.9},{"hex":"#372921","pct":12.9},{"hex":"#211D1A","pct":6.0},{"hex":"#6F594B","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1204.webp","thumb":"assets/thumb/ORG-1204.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2E","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.7},{"hex":"#F5F7F4","pct":23.6},{"hex":"#FEFEFE","pct":19.2},{"hex":"#D3E0D6","pct":17.8},{"hex":"#2D2F2E","pct":5.0},{"hex":"#98A59D","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1203.webp","thumb":"assets/thumb/ORG-1203.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD7","#F0F1F5","#2E2D2D","#A1A3AA"],"palette_detail":[{"hex":"#FCFCFA","pct":38.0},{"hex":"#EAE8E3","pct":25.0},{"hex":"#DFDDD7","pct":21.7},{"hex":"#F0F1F5","pct":6.3},{"hex":"#2E2D2D","pct":4.9},{"hex":"#A1A3AA","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1202.webp","thumb":"assets/thumb/ORG-1202.webp","palette":["#221B34","#0E0C14","#191423","#2D263F","#404531","#7B8467"],"palette_detail":[{"hex":"#221B34","pct":35.9},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.0},{"hex":"#2D263F","pct":10.8},{"hex":"#404531","pct":2.8},{"hex":"#7B8467","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1205","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming schedule · Tide","description":"A day schedule in Tide. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Low Tide, 09:30 Harbour Lights, 12:00 Night Train, 14:30 Paper Moon, 17:00 Glasshouse, 19:30 Slow Return — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","music","streaming"],"palette":["#0D0D0C","#291D16","#181614","#342821","#F4672B","#6A5C54"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.5},{"hex":"#181614","pct":16.6},{"hex":"#342821","pct":11.8},{"hex":"#F4672B","pct":3.4},{"hex":"#6A5C54","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1205.webp","thumb":"assets/thumb/ORG-1205.webp","live":"originals/screens/gen-music-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1205.webp","thumb":"assets/thumb/ORG-1205.webp","palette":["#0D0D0C","#291D16","#181614","#342821","#F4672B","#6A5C54"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.5},{"hex":"#181614","pct":16.6},{"hex":"#342821","pct":11.8},{"hex":"#F4672B","pct":3.4},{"hex":"#6A5C54","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1208.webp","thumb":"assets/thumb/ORG-1208.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#94A29A"],"palette_detail":[{"hex":"#D9E6DC","pct":42.4},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":13.2},{"hex":"#294C3B","pct":8.0},{"hex":"#FAFBF9","pct":4.9},{"hex":"#94A29A","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1207.webp","thumb":"assets/thumb/ORG-1207.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D3771","#FEFDFA","#9397B2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.5},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":13.2},{"hex":"#2D3771","pct":7.5},{"hex":"#FEFDFA","pct":4.3},{"hex":"#9397B2","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1206.webp","thumb":"assets/thumb/ORG-1206.webp","palette":["#0E0C15","#211A34","#191423","#2C263D","#BFEB33","#6D6C6E"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211A34","pct":30.5},{"hex":"#191423","pct":17.1},{"hex":"#2C263D","pct":12.5},{"hex":"#BFEB33","pct":3.3},{"hex":"#6D6C6E","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1209","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming confirmation · Tide","description":"A success screen in Tide after \"Go Premium\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Plan Individual; Trial 1 month free; Then €10.99 / mo and the total €0 today; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","music","streaming"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#70645D"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#70645D","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1209.webp","thumb":"assets/thumb/ORG-1209.webp","live":"originals/screens/gen-music-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1209.webp","thumb":"assets/thumb/ORG-1209.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#70645D"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#70645D","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1212.webp","thumb":"assets/thumb/ORG-1212.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#819289","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1211.webp","thumb":"assets/thumb/ORG-1211.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C7C9","#898C9D"],"palette_detail":[{"hex":"#E6E3DD","pct":39.9},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C7C9","pct":6.4},{"hex":"#898C9D","pct":2.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1210.webp","thumb":"assets/thumb/ORG-1210.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#78796F"],"palette_detail":[{"hex":"#221A34","pct":34.8},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#78796F","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1213","kind":"image","category":"mobile-app-ui","type":"screen","title":"Music streaming support chat · Tide","description":"A support conversation inside Tide. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Low Tide, the agent replies, a context card shows Low Tide (Mara Vale · 3:58, Playing), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","music","streaming"],"palette":["#291D16","#0D0D0C","#181615","#342923","#E96228","#686360"],"palette_detail":[{"hex":"#291D16","pct":35.1},{"hex":"#0D0D0C","pct":31.0},{"hex":"#181615","pct":14.4},{"hex":"#342923","pct":12.0},{"hex":"#E96228","pct":5.4},{"hex":"#686360","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-music-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1213.webp","thumb":"assets/thumb/ORG-1213.webp","live":"originals/screens/gen-music-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1213.webp","thumb":"assets/thumb/ORG-1213.webp","palette":["#291D16","#0D0D0C","#181615","#342923","#E96228","#686360"],"palette_detail":[{"hex":"#291D16","pct":35.1},{"hex":"#0D0D0C","pct":31.0},{"hex":"#181615","pct":14.4},{"hex":"#342923","pct":12.0},{"hex":"#E96228","pct":5.4},{"hex":"#686360","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1216.webp","thumb":"assets/thumb/ORG-1216.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#28523E","#BDC8C0","#7A9788"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":29.0},{"hex":"#FEFEFD","pct":12.4},{"hex":"#28523E","pct":9.0},{"hex":"#BDC8C0","pct":6.1},{"hex":"#7A9788","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1215.webp","thumb":"assets/thumb/ORG-1215.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#BCBBB8","#455FE6","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.0},{"hex":"#F9F8F5","pct":28.9},{"hex":"#FEFEFD","pct":12.5},{"hex":"#BCBBB8","pct":7.2},{"hex":"#455FE6","pct":5.4},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1214.webp","thumb":"assets/thumb/ORG-1214.webp","palette":["#221A34","#0E0B15","#1A1523","#2D273F","#B8E230","#676568"],"palette_detail":[{"hex":"#221A34","pct":33.9},{"hex":"#0E0B15","pct":31.1},{"hex":"#1A1523","pct":15.8},{"hex":"#2D273F","pct":11.5},{"hex":"#B8E230","pct":5.3},{"hex":"#676568","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1217","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care insights · Paws","description":"An insights screen in Paws. A Week selector sits beside the title; a card plots km walked as an area line with Saturday highlighted under the figure 2 walks (4.2 km · 78 min · 1 to go); a progress ring shows 71% of days above usual; three tiles follow — Weight 12.4 kg, Next vet Nov 3, Food 8 days. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","pets","pet","care","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#372922","#211C18","#755C4E"],"palette_detail":[{"hex":"#2A1D16","pct":31.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.0},{"hex":"#372922","pct":12.1},{"hex":"#211C18","pct":8.2},{"hex":"#755C4E","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1217.webp","thumb":"assets/thumb/ORG-1217.webp","live":"originals/screens/gen-pets-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1217.webp","thumb":"assets/thumb/ORG-1217.webp","palette":["#2A1D16","#0D0D0C","#181514","#372922","#211C18","#755C4E"],"palette_detail":[{"hex":"#2A1D16","pct":31.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.0},{"hex":"#372922","pct":12.1},{"hex":"#211C18","pct":8.2},{"hex":"#755C4E","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1220.webp","thumb":"assets/thumb/ORG-1220.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2E","#96A39B"],"palette_detail":[{"hex":"#E0ECE3","pct":30.6},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.1},{"hex":"#D3E0D6","pct":18.0},{"hex":"#2D2F2E","pct":5.0},{"hex":"#96A39B","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1219.webp","thumb":"assets/thumb/ORG-1219.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD6","#F0F1F5","#2E2E2E","#9FA1A8"],"palette_detail":[{"hex":"#FCFCFA","pct":38.0},{"hex":"#EAE8E3","pct":24.9},{"hex":"#DFDDD6","pct":21.8},{"hex":"#F0F1F5","pct":6.4},{"hex":"#2E2E2E","pct":5.0},{"hex":"#9FA1A8","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1218.webp","thumb":"assets/thumb/ORG-1218.webp","palette":["#221B34","#0E0C14","#191423","#2E2740","#3E4430","#808769"],"palette_detail":[{"hex":"#221B34","pct":35.8},{"hex":"#0E0C14","pct":26.6},{"hex":"#191423","pct":23.0},{"hex":"#2E2740","pct":10.2},{"hex":"#3E4430","pct":3.2},{"hex":"#808769","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1221","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care schedule · Paws","description":"A day schedule in Paws. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Morning walk, 09:30 Breakfast, 12:00 Evening walk, 14:30 Flea treatment, 17:00 Grooming, 19:30 Vet check-up — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","pets","pet","care"],"palette":["#0D0D0C","#291D16","#181514","#352822","#F4672A","#6D6159"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":32.0},{"hex":"#181514","pct":16.1},{"hex":"#352822","pct":11.8},{"hex":"#F4672A","pct":3.4},{"hex":"#6D6159","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1221.webp","thumb":"assets/thumb/ORG-1221.webp","live":"originals/screens/gen-pets-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1221.webp","thumb":"assets/thumb/ORG-1221.webp","palette":["#0D0D0C","#291D16","#181514","#352822","#F4672A","#6D6159"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":32.0},{"hex":"#181514","pct":16.1},{"hex":"#352822","pct":11.8},{"hex":"#F4672A","pct":3.4},{"hex":"#6D6159","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1224.webp","thumb":"assets/thumb/ORG-1224.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#95A39B"],"palette_detail":[{"hex":"#D9E6DC","pct":42.5},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":13.0},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.9},{"hex":"#95A39B","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1223.webp","thumb":"assets/thumb/ORG-1223.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2C3771","#FEFDFA","#9296B2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.6},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":13.1},{"hex":"#2C3771","pct":7.5},{"hex":"#FEFDFA","pct":4.3},{"hex":"#9296B2","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1222.webp","thumb":"assets/thumb/ORG-1222.webp","palette":["#0E0C15","#221A35","#191423","#312B41","#C0EC31","#7D7E79"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#221A35","pct":33.4},{"hex":"#191423","pct":16.9},{"hex":"#312B41","pct":10.0},{"hex":"#C0EC31","pct":3.3},{"hex":"#7D7E79","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1225","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care confirmation · Paws","description":"A success screen in Paws after \"Book sitter\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Sitter Ana R. ★ 4.98; Service Drop-in visit; When Sat 10:00 and the total €18; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","pets","pet","care"],"palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":34.0},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.8},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1225.webp","thumb":"assets/thumb/ORG-1225.webp","live":"originals/screens/gen-pets-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1225.webp","thumb":"assets/thumb/ORG-1225.webp","palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":34.0},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.8},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1228.webp","thumb":"assets/thumb/ORG-1228.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC4","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC4","pct":7.1},{"hex":"#819289","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1227.webp","thumb":"assets/thumb/ORG-1227.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#898C9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.6},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.4},{"hex":"#898C9D","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1226.webp","thumb":"assets/thumb/ORG-1226.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#77796D"],"palette_detail":[{"hex":"#221A34","pct":34.9},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.6},{"hex":"#C3F032","pct":4.7},{"hex":"#77796D","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1229","kind":"image","category":"mobile-app-ui","type":"screen","title":"Pet care support chat · Paws","description":"A support conversation inside Paws. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Morning walk, the agent replies, a context card shows Morning walk (Park loop · 7:10, 2.1 km), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","pets","pet","care"],"palette":["#291D16","#0D0C0C","#181615","#342822","#EC6329","#675F5B"],"palette_detail":[{"hex":"#291D16","pct":34.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#181615","pct":14.3},{"hex":"#342822","pct":12.3},{"hex":"#EC6329","pct":6.3},{"hex":"#675F5B","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-pets-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1229.webp","thumb":"assets/thumb/ORG-1229.webp","live":"originals/screens/gen-pets-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1229.webp","thumb":"assets/thumb/ORG-1229.webp","palette":["#291D16","#0D0C0C","#181615","#342822","#EC6329","#675F5B"],"palette_detail":[{"hex":"#291D16","pct":34.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#181615","pct":14.3},{"hex":"#342822","pct":12.3},{"hex":"#EC6329","pct":6.3},{"hex":"#675F5B","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1232.webp","thumb":"assets/thumb/ORG-1232.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.6},{"hex":"#27543E","pct":9.8},{"hex":"#BBC7BE","pct":6.2},{"hex":"#789787","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1231.webp","thumb":"assets/thumb/ORG-1231.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#C1C1BF","#4B63DE","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":40.0},{"hex":"#F9F8F5","pct":27.8},{"hex":"#FEFEFD","pct":12.7},{"hex":"#C1C1BF","pct":8.0},{"hex":"#4B63DE","pct":6.5},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1230.webp","thumb":"assets/thumb/ORG-1230.webp","palette":["#221A34","#0E0B15","#191523","#2E273F","#BDE930","#6B6F5A"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2E273F","pct":11.7},{"hex":"#BDE930","pct":5.9},{"hex":"#6B6F5A","pct":2.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1233","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care insights · Fern","description":"An insights screen in Fern. A Week selector sits beside the title; a card plots waterings this week as an area line with Saturday highlighted under the figure 3 to water (Monstera, Pothos, Fiddle leaf); a progress ring shows 42% of days above usual; three tiles follow — Streak 21, Humidity 48%, Light Bright. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","plants","plant","care","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362922","#211D19","#6E5B4E"],"palette_detail":[{"hex":"#2A1D16","pct":31.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":21.0},{"hex":"#362922","pct":12.4},{"hex":"#211D19","pct":6.7},{"hex":"#6E5B4E","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1233.webp","thumb":"assets/thumb/ORG-1233.webp","live":"originals/screens/gen-plants-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1233.webp","thumb":"assets/thumb/ORG-1233.webp","palette":["#2A1D16","#0D0D0C","#181514","#362922","#211D19","#6E5B4E"],"palette_detail":[{"hex":"#2A1D16","pct":31.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":21.0},{"hex":"#362922","pct":12.4},{"hex":"#211D19","pct":6.7},{"hex":"#6E5B4E","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1236.webp","thumb":"assets/thumb/ORG-1236.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2E2E","#96A49C"],"palette_detail":[{"hex":"#E0ECE3","pct":30.2},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.6},{"hex":"#D3E0D6","pct":17.6},{"hex":"#2D2E2E","pct":5.0},{"hex":"#96A49C","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1235.webp","thumb":"assets/thumb/ORG-1235.webp","palette":["#FCFCFA","#E9E7E0","#DDDBD5","#F2F2F4","#2E2E2E","#A1A3A9"],"palette_detail":[{"hex":"#FCFCFA","pct":38.1},{"hex":"#E9E7E0","pct":29.1},{"hex":"#DDDBD5","pct":17.1},{"hex":"#F2F2F4","pct":6.8},{"hex":"#2E2E2E","pct":5.0},{"hex":"#A1A3A9","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1234.webp","thumb":"assets/thumb/ORG-1234.webp","palette":["#221B34","#0E0C14","#191423","#2F2941","#3A4229","#7A826A"],"palette_detail":[{"hex":"#221B34","pct":37.1},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.6},{"hex":"#2F2941","pct":9.9},{"hex":"#3A4229","pct":1.7},{"hex":"#7A826A","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1237","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care schedule · Fern","description":"A day schedule in Fern. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Monstera, 09:30 Pothos, 12:00 Fiddle leaf fig, 14:30 Snake plant, 17:00 Basil, 19:30 Olive tree — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","plants","plant","care"],"palette":["#0D0D0C","#291C16","#181514","#332720","#F4672B","#675C55"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.8},{"hex":"#181514","pct":16.1},{"hex":"#332720","pct":12.9},{"hex":"#F4672B","pct":3.5},{"hex":"#675C55","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1237.webp","thumb":"assets/thumb/ORG-1237.webp","live":"originals/screens/gen-plants-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1237.webp","thumb":"assets/thumb/ORG-1237.webp","palette":["#0D0D0C","#291C16","#181514","#332720","#F4672B","#675C55"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.8},{"hex":"#181514","pct":16.1},{"hex":"#332720","pct":12.9},{"hex":"#F4672B","pct":3.5},{"hex":"#675C55","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1240.webp","thumb":"assets/thumb/ORG-1240.webp","palette":["#D9E6DC","#F5F8F5","#FFFFFF","#294D3C","#FAFBF9","#99A59E"],"palette_detail":[{"hex":"#D9E6DC","pct":42.4},{"hex":"#F5F8F5","pct":27.5},{"hex":"#FFFFFF","pct":13.0},{"hex":"#294D3C","pct":8.1},{"hex":"#FAFBF9","pct":4.9},{"hex":"#99A59E","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1239.webp","thumb":"assets/thumb/ORG-1239.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D3872","#FEFDFA","#9499B3"],"palette_detail":[{"hex":"#E3E0DA","pct":42.6},{"hex":"#F9F8F6","pct":28.1},{"hex":"#FFFFFF","pct":13.1},{"hex":"#2D3872","pct":7.6},{"hex":"#FEFDFA","pct":4.3},{"hex":"#9499B3","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1238.webp","thumb":"assets/thumb/ORG-1238.webp","palette":["#0E0C15","#211933","#181423","#2B253C","#BFEB33","#69666F"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211933","pct":30.3},{"hex":"#181423","pct":16.6},{"hex":"#2B253C","pct":13.0},{"hex":"#BFEB33","pct":3.4},{"hex":"#69666F","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1241","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care confirmation · Fern","description":"A success screen in Fern after \"Order care kit\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Soil mix €12; Liquid feed €9; Mister €14 and the total €35; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","plants","plant","care"],"palette":["#2C1D16","#0D0D0C","#1A1614","#302722","#F9692B","#685951"],"palette_detail":[{"hex":"#2C1D16","pct":33.1},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":16.4},{"hex":"#302722","pct":12.4},{"hex":"#F9692B","pct":4.8},{"hex":"#685951","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1241.webp","thumb":"assets/thumb/ORG-1241.webp","live":"originals/screens/gen-plants-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1241.webp","thumb":"assets/thumb/ORG-1241.webp","palette":["#2C1D16","#0D0D0C","#1A1614","#302722","#F9692B","#685951"],"palette_detail":[{"hex":"#2C1D16","pct":33.1},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":16.4},{"hex":"#302722","pct":12.4},{"hex":"#F9692B","pct":4.8},{"hex":"#685951","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1244.webp","thumb":"assets/thumb/ORG-1244.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC4","#809288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":13.1},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC4","pct":7.0},{"hex":"#809288","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1243.webp","thumb":"assets/thumb/ORG-1243.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C8C7C9","#888B9E"],"palette_detail":[{"hex":"#E6E3DD","pct":39.8},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.7},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C8C7C9","pct":6.4},{"hex":"#888B9E","pct":2.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1242.webp","thumb":"assets/thumb/ORG-1242.webp","palette":["#221A34","#0E0C15","#1A1622","#2F2A3B","#C3F033","#6F7264"],"palette_detail":[{"hex":"#221A34","pct":34.3},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":16.2},{"hex":"#2F2A3B","pct":11.9},{"hex":"#C3F033","pct":4.7},{"hex":"#6F7264","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1245","kind":"image","category":"mobile-app-ui","type":"screen","title":"Plant care support chat · Fern","description":"A support conversation inside Fern. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Monstera, the agent replies, a context card shows Monstera (Living room · water today, 💧), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","plants","plant","care"],"palette":["#291D16","#0D0D0C","#191615","#342923","#E96228","#67625F"],"palette_detail":[{"hex":"#291D16","pct":34.8},{"hex":"#0D0D0C","pct":31.0},{"hex":"#191615","pct":14.9},{"hex":"#342923","pct":11.8},{"hex":"#E96228","pct":5.4},{"hex":"#67625F","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-plants-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1245.webp","thumb":"assets/thumb/ORG-1245.webp","live":"originals/screens/gen-plants-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1245.webp","thumb":"assets/thumb/ORG-1245.webp","palette":["#291D16","#0D0D0C","#191615","#342923","#E96228","#67625F"],"palette_detail":[{"hex":"#291D16","pct":34.8},{"hex":"#0D0D0C","pct":31.0},{"hex":"#191615","pct":14.9},{"hex":"#342923","pct":11.8},{"hex":"#E96228","pct":5.4},{"hex":"#67625F","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1248.webp","thumb":"assets/thumb/ORG-1248.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#28523E","#BDC8C0","#7A9788"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":29.0},{"hex":"#FEFEFD","pct":12.4},{"hex":"#28523E","pct":9.0},{"hex":"#BDC8C0","pct":6.1},{"hex":"#7A9788","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1247.webp","thumb":"assets/thumb/ORG-1247.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#BBBAB7","#445FE9","#2E2D2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":28.9},{"hex":"#FEFEFD","pct":12.4},{"hex":"#BBBAB7","pct":7.1},{"hex":"#445FE9","pct":5.4},{"hex":"#2E2D2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1246.webp","thumb":"assets/thumb/ORG-1246.webp","palette":["#221A34","#0E0B15","#191523","#2D263E","#B7E12F","#646367"],"palette_detail":[{"hex":"#221A34","pct":33.5},{"hex":"#0E0B15","pct":31.1},{"hex":"#191523","pct":15.9},{"hex":"#2D263E","pct":11.8},{"hex":"#B7E12F","pct":5.4},{"hex":"#646367","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1249","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing insights · Glide","description":"An insights screen in Glide. A Week selector sits beside the title; a card plots rides this week as an area line with Saturday highlighted under the figure 3 min (Marco · Toyota Prius · 21-RT-08); a progress ring shows 42% of days above usual; three tiles follow — Spent €214, Rating 4.94, CO₂ saved 12 kg. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","ride","hailing","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362922","#211C19","#6C584C"],"palette_detail":[{"hex":"#2A1D16","pct":31.1},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.5},{"hex":"#362922","pct":12.4},{"hex":"#211C19","pct":7.6},{"hex":"#6C584C","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1249.webp","thumb":"assets/thumb/ORG-1249.webp","live":"originals/screens/gen-ride-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1249.webp","thumb":"assets/thumb/ORG-1249.webp","palette":["#2A1D16","#0D0D0C","#181514","#362922","#211C19","#6C584C"],"palette_detail":[{"hex":"#2A1D16","pct":31.1},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.5},{"hex":"#362922","pct":12.4},{"hex":"#211C19","pct":7.6},{"hex":"#6C584C","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1252.webp","thumb":"assets/thumb/ORG-1252.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2E2E","#97A49C"],"palette_detail":[{"hex":"#E0ECE3","pct":30.3},{"hex":"#F5F7F4","pct":23.9},{"hex":"#FEFEFE","pct":19.6},{"hex":"#D3E0D6","pct":17.7},{"hex":"#2D2E2E","pct":5.0},{"hex":"#97A49C","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1251.webp","thumb":"assets/thumb/ORG-1251.webp","palette":["#FCFCFA","#E9E7E0","#DDDBD5","#F1F2F5","#2E2D2D","#A1A3A8"],"palette_detail":[{"hex":"#FCFCFA","pct":38.1},{"hex":"#E9E7E0","pct":28.9},{"hex":"#DDDBD5","pct":17.2},{"hex":"#F1F2F5","pct":7.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#A1A3A8","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1250.webp","thumb":"assets/thumb/ORG-1250.webp","palette":["#221B34","#0E0C14","#191423","#2D2740","#404635","#7B8369"],"palette_detail":[{"hex":"#221B34","pct":35.9},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.6},{"hex":"#2D2740","pct":10.5},{"hex":"#404635","pct":2.5},{"hex":"#7B8369","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1253","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing schedule · Glide","description":"A day schedule in Glide. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Home, 09:30 Work, 12:00 Airport, 14:30 Fábrica Coffee, 17:00 Gym, 19:30 Ana’s place — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","ride","hailing"],"palette":["#0D0D0C","#291D16","#181514","#352822","#F5672A","#685C55"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":16.4},{"hex":"#352822","pct":11.7},{"hex":"#F5672A","pct":3.5},{"hex":"#685C55","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1253.webp","thumb":"assets/thumb/ORG-1253.webp","live":"originals/screens/gen-ride-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1253.webp","thumb":"assets/thumb/ORG-1253.webp","palette":["#0D0D0C","#291D16","#181514","#352822","#F5672A","#685C55"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":16.4},{"hex":"#352822","pct":11.7},{"hex":"#F5672A","pct":3.5},{"hex":"#685C55","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1256.webp","thumb":"assets/thumb/ORG-1256.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294D3C","#FAFBF9","#99A69E"],"palette_detail":[{"hex":"#D9E6DC","pct":42.1},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":13.2},{"hex":"#294D3C","pct":8.2},{"hex":"#FAFBF9","pct":4.9},{"hex":"#99A69E","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1255.webp","thumb":"assets/thumb/ORG-1255.webp","palette":["#E3E1DA","#F9F8F6","#FFFFFF","#2D3874","#FEFDFA","#999DB2"],"palette_detail":[{"hex":"#E3E1DA","pct":42.3},{"hex":"#F9F8F6","pct":28.1},{"hex":"#FFFFFF","pct":13.3},{"hex":"#2D3874","pct":7.6},{"hex":"#FEFDFA","pct":4.3},{"hex":"#999DB2","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1254.webp","thumb":"assets/thumb/ORG-1254.webp","palette":["#0E0C15","#221A34","#191423","#302A40","#C0EC31","#7B7B79"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#221A34","pct":32.9},{"hex":"#191423","pct":17.2},{"hex":"#302A40","pct":10.4},{"hex":"#C0EC31","pct":3.4},{"hex":"#7B7B79","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1257","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing confirmation · Glide","description":"A success screen in Glide after \"Confirm ride\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Pickup Rua da Saudade 12; Drop-off Airport · T1; Comfort €18.40 and the total €18.40; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","ride","hailing"],"palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":34.1},{"hex":"#0D0D0C","pct":31.7},{"hex":"#1A1614","pct":14.9},{"hex":"#362821","pct":12.8},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1257.webp","thumb":"assets/thumb/ORG-1257.webp","live":"originals/screens/gen-ride-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1257.webp","thumb":"assets/thumb/ORG-1257.webp","palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":34.1},{"hex":"#0D0D0C","pct":31.7},{"hex":"#1A1614","pct":14.9},{"hex":"#362821","pct":12.8},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1260.webp","thumb":"assets/thumb/ORG-1260.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC4","#819289"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.3},{"hex":"#FEFEFE","pct":12.5},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC4","pct":7.1},{"hex":"#819289","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1259.webp","thumb":"assets/thumb/ORG-1259.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#898C9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.7},{"hex":"#FEFEFD","pct":13.0},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.5},{"hex":"#898C9D","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1258.webp","thumb":"assets/thumb/ORG-1258.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#76786D"],"palette_detail":[{"hex":"#221A34","pct":35.0},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":15.6},{"hex":"#302B3B","pct":11.6},{"hex":"#C3F032","pct":4.7},{"hex":"#76786D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1261","kind":"image","category":"mobile-app-ui","type":"screen","title":"Ride-hailing support chat · Glide","description":"A support conversation inside Glide. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Home, the agent replies, a context card shows Home (Rua da Saudade 12, 18 min), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","ride","hailing"],"palette":["#291D16","#0D0D0C","#191615","#342922","#E96228","#67605C"],"palette_detail":[{"hex":"#291D16","pct":34.5},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191615","pct":15.0},{"hex":"#342922","pct":12.0},{"hex":"#E96228","pct":5.3},{"hex":"#67605C","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-ride-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1261.webp","thumb":"assets/thumb/ORG-1261.webp","live":"originals/screens/gen-ride-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1261.webp","thumb":"assets/thumb/ORG-1261.webp","palette":["#291D16","#0D0D0C","#191615","#342922","#E96228","#67605C"],"palette_detail":[{"hex":"#291D16","pct":34.5},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191615","pct":15.0},{"hex":"#342922","pct":12.0},{"hex":"#E96228","pct":5.3},{"hex":"#67605C","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1264.webp","thumb":"assets/thumb/ORG-1264.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#28513D","#BDC8C0","#7A9788"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":29.2},{"hex":"#FEFEFD","pct":12.4},{"hex":"#28513D","pct":8.8},{"hex":"#BDC8C0","pct":6.1},{"hex":"#7A9788","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1263.webp","thumb":"assets/thumb/ORG-1263.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#BBBAB7","#445FE8","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.2},{"hex":"#F9F8F5","pct":29.0},{"hex":"#FEFEFD","pct":12.5},{"hex":"#BBBAB7","pct":7.1},{"hex":"#445FE8","pct":5.2},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1262.webp","thumb":"assets/thumb/ORG-1262.webp","palette":["#221A34","#0E0B15","#191523","#2D273E","#B7E12F","#656366"],"palette_detail":[{"hex":"#221A34","pct":33.5},{"hex":"#0E0B15","pct":31.3},{"hex":"#191523","pct":15.9},{"hex":"#2D273E","pct":11.9},{"hex":"#B7E12F","pct":5.2},{"hex":"#656366","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1265","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce insights · Thread","description":"An insights screen in Thread. A Week selector sits beside the title; a card plots orders this week as an area line with Saturday highlighted under the figure 3 items (Free returns · 30 days); a progress ring shows 57% of days above usual; three tiles follow — Saved €84, Wishlist 18, Points 2,400. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","shop","fashion","commerce","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#372922","#221C19","#715A4D"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.1},{"hex":"#372922","pct":11.9},{"hex":"#221C19","pct":8.4},{"hex":"#715A4D","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1265.webp","thumb":"assets/thumb/ORG-1265.webp","live":"originals/screens/gen-shop-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1265.webp","thumb":"assets/thumb/ORG-1265.webp","palette":["#2A1D16","#0D0D0C","#181514","#372922","#221C19","#715A4D"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.1},{"hex":"#372922","pct":11.9},{"hex":"#221C19","pct":8.4},{"hex":"#715A4D","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1268.webp","thumb":"assets/thumb/ORG-1268.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2F","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.5},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.2},{"hex":"#D3E0D6","pct":17.8},{"hex":"#2D2F2F","pct":5.0},{"hex":"#98A59D","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1267.webp","thumb":"assets/thumb/ORG-1267.webp","palette":["#FCFCFA","#EAE8E2","#DFDDD7","#F0F1F5","#2E2D2E","#A1A3A9"],"palette_detail":[{"hex":"#FCFCFA","pct":38.2},{"hex":"#EAE8E2","pct":24.8},{"hex":"#DFDDD7","pct":21.9},{"hex":"#F0F1F5","pct":6.2},{"hex":"#2E2D2E","pct":4.9},{"hex":"#A1A3A9","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1266.webp","thumb":"assets/thumb/ORG-1266.webp","palette":["#221B34","#0E0C14","#191423","#2C263E","#434839","#7F866C"],"palette_detail":[{"hex":"#221B34","pct":35.0},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.1},{"hex":"#2C263E","pct":11.6},{"hex":"#434839","pct":2.9},{"hex":"#7F866C","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1269","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce schedule · Thread","description":"A day schedule in Thread. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Merino crew, 09:30 Stride Runner 2, 12:00 Wool overshirt, 14:30 Canvas tote, 17:00 Ribbed beanie, 19:30 Linen trousers — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","shop","fashion","commerce"],"palette":["#2C2019","#0D0C0C","#1A1615","#151312","#F3672A","#665A53"],"palette_detail":[{"hex":"#2C2019","pct":41.0},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1615","pct":15.0},{"hex":"#151312","pct":4.4},{"hex":"#F3672A","pct":3.4},{"hex":"#665A53","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1269.webp","thumb":"assets/thumb/ORG-1269.webp","live":"originals/screens/gen-shop-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1269.webp","thumb":"assets/thumb/ORG-1269.webp","palette":["#2C2019","#0D0C0C","#1A1615","#151312","#F3672A","#665A53"],"palette_detail":[{"hex":"#2C2019","pct":41.0},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1615","pct":15.0},{"hex":"#151312","pct":4.4},{"hex":"#F3672A","pct":3.4},{"hex":"#665A53","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1272.webp","thumb":"assets/thumb/ORG-1272.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#94A29A"],"palette_detail":[{"hex":"#D9E6DC","pct":42.2},{"hex":"#F5F8F4","pct":27.5},{"hex":"#FFFFFF","pct":13.5},{"hex":"#294C3B","pct":8.0},{"hex":"#FAFBF9","pct":4.8},{"hex":"#94A29A","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1271.webp","thumb":"assets/thumb/ORG-1271.webp","palette":["#E3E0D9","#F9F8F6","#FFFFFF","#2C376F","#FEFDFA","#8D92B3"],"palette_detail":[{"hex":"#E3E0D9","pct":42.6},{"hex":"#F9F8F6","pct":28.0},{"hex":"#FFFFFF","pct":13.6},{"hex":"#2C376F","pct":7.3},{"hex":"#FEFDFA","pct":4.3},{"hex":"#8D92B3","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1270.webp","thumb":"assets/thumb/ORG-1270.webp","palette":["#251E37","#0E0B15","#1A1526","#15121D","#BEE933","#69666E"],"palette_detail":[{"hex":"#251E37","pct":40.6},{"hex":"#0E0B15","pct":34.1},{"hex":"#1A1526","pct":15.4},{"hex":"#15121D","pct":4.4},{"hex":"#BEE933","pct":3.4},{"hex":"#69666E","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1273","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce confirmation · Thread","description":"A success screen in Thread after \"Checkout\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Merino crew ×1 €89; Canvas tote ×1 €35; Shipping Free and the total €114; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","shop","fashion","commerce"],"palette":["#2A1D16","#0D0D0C","#1A1614","#342821","#F9682B","#6B5C54"],"palette_detail":[{"hex":"#2A1D16","pct":33.1},{"hex":"#0D0D0C","pct":31.8},{"hex":"#1A1614","pct":15.9},{"hex":"#342821","pct":12.8},{"hex":"#F9682B","pct":4.8},{"hex":"#6B5C54","pct":1.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1273.webp","thumb":"assets/thumb/ORG-1273.webp","live":"originals/screens/gen-shop-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1273.webp","thumb":"assets/thumb/ORG-1273.webp","palette":["#2A1D16","#0D0D0C","#1A1614","#342821","#F9682B","#6B5C54"],"palette_detail":[{"hex":"#2A1D16","pct":33.1},{"hex":"#0D0D0C","pct":31.8},{"hex":"#1A1614","pct":15.9},{"hex":"#342821","pct":12.8},{"hex":"#F9682B","pct":4.8},{"hex":"#6B5C54","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1276.webp","thumb":"assets/thumb/ORG-1276.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#809288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.3},{"hex":"#FEFEFE","pct":12.8},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.0},{"hex":"#809288","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1275.webp","thumb":"assets/thumb/ORG-1275.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#888B9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.7},{"hex":"#FEFEFD","pct":13.4},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C7C6C9","pct":6.4},{"hex":"#888B9D","pct":2.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1274.webp","thumb":"assets/thumb/ORG-1274.webp","palette":["#221A34","#0E0C15","#1A1622","#2F2A3B","#C3F033","#6F7165"],"palette_detail":[{"hex":"#221A34","pct":34.4},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":16.1},{"hex":"#2F2A3B","pct":12.0},{"hex":"#C3F033","pct":4.7},{"hex":"#6F7165","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1277","kind":"image","category":"mobile-app-ui","type":"screen","title":"Fashion e-commerce support chat · Thread","description":"A support conversation inside Thread. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Merino crew, the agent replies, a context card shows Merino crew (Oat · 5 colours, €89), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","shop","fashion","commerce"],"palette":["#281C16","#0D0C0C","#181615","#322721","#EC6329","#675A53"],"palette_detail":[{"hex":"#281C16","pct":33.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#181615","pct":14.3},{"hex":"#322721","pct":12.9},{"hex":"#EC6329","pct":6.3},{"hex":"#675A53","pct":2.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-shop-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1277.webp","thumb":"assets/thumb/ORG-1277.webp","live":"originals/screens/gen-shop-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1277.webp","thumb":"assets/thumb/ORG-1277.webp","palette":["#281C16","#0D0C0C","#181615","#322721","#EC6329","#675A53"],"palette_detail":[{"hex":"#281C16","pct":33.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#181615","pct":14.3},{"hex":"#322721","pct":12.9},{"hex":"#EC6329","pct":6.3},{"hex":"#675A53","pct":2.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1280.webp","thumb":"assets/thumb/ORG-1280.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.7},{"hex":"#27543E","pct":9.8},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1279.webp","thumb":"assets/thumb/ORG-1279.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#BAB9B8","#405CEB","#2F2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":40.7},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.7},{"hex":"#BAB9B8","pct":7.5},{"hex":"#405CEB","pct":6.3},{"hex":"#2F2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1278.webp","thumb":"assets/thumb/ORG-1278.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BDE830","#696D59"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.6},{"hex":"#2D273F","pct":11.5},{"hex":"#BDE830","pct":5.9},{"hex":"#696D59","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1281","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social insights · Loop","description":"An insights screen in Loop. A Week selector sits beside the title; a card plots profile views as an area line with Saturday highlighted under the figure 1.2k (likes · ▲ 18% vs last week); a progress ring shows 71% of days above usual; three tiles follow — Posts 128, Reach 24k, Saves 612. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","social","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362821","#211D1A","#70584A"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":21.0},{"hex":"#362821","pct":12.7},{"hex":"#211D1A","pct":6.1},{"hex":"#70584A","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1281.webp","thumb":"assets/thumb/ORG-1281.webp","live":"originals/screens/gen-social-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1281.webp","thumb":"assets/thumb/ORG-1281.webp","palette":["#2A1D16","#0D0D0C","#181514","#362821","#211D1A","#70584A"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":21.0},{"hex":"#362821","pct":12.7},{"hex":"#211D1A","pct":6.1},{"hex":"#70584A","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1284.webp","thumb":"assets/thumb/ORG-1284.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2E","#97A59C"],"palette_detail":[{"hex":"#E0ECE3","pct":30.7},{"hex":"#F5F7F4","pct":23.7},{"hex":"#FEFEFE","pct":19.3},{"hex":"#D3E0D6","pct":17.7},{"hex":"#2D2F2E","pct":5.0},{"hex":"#97A59C","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1283.webp","thumb":"assets/thumb/ORG-1283.webp","palette":["#FCFCFA","#EBE8E2","#DFDDD7","#2E2E2E","#EEEFF6","#A1A3AA"],"palette_detail":[{"hex":"#FCFCFA","pct":40.1},{"hex":"#EBE8E2","pct":24.8},{"hex":"#DFDDD7","pct":21.5},{"hex":"#2E2E2E","pct":5.0},{"hex":"#EEEFF6","pct":4.7},{"hex":"#A1A3AA","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1282.webp","thumb":"assets/thumb/ORG-1282.webp","palette":["#221B34","#0E0C14","#191423","#2C253E","#404338","#7C8666"],"palette_detail":[{"hex":"#221B34","pct":34.9},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.2},{"hex":"#2C253E","pct":11.4},{"hex":"#404338","pct":3.0},{"hex":"#7C8666","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1285","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social schedule · Loop","description":"A day schedule in Loop. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Lea Martin, 09:30 Kenji Watanabe, 12:00 Ana Ruiz, 14:30 Omar Haddad, 17:00 Priya Nair, 19:30 Tomás Silva — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","social"],"palette":["#0D0D0C","#291D16","#181514","#352922","#F3672A","#695C54"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":15.9},{"hex":"#352922","pct":11.9},{"hex":"#F3672A","pct":3.4},{"hex":"#695C54","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1285.webp","thumb":"assets/thumb/ORG-1285.webp","live":"originals/screens/gen-social-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1285.webp","thumb":"assets/thumb/ORG-1285.webp","palette":["#0D0D0C","#291D16","#181514","#352922","#F3672A","#695C54"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":15.9},{"hex":"#352922","pct":11.9},{"hex":"#F3672A","pct":3.4},{"hex":"#695C54","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1288.webp","thumb":"assets/thumb/ORG-1288.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294B3B","#FAFBF9","#95A49B"],"palette_detail":[{"hex":"#D9E6DC","pct":42.7},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":12.7},{"hex":"#294B3B","pct":8.0},{"hex":"#FAFBF9","pct":5.0},{"hex":"#95A49B","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1287.webp","thumb":"assets/thumb/ORG-1287.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2C376E","#FEFDFA","#9095B4"],"palette_detail":[{"hex":"#E3E0DA","pct":43.0},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":12.7},{"hex":"#2C376E","pct":7.3},{"hex":"#FEFDFA","pct":4.4},{"hex":"#9095B4","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1286.webp","thumb":"assets/thumb/ORG-1286.webp","palette":["#0E0C15","#211933","#181423","#2B253C","#BEEA33","#666469"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211933","pct":30.4},{"hex":"#181423","pct":16.2},{"hex":"#2B253C","pct":13.1},{"hex":"#BEEA33","pct":3.4},{"hex":"#666469","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1289","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social confirmation · Loop","description":"A success screen in Loop after \"Boost post\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Post Lago di Braies; Audience Travel lovers; Duration 3 days and the total €15; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","social"],"palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682A","#70625C"],"palette_detail":[{"hex":"#291D16","pct":33.8},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.9},{"hex":"#F9682A","pct":4.8},{"hex":"#70625C","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1289.webp","thumb":"assets/thumb/ORG-1289.webp","live":"originals/screens/gen-social-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1289.webp","thumb":"assets/thumb/ORG-1289.webp","palette":["#291D16","#0D0D0C","#1A1614","#362821","#F9682A","#70625C"],"palette_detail":[{"hex":"#291D16","pct":33.8},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.2},{"hex":"#362821","pct":12.9},{"hex":"#F9682A","pct":4.8},{"hex":"#70625C","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1292.webp","thumb":"assets/thumb/ORG-1292.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#819288","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1291.webp","thumb":"assets/thumb/ORG-1291.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#888B9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.1},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C7C6C9","pct":6.3},{"hex":"#888B9D","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1290.webp","thumb":"assets/thumb/ORG-1290.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#77796C"],"palette_detail":[{"hex":"#221A34","pct":34.9},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#77796C","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1293","kind":"image","category":"mobile-app-ui","type":"screen","title":"Social support chat · Loop","description":"A support conversation inside Loop. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Lea Martin, the agent replies, a context card shows Lea Martin (Lago di Braies at sunrise · 2h, 1.2k), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","social"],"palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#655D59"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#352922","pct":11.9},{"hex":"#EC6329","pct":6.4},{"hex":"#655D59","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-social-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1293.webp","thumb":"assets/thumb/ORG-1293.webp","live":"originals/screens/gen-social-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1293.webp","thumb":"assets/thumb/ORG-1293.webp","palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#655D59"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#352922","pct":11.9},{"hex":"#EC6329","pct":6.4},{"hex":"#655D59","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1296.webp","thumb":"assets/thumb/ORG-1296.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27553E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.6},{"hex":"#27553E","pct":9.8},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1295.webp","thumb":"assets/thumb/ORG-1295.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B7B7B6","#3C59F0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.0},{"hex":"#F9F8F5","pct":27.8},{"hex":"#FEFEFD","pct":12.7},{"hex":"#B7B7B6","pct":7.3},{"hex":"#3C59F0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1294.webp","thumb":"assets/thumb/ORG-1294.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BEEA31","#6A6F57"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.6},{"hex":"#BEEA31","pct":5.8},{"hex":"#6A6F57","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1297","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity insights · Plan","description":"An insights screen in Plan. A Week selector sits beside the title; a card plots tasks done per day as an area line with Saturday highlighted under the figure 5 of 8 (tasks done · 2 meetings left); a progress ring shows 57% of days above usual; three tiles follow — Focus 11h, Overdue 2, Projects 6. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","tasks","productivity","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362821","#211D1A","#6B5648"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.9},{"hex":"#362821","pct":12.8},{"hex":"#211D1A","pct":6.1},{"hex":"#6B5648","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1297.webp","thumb":"assets/thumb/ORG-1297.webp","live":"originals/screens/gen-tasks-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1297.webp","thumb":"assets/thumb/ORG-1297.webp","palette":["#2A1D16","#0D0D0C","#181514","#362821","#211D1A","#6B5648"],"palette_detail":[{"hex":"#2A1D16","pct":31.8},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.9},{"hex":"#362821","pct":12.8},{"hex":"#211D1A","pct":6.1},{"hex":"#6B5648","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1300.webp","thumb":"assets/thumb/ORG-1300.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2E","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.7},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.1},{"hex":"#D3E0D6","pct":17.9},{"hex":"#2D2F2E","pct":5.0},{"hex":"#98A59D","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1299.webp","thumb":"assets/thumb/ORG-1299.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD7","#F2F2F5","#2E2D2D","#A1A3AA"],"palette_detail":[{"hex":"#FCFCFA","pct":37.5},{"hex":"#EAE8E3","pct":25.6},{"hex":"#DFDDD7","pct":21.6},{"hex":"#F2F2F5","pct":6.4},{"hex":"#2E2D2D","pct":4.9},{"hex":"#A1A3AA","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1298.webp","thumb":"assets/thumb/ORG-1298.webp","palette":["#221B34","#0E0C14","#191423","#2C253E","#404535","#7B8564"],"palette_detail":[{"hex":"#221B34","pct":35.6},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.0},{"hex":"#2C253E","pct":11.0},{"hex":"#404535","pct":3.1},{"hex":"#7B8564","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1301","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity schedule · Plan","description":"A day schedule in Plan. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Review pricing page copy, 09:30 Send Q4 roadmap, 12:00 Book dentist, 14:30 Interview prep, 17:00 Renew passport, 19:30 Plan offsite — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","tasks","productivity"],"palette":["#2D2019","#0D0C0C","#1A1614","#151312","#F3672B","#695C55"],"palette_detail":[{"hex":"#2D2019","pct":41.0},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1614","pct":14.6},{"hex":"#151312","pct":4.5},{"hex":"#F3672B","pct":3.4},{"hex":"#695C55","pct":2.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1301.webp","thumb":"assets/thumb/ORG-1301.webp","live":"originals/screens/gen-tasks-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1301.webp","thumb":"assets/thumb/ORG-1301.webp","palette":["#2D2019","#0D0C0C","#1A1614","#151312","#F3672B","#695C55"],"palette_detail":[{"hex":"#2D2019","pct":41.0},{"hex":"#0D0C0C","pct":33.9},{"hex":"#1A1614","pct":14.6},{"hex":"#151312","pct":4.5},{"hex":"#F3672B","pct":3.4},{"hex":"#695C55","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1304.webp","thumb":"assets/thumb/ORG-1304.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#94A29A"],"palette_detail":[{"hex":"#D9E6DC","pct":42.5},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":12.8},{"hex":"#294C3B","pct":8.0},{"hex":"#FAFBF9","pct":4.9},{"hex":"#94A29A","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1303.webp","thumb":"assets/thumb/ORG-1303.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2C376F","#9095B2","#FEFDFA"],"palette_detail":[{"hex":"#E3E0DA","pct":42.6},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":12.9},{"hex":"#2C376F","pct":7.4},{"hex":"#9095B2","pct":4.5},{"hex":"#FEFDFA","pct":4.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1302.webp","thumb":"assets/thumb/ORG-1302.webp","palette":["#251E37","#0E0B15","#1A1526","#15121D","#BFEA33","#6B696E"],"palette_detail":[{"hex":"#251E37","pct":40.9},{"hex":"#0E0B15","pct":34.1},{"hex":"#1A1526","pct":14.7},{"hex":"#15121D","pct":4.6},{"hex":"#BFEA33","pct":3.3},{"hex":"#6B696E","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1305","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity confirmation · Plan","description":"A success screen in Plan after \"Upgrade to Pro\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Plan Pro · annual; Seats 1; Price €4 / mo and the total €48; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","tasks","productivity"],"palette":["#0D0D0C","#271C16","#32241D","#191614","#F9682B","#6A5B53"],"palette_detail":[{"hex":"#0D0D0C","pct":31.2},{"hex":"#271C16","pct":30.7},{"hex":"#32241D","pct":16.4},{"hex":"#191614","pct":15.2},{"hex":"#F9682B","pct":4.8},{"hex":"#6A5B53","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1305.webp","thumb":"assets/thumb/ORG-1305.webp","live":"originals/screens/gen-tasks-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1305.webp","thumb":"assets/thumb/ORG-1305.webp","palette":["#0D0D0C","#271C16","#32241D","#191614","#F9682B","#6A5B53"],"palette_detail":[{"hex":"#0D0D0C","pct":31.2},{"hex":"#271C16","pct":30.7},{"hex":"#32241D","pct":16.4},{"hex":"#191614","pct":15.2},{"hex":"#F9682B","pct":4.8},{"hex":"#6A5B53","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1308.webp","thumb":"assets/thumb/ORG-1308.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC4","#809288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.1},{"hex":"#FEFEFE","pct":13.1},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC4","pct":7.0},{"hex":"#809288","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1307.webp","thumb":"assets/thumb/ORG-1307.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#878A9D"],"palette_detail":[{"hex":"#E6E3DD","pct":39.9},{"hex":"#F9F8F5","pct":28.4},{"hex":"#FEFEFD","pct":13.7},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C7C6C9","pct":6.4},{"hex":"#878A9D","pct":2.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1306.webp","thumb":"assets/thumb/ORG-1306.webp","palette":["#221A34","#0E0C15","#1A1622","#2F2A3B","#C3F032","#767969"],"palette_detail":[{"hex":"#221A34","pct":34.7},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":16.2},{"hex":"#2F2A3B","pct":11.6},{"hex":"#C3F032","pct":4.7},{"hex":"#767969","pct":1.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1309","kind":"image","category":"mobile-app-ui","type":"screen","title":"Productivity support chat · Plan","description":"A support conversation inside Plan. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Review pricing page copy, the agent replies, a context card shows Review pricing page copy (Website · Today, High), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","tasks","productivity"],"palette":["#291D17","#0D0D0C","#191615","#372A23","#ED6428","#696460"],"palette_detail":[{"hex":"#291D17","pct":34.9},{"hex":"#0D0D0C","pct":29.6},{"hex":"#191615","pct":15.7},{"hex":"#372A23","pct":11.3},{"hex":"#ED6428","pct":6.4},{"hex":"#696460","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-tasks-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1309.webp","thumb":"assets/thumb/ORG-1309.webp","live":"originals/screens/gen-tasks-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1309.webp","thumb":"assets/thumb/ORG-1309.webp","palette":["#291D17","#0D0D0C","#191615","#372A23","#ED6428","#696460"],"palette_detail":[{"hex":"#291D17","pct":34.9},{"hex":"#0D0D0C","pct":29.6},{"hex":"#191615","pct":15.7},{"hex":"#372A23","pct":11.3},{"hex":"#ED6428","pct":6.4},{"hex":"#696460","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1312.webp","thumb":"assets/thumb/ORG-1312.webp","palette":["#F9FAF8","#D9E6DC","#E4EEE6","#25503B","#B9C5BD","#67927C"],"palette_detail":[{"hex":"#F9FAF8","pct":37.5},{"hex":"#D9E6DC","pct":30.5},{"hex":"#E4EEE6","pct":12.5},{"hex":"#25503B","pct":9.0},{"hex":"#B9C5BD","pct":6.5},{"hex":"#67927C","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1311.webp","thumb":"assets/thumb/ORG-1311.webp","palette":["#FBFBF8","#E2DFD8","#ECEAE5","#3957F3","#AEADAF","#2E2E2E"],"palette_detail":[{"hex":"#FBFBF8","pct":37.5},{"hex":"#E2DFD8","pct":31.3},{"hex":"#ECEAE5","pct":14.3},{"hex":"#3957F3","pct":6.3},{"hex":"#AEADAF","pct":5.6},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1310.webp","thumb":"assets/thumb/ORG-1310.webp","palette":["#221A34","#0E0B15","#191423","#2E283E","#BAE530","#656462"],"palette_detail":[{"hex":"#221A34","pct":34.1},{"hex":"#0E0B15","pct":29.3},{"hex":"#191423","pct":16.1},{"hex":"#2E283E","pct":11.5},{"hex":"#BAE530","pct":6.3},{"hex":"#656462","pct":2.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1313","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel insights · Wander","description":"An insights screen in Wander. A Week selector sits beside the title; a card plots fares this week as an area line with Saturday highlighted under the figure Lisbon (in 12 days · 3 nights); a progress ring shows 42% of days above usual; three tiles follow — Countries 12, Miles 18,240, Saved €420. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","travel","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362922","#211C19","#6D5A4E"],"palette_detail":[{"hex":"#2A1D16","pct":31.1},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.4},{"hex":"#362922","pct":12.5},{"hex":"#211C19","pct":7.6},{"hex":"#6D5A4E","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1313.webp","thumb":"assets/thumb/ORG-1313.webp","live":"originals/screens/gen-travel-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1313.webp","thumb":"assets/thumb/ORG-1313.webp","palette":["#2A1D16","#0D0D0C","#181514","#362922","#211C19","#6D5A4E"],"palette_detail":[{"hex":"#2A1D16","pct":31.1},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.4},{"hex":"#362922","pct":12.5},{"hex":"#211C19","pct":7.6},{"hex":"#6D5A4E","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1316.webp","thumb":"assets/thumb/ORG-1316.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2E2E","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.3},{"hex":"#F5F7F4","pct":23.8},{"hex":"#FEFEFE","pct":19.6},{"hex":"#D3E0D6","pct":17.7},{"hex":"#2D2E2E","pct":5.0},{"hex":"#98A59D","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1315.webp","thumb":"assets/thumb/ORG-1315.webp","palette":["#FCFCFA","#EAE8E2","#DFDDD7","#F0F1F5","#2E2D2D","#A2A3A8"],"palette_detail":[{"hex":"#FCFCFA","pct":38.4},{"hex":"#EAE8E2","pct":24.7},{"hex":"#DFDDD7","pct":21.8},{"hex":"#F0F1F5","pct":6.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#A2A3A8","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1314.webp","thumb":"assets/thumb/ORG-1314.webp","palette":["#221B34","#0E0C14","#191423","#2C263E","#43483A","#7F846E"],"palette_detail":[{"hex":"#221B34","pct":35.4},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.4},{"hex":"#2C263E","pct":11.2},{"hex":"#43483A","pct":2.7},{"hex":"#7F846E","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1317","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel schedule · Wander","description":"A day schedule in Wander. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Lisbon → Copenhagen, 09:30 Casa do Mar, 12:00 Sintra day trip, 14:30 Porto by train, 17:00 Belém food tour, 19:30 Airport transfer — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","travel"],"palette":["#0D0D0C","#291D16","#181514","#352922","#F3672A","#6E625B"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":32.0},{"hex":"#181514","pct":16.0},{"hex":"#352922","pct":11.7},{"hex":"#F3672A","pct":3.5},{"hex":"#6E625B","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1317.webp","thumb":"assets/thumb/ORG-1317.webp","live":"originals/screens/gen-travel-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1317.webp","thumb":"assets/thumb/ORG-1317.webp","palette":["#0D0D0C","#291D16","#181514","#352922","#F3672A","#6E625B"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":32.0},{"hex":"#181514","pct":16.0},{"hex":"#352922","pct":11.7},{"hex":"#F3672A","pct":3.5},{"hex":"#6E625B","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1320.webp","thumb":"assets/thumb/ORG-1320.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#95A39B"],"palette_detail":[{"hex":"#D9E6DC","pct":42.4},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":12.9},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.9},{"hex":"#95A39B","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1319.webp","thumb":"assets/thumb/ORG-1319.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2C3771","#9195B1","#FEFDFA"],"palette_detail":[{"hex":"#E3E0DA","pct":42.6},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":12.9},{"hex":"#2C3771","pct":7.5},{"hex":"#9195B1","pct":4.4},{"hex":"#FEFDFA","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1318.webp","thumb":"assets/thumb/ORG-1318.webp","palette":["#0E0C15","#211A34","#191423","#2D263E","#BFEA32","#6F6D72"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211A34","pct":31.1},{"hex":"#191423","pct":16.8},{"hex":"#2D263E","pct":12.1},{"hex":"#BFEA32","pct":3.4},{"hex":"#6F6D72","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1321","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel confirmation · Wander","description":"A success screen in Wander after \"Confirm booking\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Stay Casa do Mar; Dates 14–17 Nov; 3 nights €552 and the total €552; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","travel"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6E615A"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.6},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#6E615A","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1321.webp","thumb":"assets/thumb/ORG-1321.webp","live":"originals/screens/gen-travel-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1321.webp","thumb":"assets/thumb/ORG-1321.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6E615A"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.2},{"hex":"#191614","pct":15.6},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#6E615A","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1324.webp","thumb":"assets/thumb/ORG-1324.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.1},{"hex":"#FEFEFE","pct":12.8},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#819288","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1323.webp","thumb":"assets/thumb/ORG-1323.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C7C9","#898C9E"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.4},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C7C9","pct":6.4},{"hex":"#898C9E","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1322.webp","thumb":"assets/thumb/ORG-1322.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#75776A"],"palette_detail":[{"hex":"#221A34","pct":34.9},{"hex":"#0E0C15","pct":31.3},{"hex":"#1A1622","pct":16.0},{"hex":"#302B3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#75776A","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1325","kind":"image","category":"mobile-app-ui","type":"screen","title":"Travel support chat · Wander","description":"A support conversation inside Wander. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Lisbon → Copenhagen, the agent replies, a context card shows Lisbon → Copenhagen (Thu 14 Nov · Direct, €96), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","travel"],"palette":["#291D16","#0D0C0C","#191615","#362923","#EB6328","#69635F"],"palette_detail":[{"hex":"#291D16","pct":34.8},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.7},{"hex":"#362923","pct":12.0},{"hex":"#EB6328","pct":6.3},{"hex":"#69635F","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-travel-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1325.webp","thumb":"assets/thumb/ORG-1325.webp","live":"originals/screens/gen-travel-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1325.webp","thumb":"assets/thumb/ORG-1325.webp","palette":["#291D16","#0D0C0C","#191615","#362923","#EB6328","#69635F"],"palette_detail":[{"hex":"#291D16","pct":34.8},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.7},{"hex":"#362923","pct":12.0},{"hex":"#EB6328","pct":6.3},{"hex":"#69635F","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1328.webp","thumb":"assets/thumb/ORG-1328.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#789787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.0},{"hex":"#FEFEFD","pct":12.4},{"hex":"#27543E","pct":9.7},{"hex":"#BBC7BE","pct":6.3},{"hex":"#789787","pct":3.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1327.webp","thumb":"assets/thumb/ORG-1327.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B6B6B6","#3D5AF0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.1},{"hex":"#F9F8F5","pct":27.8},{"hex":"#FEFEFD","pct":12.6},{"hex":"#B6B6B6","pct":7.2},{"hex":"#3D5AF0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1326.webp","thumb":"assets/thumb/ORG-1326.webp","palette":["#221A34","#0E0B15","#191523","#2E273F","#BDE830","#6B705A"],"palette_detail":[{"hex":"#221A34","pct":34.1},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.4},{"hex":"#2E273F","pct":11.7},{"hex":"#BDE830","pct":5.8},{"hex":"#6B705A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1329","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing activity feed · Tally","description":"An activity feed in Tally grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Invoice paid\" (Lumen · €6,250) and \"INV-0411 is overdue\" — and read items are plain rows: \"Parallax viewed INV-0412\", \"Payout sent\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","invoice","business","invoicing","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392D26","#181513","#211F1D","#A66E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181513","pct":7.7},{"hex":"#211F1D","pct":6.8},{"hex":"#A66E55","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1329.webp","thumb":"assets/thumb/ORG-1329.webp","live":"originals/screens/gen-invoice-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1329.webp","thumb":"assets/thumb/ORG-1329.webp","palette":["#0D0D0C","#2A1D16","#392D26","#181513","#211F1D","#A66E55"],"palette_detail":[{"hex":"#0D0D0C","pct":40.4},{"hex":"#2A1D16","pct":33.3},{"hex":"#392D26","pct":9.9},{"hex":"#181513","pct":7.7},{"hex":"#211F1D","pct":6.8},{"hex":"#A66E55","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1332.webp","thumb":"assets/thumb/ORG-1332.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BCC8BF","#2B3330","#7D8B83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.1},{"hex":"#DBE8DE","pct":39.9},{"hex":"#FCFDFC","pct":6.2},{"hex":"#BCC8BF","pct":6.1},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8B83","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1331.webp","thumb":"assets/thumb/ORG-1331.webp","palette":["#FAFAF7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#7178A1"],"palette_detail":[{"hex":"#FAFAF7","pct":40.2},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":15.2},{"hex":"#C0BFBF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7178A1","pct":2.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1330.webp","thumb":"assets/thumb/ORG-1330.webp","palette":["#241C36","#0E0C15","#1D172C","#17131F","#3A3543","#95A464"],"palette_detail":[{"hex":"#241C36","pct":41.1},{"hex":"#0E0C15","pct":40.4},{"hex":"#1D172C","pct":7.0},{"hex":"#17131F","pct":6.2},{"hex":"#3A3543","pct":3.3},{"hex":"#95A464","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1333","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing send invoice · Tally","description":"A confirmation screen in Tally titled \"Send invoice\". A summary card lists Client Parallax Studio; Amount €4,800; Due Oct 28; Reminder 3 days after, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €4,800 beside the primary button \"Send invoice\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","invoice","business","invoicing"],"palette":["#291D17","#0D0D0C","#1A1715","#372D27","#161313","#B66A48"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.4},{"hex":"#1A1715","pct":13.3},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.4},{"hex":"#B66A48","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1333.webp","thumb":"assets/thumb/ORG-1333.webp","live":"originals/screens/gen-invoice-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1333.webp","thumb":"assets/thumb/ORG-1333.webp","palette":["#291D17","#0D0D0C","#1A1715","#372D27","#161313","#B66A48"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.4},{"hex":"#1A1715","pct":13.3},{"hex":"#372D27","pct":9.7},{"hex":"#161313","pct":4.4},{"hex":"#B66A48","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1336.webp","thumb":"assets/thumb/ORG-1336.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3731","#83948B"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.3},{"hex":"#FEFEFE","pct":14.5},{"hex":"#BFC9C1","pct":5.7},{"hex":"#2A3731","pct":5.6},{"hex":"#83948B","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1335.webp","thumb":"assets/thumb/ORG-1335.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C4C2BE","#2D2D2D","#6B77B4"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.2},{"hex":"#FEFEFE","pct":14.6},{"hex":"#C4C2BE","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6B77B4","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1334.webp","thumb":"assets/thumb/ORG-1334.webp","palette":["#241C36","#0E0C15","#1A1525","#15121D","#443F4E","#A2BB4E"],"palette_detail":[{"hex":"#241C36","pct":43.2},{"hex":"#0E0C15","pct":33.1},{"hex":"#1A1525","pct":15.6},{"hex":"#15121D","pct":4.1},{"hex":"#443F4E","pct":2.3},{"hex":"#A2BB4E","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1337","kind":"image","category":"dashboard","type":"screen","title":"Business invoicing desktop dashboard · Tally","description":"A desktop dashboard for Tally (business invoicing). A sidebar lists Overview, Reports, Invoices, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Paid €42.6k, Due €18.4k, Overdue €3.2k, Avg. days 14), a bar chart of paid this week · €k and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","invoice","business","invoicing"],"palette":["#181615","#281E19","#0E0D0C","#3D332E","#141211","#D5693B"],"palette_detail":[{"hex":"#181615","pct":53.1},{"hex":"#281E19","pct":27.1},{"hex":"#0E0D0C","pct":10.9},{"hex":"#3D332E","pct":4.2},{"hex":"#141211","pct":3.4},{"hex":"#D5693B","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1337.webp","thumb":"assets/thumb/ORG-1337.webp","live":"originals/screens/gen-invoice-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1337.webp","thumb":"assets/thumb/ORG-1337.webp","palette":["#181615","#281E19","#0E0D0C","#3D332E","#141211","#D5693B"],"palette_detail":[{"hex":"#181615","pct":53.1},{"hex":"#281E19","pct":27.1},{"hex":"#0E0D0C","pct":10.9},{"hex":"#3D332E","pct":4.2},{"hex":"#141211","pct":3.4},{"hex":"#D5693B","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1340.webp","thumb":"assets/thumb/ORG-1340.webp","palette":["#FFFFFF","#E1EBE3","#F5F7F4","#C3CEC6","#FBFCFB","#498969"],"palette_detail":[{"hex":"#FFFFFF","pct":45.6},{"hex":"#E1EBE3","pct":22.8},{"hex":"#F5F7F4","pct":15.4},{"hex":"#C3CEC6","pct":9.0},{"hex":"#FBFCFB","pct":5.9},{"hex":"#498969","pct":1.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1339.webp","thumb":"assets/thumb/ORG-1339.webp","palette":["#FFFFFF","#E9E7E1","#F8F7F5","#CBC8C2","#FCFBFB","#4961E2"],"palette_detail":[{"hex":"#FFFFFF","pct":45.6},{"hex":"#E9E7E1","pct":22.9},{"hex":"#F8F7F5","pct":14.3},{"hex":"#CBC8C2","pct":9.0},{"hex":"#FCFBFB","pct":6.9},{"hex":"#4961E2","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1338.webp","thumb":"assets/thumb/ORG-1338.webp","palette":["#191425","#251E36","#100D17","#161220","#5F5C63","#BDE931"],"palette_detail":[{"hex":"#191425","pct":54.0},{"hex":"#251E36","pct":27.5},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.9},{"hex":"#5F5C63","pct":1.6},{"hex":"#BDE931","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1341","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing invoice detail · Tally","description":"A detail screen in Tally for \"INV-0412\" (Parallax Studio · issued Oct 14). An illustrated header carries back and save buttons; below sit the title, the value \"€4,800\", a 2×2 fact grid (Due: Oct 28; Status: Sent · viewed; Items: 3 lines; VAT: 23% incl.), a short paragraph, two \"Related\" rows and a sticky action \"Send invoice\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","invoice","business","invoicing"],"palette":["#281D17","#0D0C0B","#B27152","#342822","#1B1614","#5B4E46"],"palette_detail":[{"hex":"#281D17","pct":36.7},{"hex":"#0D0C0B","pct":21.5},{"hex":"#B27152","pct":20.8},{"hex":"#342822","pct":12.1},{"hex":"#1B1614","pct":6.5},{"hex":"#5B4E46","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1341.webp","thumb":"assets/thumb/ORG-1341.webp","live":"originals/screens/gen-invoice-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1341.webp","thumb":"assets/thumb/ORG-1341.webp","palette":["#281D17","#0D0C0B","#B27152","#342822","#1B1614","#5B4E46"],"palette_detail":[{"hex":"#281D17","pct":36.7},{"hex":"#0D0C0B","pct":21.5},{"hex":"#B27152","pct":20.8},{"hex":"#342822","pct":12.1},{"hex":"#1B1614","pct":6.5},{"hex":"#5B4E46","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1344.webp","thumb":"assets/thumb/ORG-1344.webp","palette":["#D8E6DB","#F6F8F5","#B7CFBF","#E6EFE7","#8AAD97","#274235"],"palette_detail":[{"hex":"#D8E6DB","pct":32.7},{"hex":"#F6F8F5","pct":20.0},{"hex":"#B7CFBF","pct":16.0},{"hex":"#E6EFE7","pct":15.8},{"hex":"#8AAD97","pct":8.6},{"hex":"#274235","pct":6.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1343.webp","thumb":"assets/thumb/ORG-1343.webp","palette":["#DFDDD9","#FAF9F6","#ECEAE5","#A3B9F7","#2C3563","#A4A4A2"],"palette_detail":[{"hex":"#DFDDD9","pct":33.8},{"hex":"#FAF9F6","pct":20.0},{"hex":"#ECEAE5","pct":19.3},{"hex":"#A3B9F7","pct":15.9},{"hex":"#2C3563","pct":6.9},{"hex":"#A4A4A2","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1342.webp","thumb":"assets/thumb/ORG-1342.webp","palette":["#221A34","#0E0B14","#8C9A7D","#2D263E","#5C5973","#191522"],"palette_detail":[{"hex":"#221A34","pct":37.3},{"hex":"#0E0B14","pct":22.1},{"hex":"#8C9A7D","pct":16.1},{"hex":"#2D263E","pct":12.8},{"hex":"#5C5973","pct":6.2},{"hex":"#191522","pct":5.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1345","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing empty state · Tally","description":"An empty state in Tally: a ghosted stack of cards with an accent badge, the line \"No overdue invoices\", the explanation \"Nice. Reminders go out automatically 3 days after a due date.\" and a single button \"View all invoices\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","invoice","business","invoicing","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#392C26","#161413","#241913","#D56839"],"palette_detail":[{"hex":"#0D0D0C","pct":44.9},{"hex":"#2A1E17","pct":30.1},{"hex":"#392C26","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":5.0},{"hex":"#D56839","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1345.webp","thumb":"assets/thumb/ORG-1345.webp","live":"originals/screens/gen-invoice-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1345.webp","thumb":"assets/thumb/ORG-1345.webp","palette":["#0D0D0C","#2A1E17","#392C26","#161413","#241913","#D56839"],"palette_detail":[{"hex":"#0D0D0C","pct":44.9},{"hex":"#2A1E17","pct":30.1},{"hex":"#392C26","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":5.0},{"hex":"#D56839","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1348.webp","thumb":"assets/thumb/ORG-1348.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D1C9","#293F35","#87958D"],"palette_detail":[{"hex":"#F6F8F5","pct":39.3},{"hex":"#DCE9DF","pct":37.3},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C7D1C9","pct":6.7},{"hex":"#293F35","pct":6.4},{"hex":"#87958D","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1347.webp","thumb":"assets/thumb/ORG-1347.webp","palette":["#FBFAF7","#E4E1DA","#ECEAE4","#C7C6C3","#2D2D2D","#5D6DC1"],"palette_detail":[{"hex":"#FBFAF7","pct":46.8},{"hex":"#E4E1DA","pct":29.7},{"hex":"#ECEAE4","pct":9.7},{"hex":"#C7C6C3","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5D6DC1","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1346.webp","thumb":"assets/thumb/ORG-1346.webp","palette":["#0E0C15","#221A34","#2E273E","#181421","#C0EC31","#7A7E6B"],"palette_detail":[{"hex":"#0E0C15","pct":45.1},{"hex":"#221A34","pct":31.3},{"hex":"#2E273E","pct":10.7},{"hex":"#181421","pct":10.1},{"hex":"#C0EC31","pct":1.6},{"hex":"#7A7E6B","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1349","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing home · Tally","description":"A metric-grid home for Tally (business invoicing). A tinted hero card shows \"Outstanding: €18,420\" with \"7 invoices · 2 overdue\", followed by a 2×2 grid of tiles — Paid €42.6k, Due €18.4k, Overdue €3.2k, Avg. days 14 — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","invoice","business","invoicing"],"palette":["#281D17","#0D0D0C","#181514","#322721","#484542","#817871"],"palette_detail":[{"hex":"#281D17","pct":37.0},{"hex":"#0D0D0C","pct":30.3},{"hex":"#181514","pct":16.5},{"hex":"#322721","pct":12.3},{"hex":"#484542","pct":2.5},{"hex":"#817871","pct":1.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1349.webp","thumb":"assets/thumb/ORG-1349.webp","live":"originals/screens/gen-invoice-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1349.webp","thumb":"assets/thumb/ORG-1349.webp","palette":["#281D17","#0D0D0C","#181514","#322721","#484542","#817871"],"palette_detail":[{"hex":"#281D17","pct":37.0},{"hex":"#0D0D0C","pct":30.3},{"hex":"#181514","pct":16.5},{"hex":"#322721","pct":12.3},{"hex":"#484542","pct":2.5},{"hex":"#817871","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1352.webp","thumb":"assets/thumb/ORG-1352.webp","palette":["#D5E2D8","#F6F8F5","#E3EDE5","#FEFEFE","#2D2F2E","#99A19B"],"palette_detail":[{"hex":"#D5E2D8","pct":28.8},{"hex":"#F6F8F5","pct":26.4},{"hex":"#E3EDE5","pct":21.3},{"hex":"#FEFEFE","pct":13.9},{"hex":"#2D2F2E","pct":5.0},{"hex":"#99A19B","pct":4.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1351.webp","thumb":"assets/thumb/ORG-1351.webp","palette":["#FCFCFA","#DFDCD5","#EBE9E3","#F7F6F3","#2D2D2D","#9F9F9D"],"palette_detail":[{"hex":"#FCFCFA","pct":33.2},{"hex":"#DFDCD5","pct":29.1},{"hex":"#EBE9E3","pct":21.5},{"hex":"#F7F6F3","pct":6.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9F9F9D","pct":4.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1350.webp","thumb":"assets/thumb/ORG-1350.webp","palette":["#231B35","#0E0C15","#181422","#342D44","#1D172C","#7E7B85"],"palette_detail":[{"hex":"#231B35","pct":38.7},{"hex":"#0E0C15","pct":30.1},{"hex":"#181422","pct":15.8},{"hex":"#342D44","pct":7.9},{"hex":"#1D172C","pct":5.6},{"hex":"#7E7B85","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1353","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing insights · Tally","description":"An insights screen in Tally. A Week selector sits beside the title; a card plots paid this week · €k as an area line with Saturday highlighted under the figure €18,420 (7 invoices · 2 overdue); a progress ring shows 71% of days above usual; three tiles follow — Due €18.4k, Overdue €3.2k, Avg. days 14. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","invoice","business","invoicing","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#372922","#211C19","#745A4C"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":19.7},{"hex":"#372922","pct":12.1},{"hex":"#211C19","pct":8.4},{"hex":"#745A4C","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1353.webp","thumb":"assets/thumb/ORG-1353.webp","live":"originals/screens/gen-invoice-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1353.webp","thumb":"assets/thumb/ORG-1353.webp","palette":["#2A1D16","#0D0D0C","#181514","#372922","#211C19","#745A4C"],"palette_detail":[{"hex":"#2A1D16","pct":31.4},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":19.7},{"hex":"#372922","pct":12.1},{"hex":"#211C19","pct":8.4},{"hex":"#745A4C","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1356.webp","thumb":"assets/thumb/ORG-1356.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2F","#97A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.6},{"hex":"#F5F7F4","pct":23.7},{"hex":"#FEFEFE","pct":18.9},{"hex":"#D3E0D6","pct":18.0},{"hex":"#2D2F2F","pct":5.0},{"hex":"#97A59D","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1355.webp","thumb":"assets/thumb/ORG-1355.webp","palette":["#FCFCFA","#EAE8E3","#DFDDD7","#F1F1F5","#2E2E2E","#A1A3AB"],"palette_detail":[{"hex":"#FCFCFA","pct":37.5},{"hex":"#EAE8E3","pct":25.2},{"hex":"#DFDDD7","pct":21.7},{"hex":"#F1F1F5","pct":6.5},{"hex":"#2E2E2E","pct":5.0},{"hex":"#A1A3AB","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1354.webp","thumb":"assets/thumb/ORG-1354.webp","palette":["#221B34","#0E0C14","#191423","#2E2740","#3F4531","#7F8666"],"palette_detail":[{"hex":"#221B34","pct":35.9},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":22.9},{"hex":"#2E2740","pct":10.4},{"hex":"#3F4531","pct":3.3},{"hex":"#7F8666","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1357","kind":"image","category":"website","type":"screen","title":"Business invoicing landing hero · Tally","description":"A desktop landing hero for Tally. A slim nav with \"Get Tally\" sits over a two-column hero: an eyebrow pill (\"Invoice paid\"), the headline \"Get paid on time.\", \"Beautiful invoices, automatic reminders and payments straight to your bank.\", primary \"Create first invoice\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","invoice","business","invoicing"],"palette":["#0E0D0C","#281D17","#372923","#1A1613","#0C0B0B","#BB623C"],"palette_detail":[{"hex":"#0E0D0C","pct":51.8},{"hex":"#281D17","pct":20.9},{"hex":"#372923","pct":15.9},{"hex":"#1A1613","pct":7.5},{"hex":"#0C0B0B","pct":2.6},{"hex":"#BB623C","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1357.webp","thumb":"assets/thumb/ORG-1357.webp","live":"originals/screens/gen-invoice-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1357.webp","thumb":"assets/thumb/ORG-1357.webp","palette":["#0E0D0C","#281D17","#372923","#1A1613","#0C0B0B","#BB623C"],"palette_detail":[{"hex":"#0E0D0C","pct":51.8},{"hex":"#281D17","pct":20.9},{"hex":"#372923","pct":15.9},{"hex":"#1A1613","pct":7.5},{"hex":"#0C0B0B","pct":2.6},{"hex":"#BB623C","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1360.webp","thumb":"assets/thumb/ORG-1360.webp","palette":["#F6F8F5","#E1ECE3","#D2DFD5","#B3BFB7","#FEFEFD","#537A66"],"palette_detail":[{"hex":"#F6F8F5","pct":54.2},{"hex":"#E1ECE3","pct":19.7},{"hex":"#D2DFD5","pct":14.1},{"hex":"#B3BFB7","pct":5.9},{"hex":"#FEFEFD","pct":3.8},{"hex":"#537A66","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1359.webp","thumb":"assets/thumb/ORG-1359.webp","palette":["#FAF9F6","#E9E8E4","#DADADB","#BCBBBB","#FEFEFD","#5C69AE"],"palette_detail":[{"hex":"#FAF9F6","pct":54.4},{"hex":"#E9E8E4","pct":20.2},{"hex":"#DADADB","pct":13.9},{"hex":"#BCBBBB","pct":6.0},{"hex":"#FEFEFD","pct":3.7},{"hex":"#5C69AE","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1358.webp","thumb":"assets/thumb/ORG-1358.webp","palette":["#0F0C16","#231C34","#322F3D","#1A1526","#A0B852","#0C0813"],"palette_detail":[{"hex":"#0F0C16","pct":52.9},{"hex":"#231C34","pct":20.4},{"hex":"#322F3D","pct":14.5},{"hex":"#1A1526","pct":8.8},{"hex":"#A0B852","pct":1.8},{"hex":"#0C0813","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1361","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing invoice list · Tally","description":"A two-column card grid of invoices in Tally. A chip row with \"Draft\" selected sits above six cards, each an illustrated tile with a title and value: INV-0412 · Parallax, INV-0411 · Orbit AI, INV-0410 · Lumen, INV-0409 · Northwind, INV-0408 · Fieldwork, INV-0407 · Meridian. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","invoice","business","invoicing"],"palette":["#2A1E17","#0D0C0B","#905C42","#3C2D26","#1B1613","#A88673"],"palette_detail":[{"hex":"#2A1E17","pct":34.6},{"hex":"#0D0C0B","pct":27.5},{"hex":"#905C42","pct":15.8},{"hex":"#3C2D26","pct":9.5},{"hex":"#1B1613","pct":6.8},{"hex":"#A88673","pct":5.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1361.webp","thumb":"assets/thumb/ORG-1361.webp","live":"originals/screens/gen-invoice-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1361.webp","thumb":"assets/thumb/ORG-1361.webp","palette":["#2A1E17","#0D0C0B","#905C42","#3C2D26","#1B1613","#A88673"],"palette_detail":[{"hex":"#2A1E17","pct":34.6},{"hex":"#0D0C0B","pct":27.5},{"hex":"#905C42","pct":15.8},{"hex":"#3C2D26","pct":9.5},{"hex":"#1B1613","pct":6.8},{"hex":"#A88673","pct":5.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1364.webp","thumb":"assets/thumb/ORG-1364.webp","palette":["#DCE9DF","#F6F8F5","#C5DBCC","#A9C6B3","#2C2D2D","#7B9183"],"palette_detail":[{"hex":"#DCE9DF","pct":38.4},{"hex":"#F6F8F5","pct":26.7},{"hex":"#C5DBCC","pct":14.1},{"hex":"#A9C6B3","pct":11.9},{"hex":"#2C2D2D","pct":5.0},{"hex":"#7B9183","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1363.webp","thumb":"assets/thumb/ORG-1363.webp","palette":["#E6E5E3","#FAF9F6","#B3C4F6","#DDDAD3","#2D2D2D","#8D93A8"],"palette_detail":[{"hex":"#E6E5E3","pct":32.7},{"hex":"#FAF9F6","pct":26.5},{"hex":"#B3C4F6","pct":16.7},{"hex":"#DDDAD3","pct":14.1},{"hex":"#2D2D2D","pct":5.1},{"hex":"#8D93A8","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1362.webp","thumb":"assets/thumb/ORG-1362.webp","palette":["#221B35","#0E0B14","#666977","#312C40","#8C9192","#181521"],"palette_detail":[{"hex":"#221B35","pct":34.1},{"hex":"#0E0B14","pct":27.3},{"hex":"#666977","pct":15.2},{"hex":"#312C40","pct":10.1},{"hex":"#8C9192","pct":6.7},{"hex":"#181521","pct":6.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1365","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing welcome · Tally","description":"The first onboarding step of Tally. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Get paid on time.\", followed by \"Beautiful invoices, automatic reminders and payments straight to your bank.\" and a full-width primary button \"Create first invoice\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","invoice","business","invoicing"],"palette":["#2A1D16","#9E674B","#0E0D0C","#382A23","#1A1512","#080809"],"palette_detail":[{"hex":"#2A1D16","pct":32.4},{"hex":"#9E674B","pct":23.4},{"hex":"#0E0D0C","pct":22.9},{"hex":"#382A23","pct":11.2},{"hex":"#1A1512","pct":5.8},{"hex":"#080809","pct":4.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1365.webp","thumb":"assets/thumb/ORG-1365.webp","live":"originals/screens/gen-invoice-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1365.webp","thumb":"assets/thumb/ORG-1365.webp","palette":["#2A1D16","#9E674B","#0E0D0C","#382A23","#1A1512","#080809"],"palette_detail":[{"hex":"#2A1D16","pct":32.4},{"hex":"#9E674B","pct":23.4},{"hex":"#0E0D0C","pct":22.9},{"hex":"#382A23","pct":11.2},{"hex":"#1A1512","pct":5.8},{"hex":"#080809","pct":4.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1368.webp","thumb":"assets/thumb/ORG-1368.webp","palette":["#D7E6DB","#F6F9F5","#BAD3C2","#E1EDE4","#294638","#87A594"],"palette_detail":[{"hex":"#D7E6DB","pct":30.5},{"hex":"#F6F9F5","pct":25.7},{"hex":"#BAD3C2","pct":19.6},{"hex":"#E1EDE4","pct":13.8},{"hex":"#294638","pct":7.2},{"hex":"#87A594","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1367.webp","thumb":"assets/thumb/ORG-1367.webp","palette":["#E3E0D9","#F8F7F6","#BECDF5","#2C314D","#7985C5","#FEFDFA"],"palette_detail":[{"hex":"#E3E0D9","pct":42.9},{"hex":"#F8F7F6","pct":22.7},{"hex":"#BECDF5","pct":19.6},{"hex":"#2C314D","pct":5.0},{"hex":"#7985C5","pct":5.0},{"hex":"#FEFDFA","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1366.webp","thumb":"assets/thumb/ORG-1366.webp","palette":["#221A34","#0E0B14","#6F7081","#2E283E","#17151F","#B2DB2F"],"palette_detail":[{"hex":"#221A34","pct":31.9},{"hex":"#0E0B14","pct":27.2},{"hex":"#6F7081","pct":20.3},{"hex":"#2E283E","pct":11.6},{"hex":"#17151F","pct":5.6},{"hex":"#B2DB2F","pct":3.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1369","kind":"image","category":"website","type":"screen","title":"Business invoicing pricing · Tally","description":"A desktop pricing section for Tally with a Monthly/Yearly toggle and \"2 months free\". Three plans — Solo €0 (5 invoices / mo, Card payments, Reminders); Studio €12 (Unlimited, Recurring, Multi-currency); Agency €29 (Team seats, Approvals, Accounting sync) — with Studio anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","invoice","business","invoicing"],"palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#55463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#55463F","pct":2.5},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1369.webp","thumb":"assets/thumb/ORG-1369.webp","live":"originals/screens/gen-invoice-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1369.webp","thumb":"assets/thumb/ORG-1369.webp","palette":["#0E0D0C","#2C2019","#1A1614","#F3682D","#55463F","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C2019","pct":22.7},{"hex":"#1A1614","pct":18.3},{"hex":"#F3682D","pct":6.2},{"hex":"#55463F","pct":2.5},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1372.webp","thumb":"assets/thumb/ORG-1372.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.9},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":10.9},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":6.0},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1371.webp","thumb":"assets/thumb/ORG-1371.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB9B6","#CBD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.7},{"hex":"#E3E0DA","pct":22.3},{"hex":"#FEFEFF","pct":12.5},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B6","pct":5.6},{"hex":"#CBD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1370.webp","thumb":"assets/thumb/ORG-1370.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE33A","#4F4F4A","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.8},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE33A","pct":6.4},{"hex":"#4F4F4A","pct":2.7},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1373","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing profile · Tally","description":"A profile screen in Tally for Studio Pelo (Design studio · Lisbon). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — €42.6k Paid, 14 Avg. days, 9 Clients — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","invoice","business","invoicing","bottom-nav"],"palette":["#2C1F18","#0D0D0C","#181514","#23201E","#4C413B","#C87F5A"],"palette_detail":[{"hex":"#2C1F18","pct":39.8},{"hex":"#0D0D0C","pct":32.9},{"hex":"#181514","pct":17.4},{"hex":"#23201E","pct":5.2},{"hex":"#4C413B","pct":2.5},{"hex":"#C87F5A","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1373.webp","thumb":"assets/thumb/ORG-1373.webp","live":"originals/screens/gen-invoice-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1373.webp","thumb":"assets/thumb/ORG-1373.webp","palette":["#2C1F18","#0D0D0C","#181514","#23201E","#4C413B","#C87F5A"],"palette_detail":[{"hex":"#2C1F18","pct":39.8},{"hex":"#0D0D0C","pct":32.9},{"hex":"#181514","pct":17.4},{"hex":"#23201E","pct":5.2},{"hex":"#4C413B","pct":2.5},{"hex":"#C87F5A","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1376.webp","thumb":"assets/thumb/ORG-1376.webp","palette":["#DFEBE1","#F5F8F5","#FEFEFE","#CEDBD1","#2B322F","#889F92"],"palette_detail":[{"hex":"#DFEBE1","pct":36.4},{"hex":"#F5F8F5","pct":29.4},{"hex":"#FEFEFE","pct":14.3},{"hex":"#CEDBD1","pct":11.0},{"hex":"#2B322F","pct":5.2},{"hex":"#889F92","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1375.webp","thumb":"assets/thumb/ORG-1375.webp","palette":["#FCFBF9","#E6E4DD","#D0CECC","#F2F0EB","#2E2D2D","#7E87B2"],"palette_detail":[{"hex":"#FCFBF9","pct":41.3},{"hex":"#E6E4DD","pct":34.7},{"hex":"#D0CECC","pct":7.9},{"hex":"#F2F0EB","pct":7.6},{"hex":"#2E2D2D","pct":4.9},{"hex":"#7E87B2","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1374.webp","thumb":"assets/thumb/ORG-1374.webp","palette":["#0E0C15","#251D37","#1F1830","#181422","#4A494B","#9BA47C"],"palette_detail":[{"hex":"#0E0C15","pct":33.0},{"hex":"#251D37","pct":24.2},{"hex":"#1F1830","pct":22.3},{"hex":"#181422","pct":15.9},{"hex":"#4A494B","pct":2.4},{"hex":"#9BA47C","pct":2.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1377","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing schedule · Tally","description":"A day schedule in Tally. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 INV-0412 · Parallax, 09:30 INV-0411 · Orbit AI, 12:00 INV-0410 · Lumen, 14:30 INV-0409 · Northwind, 17:00 INV-0408 · Fieldwork, 19:30 INV-0407 · Meridian — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","invoice","business","invoicing"],"palette":["#0D0D0C","#291D16","#181514","#352922","#F3672A","#70645C"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":15.9},{"hex":"#352922","pct":11.8},{"hex":"#F3672A","pct":3.4},{"hex":"#70645C","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1377.webp","thumb":"assets/thumb/ORG-1377.webp","live":"originals/screens/gen-invoice-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1377.webp","thumb":"assets/thumb/ORG-1377.webp","palette":["#0D0D0C","#291D16","#181514","#352922","#F3672A","#70645C"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":15.9},{"hex":"#352922","pct":11.8},{"hex":"#F3672A","pct":3.4},{"hex":"#70645C","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1380.webp","thumb":"assets/thumb/ORG-1380.webp","palette":["#DCE9DF","#F6F8F5","#FEFFFE","#294B3B","#C5D0C8","#86968D"],"palette_detail":[{"hex":"#DCE9DF","pct":38.2},{"hex":"#F6F8F5","pct":30.4},{"hex":"#FEFFFE","pct":14.1},{"hex":"#294B3B","pct":7.6},{"hex":"#C5D0C8","pct":6.5},{"hex":"#86968D","pct":3.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1379.webp","thumb":"assets/thumb/ORG-1379.webp","palette":["#E6E3DC","#FAF9F6","#FFFFFE","#CAC8C5","#2E2E2E","#5568CE"],"palette_detail":[{"hex":"#E6E3DC","pct":38.2},{"hex":"#FAF9F6","pct":29.1},{"hex":"#FFFFFE","pct":15.9},{"hex":"#CAC8C5","pct":7.0},{"hex":"#2E2E2E","pct":5.0},{"hex":"#5568CE","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1378.webp","thumb":"assets/thumb/ORG-1378.webp","palette":["#0E0C15","#221A34","#191423","#2E283F","#BEEA31","#777777"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#221A34","pct":31.7},{"hex":"#191423","pct":16.6},{"hex":"#2E283F","pct":11.6},{"hex":"#BEEA31","pct":3.3},{"hex":"#777777","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1381","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing search · Tally","description":"A search screen in Tally: a focused field with a clear button, a chip row (All, Draft, Sent, Overdue), recent searches as pills, \"Top results\" — INV-0412 · Parallax, INV-0411 · Orbit AI, INV-0410 · Lumen, INV-0409 · Northwind — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","invoice","business","invoicing"],"palette":["#0E0D0C","#291D17","#372B25","#191614","#080808","#75716F"],"palette_detail":[{"hex":"#0E0D0C","pct":38.5},{"hex":"#291D17","pct":35.7},{"hex":"#372B25","pct":11.0},{"hex":"#191614","pct":7.6},{"hex":"#080808","pct":4.3},{"hex":"#75716F","pct":2.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1381.webp","thumb":"assets/thumb/ORG-1381.webp","live":"originals/screens/gen-invoice-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1381.webp","thumb":"assets/thumb/ORG-1381.webp","palette":["#0E0D0C","#291D17","#372B25","#191614","#080808","#75716F"],"palette_detail":[{"hex":"#0E0D0C","pct":38.5},{"hex":"#291D17","pct":35.7},{"hex":"#372B25","pct":11.0},{"hex":"#191614","pct":7.6},{"hex":"#080808","pct":4.3},{"hex":"#75716F","pct":2.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1384.webp","thumb":"assets/thumb/ORG-1384.webp","palette":["#F5F8F5","#DEEAE1","#CFDCD2","#FDFEFC","#2C2E2E","#9CA39E"],"palette_detail":[{"hex":"#F5F8F5","pct":38.4},{"hex":"#DEEAE1","pct":34.9},{"hex":"#CFDCD2","pct":11.3},{"hex":"#FDFEFC","pct":5.8},{"hex":"#2C2E2E","pct":5.0},{"hex":"#9CA39E","pct":4.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1383.webp","thumb":"assets/thumb/ORG-1383.webp","palette":["#F9F8F5","#E8E5DE","#D8D6D2","#FEFEFC","#2D2D2D","#9F9E9B"],"palette_detail":[{"hex":"#F9F8F5","pct":37.7},{"hex":"#E8E5DE","pct":35.3},{"hex":"#D8D6D2","pct":11.4},{"hex":"#FEFEFC","pct":5.9},{"hex":"#2D2D2D","pct":5.0},{"hex":"#9F9E9B","pct":4.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1382.webp","thumb":"assets/thumb/ORG-1382.webp","palette":["#0F0C16","#221A34","#312B3E","#191622","#09070C","#74717D"],"palette_detail":[{"hex":"#0F0C16","pct":38.9},{"hex":"#221A34","pct":35.0},{"hex":"#312B3E","pct":11.2},{"hex":"#191622","pct":8.2},{"hex":"#09070C","pct":4.0},{"hex":"#74717D","pct":2.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1385","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing settings · Tally","description":"Settings for Tally. An account row leads; grouped cards follow — Invoices: Auto reminders (on), Card payments (on), Late fees (off); Tax: Include VAT (on), Reverse charge EU (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","invoice","business","invoicing"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#564B46","#D6977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#564B46","pct":1.9},{"hex":"#D6977A","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1385.webp","thumb":"assets/thumb/ORG-1385.webp","live":"originals/screens/gen-invoice-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1385.webp","thumb":"assets/thumb/ORG-1385.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#564B46","#D6977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.4},{"hex":"#2F231C","pct":15.8},{"hex":"#564B46","pct":1.9},{"hex":"#D6977A","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1388.webp","thumb":"assets/thumb/ORG-1388.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E0ECE2","pct":28.4},{"hex":"#FFFFFF","pct":17.1},{"hex":"#D4E1D7","pct":15.9},{"hex":"#2C322F","pct":5.2},{"hex":"#9DA9A1","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1387.webp","thumb":"assets/thumb/ORG-1387.webp","palette":["#E8E6DF","#F9F8F6","#FEFEFE","#DBD8D2","#2D2D2D","#9597AD"],"palette_detail":[{"hex":"#E8E6DF","pct":33.8},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":19.0},{"hex":"#DBD8D2","pct":11.1},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9597AD","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1386.webp","thumb":"assets/thumb/ORG-1386.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4E4C52","#B7C589"],"palette_detail":[{"hex":"#241D37","pct":39.4},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":19.4},{"hex":"#1D172C","pct":6.5},{"hex":"#4E4C52","pct":2.0},{"hex":"#B7C589","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1389","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing confirmation · Tally","description":"A success screen in Tally after \"Send invoice\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Client Parallax Studio; Amount €4,800; Due Oct 28 and the total €4,800; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","invoice","business","invoicing"],"palette":["#2A1D16","#0D0D0C","#1A1614","#352821","#F9682A","#70625B"],"palette_detail":[{"hex":"#2A1D16","pct":33.3},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.7},{"hex":"#352821","pct":12.9},{"hex":"#F9682A","pct":4.8},{"hex":"#70625B","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1389.webp","thumb":"assets/thumb/ORG-1389.webp","live":"originals/screens/gen-invoice-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1389.webp","thumb":"assets/thumb/ORG-1389.webp","palette":["#2A1D16","#0D0D0C","#1A1614","#352821","#F9682A","#70625B"],"palette_detail":[{"hex":"#2A1D16","pct":33.3},{"hex":"#0D0D0C","pct":31.6},{"hex":"#1A1614","pct":15.7},{"hex":"#352821","pct":12.9},{"hex":"#F9682A","pct":4.8},{"hex":"#70625B","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1392.webp","thumb":"assets/thumb/ORG-1392.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCDC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.3},{"hex":"#FEFEFE","pct":12.7},{"hex":"#26523D","pct":9.4},{"hex":"#BFCDC3","pct":7.1},{"hex":"#819288","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1391.webp","thumb":"assets/thumb/ORG-1391.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#878A9C"],"palette_detail":[{"hex":"#E6E3DD","pct":40.2},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.4},{"hex":"#C7C6C9","pct":6.3},{"hex":"#878A9C","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1390.webp","thumb":"assets/thumb/ORG-1390.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#797C6F"],"palette_detail":[{"hex":"#221A34","pct":35.3},{"hex":"#0E0C15","pct":31.4},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.2},{"hex":"#C3F032","pct":4.7},{"hex":"#797C6F","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1393","kind":"image","category":"mobile-app-ui","type":"screen","title":"Business invoicing support chat · Tally","description":"A support conversation inside Tally. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about INV-0412 · Parallax, the agent replies, a context card shows INV-0412 · Parallax (Due Oct 28, €4,800), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","invoice","business","invoicing"],"palette":["#291D17","#0D0C0C","#191615","#362A23","#EB6328","#68635F"],"palette_detail":[{"hex":"#291D17","pct":35.3},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#362A23","pct":11.2},{"hex":"#EB6328","pct":6.4},{"hex":"#68635F","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1393.webp","thumb":"assets/thumb/ORG-1393.webp","live":"originals/screens/gen-invoice-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1393.webp","thumb":"assets/thumb/ORG-1393.webp","palette":["#291D17","#0D0C0C","#191615","#362A23","#EB6328","#68635F"],"palette_detail":[{"hex":"#291D17","pct":35.3},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#362A23","pct":11.2},{"hex":"#EB6328","pct":6.4},{"hex":"#68635F","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1396.webp","thumb":"assets/thumb/ORG-1396.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#779787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.8},{"hex":"#FEFEFD","pct":12.6},{"hex":"#27543E","pct":9.7},{"hex":"#BBC7BE","pct":6.3},{"hex":"#779787","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1395.webp","thumb":"assets/thumb/ORG-1395.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B6B6B5","#3D5AF0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.2},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.7},{"hex":"#B6B6B5","pct":7.2},{"hex":"#3D5AF0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1394.webp","thumb":"assets/thumb/ORG-1394.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BCE730","#6A6E5A"],"palette_detail":[{"hex":"#221A34","pct":33.9},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.6},{"hex":"#BCE730","pct":5.9},{"hex":"#6A6E5A","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1397","kind":"image","category":"dashboard","type":"screen","title":"Business invoicing invoice table · Tally","description":"A desktop table of invoices in Tally. A title row with Export and \"New invoice\", a strip of four KPI tiles, a search field and filter dropdowns (Draft, Sent, Overdue) sit above a table with name, details, status (Paid / Overdue) and value columns — INV-0412 · Parallax, INV-0411 · Orbit AI, INV-0410 · Lumen, INV-0409 · Northwind, INV-0408 · Fieldwork, INV-0407 · Meridian. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","invoice","business","invoicing"],"palette":["#181615","#0E0D0C","#271C15","#342923","#141211","#785E52"],"palette_detail":[{"hex":"#181615","pct":36.5},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.0},{"hex":"#342923","pct":9.4},{"hex":"#141211","pct":4.7},{"hex":"#785E52","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-invoice-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1397.webp","thumb":"assets/thumb/ORG-1397.webp","live":"originals/screens/gen-invoice-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1397.webp","thumb":"assets/thumb/ORG-1397.webp","palette":["#181615","#0E0D0C","#271C15","#342923","#141211","#785E52"],"palette_detail":[{"hex":"#181615","pct":36.5},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.0},{"hex":"#342923","pct":9.4},{"hex":"#141211","pct":4.7},{"hex":"#785E52","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1400.webp","thumb":"assets/thumb/ORG-1400.webp","palette":["#F6F8F5","#FFFFFF","#DFEAE1","#CBD7CE","#FDFDFD","#A4B4AA"],"palette_detail":[{"hex":"#F6F8F5","pct":35.8},{"hex":"#FFFFFF","pct":30.0},{"hex":"#DFEAE1","pct":16.2},{"hex":"#CBD7CE","pct":8.1},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A4B4AA","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1399.webp","thumb":"assets/thumb/ORG-1399.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D6D4CE","#B0B1B6"],"palette_detail":[{"hex":"#F9F8F6","pct":35.8},{"hex":"#FFFFFF","pct":25.0},{"hex":"#E8E5DF","pct":15.5},{"hex":"#FDFDFD","pct":11.4},{"hex":"#D6D4CE","pct":7.9},{"hex":"#B0B1B6","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1398.webp","thumb":"assets/thumb/ORG-1398.webp","palette":["#191424","#0F0C16","#211A33","#2E283E","#14101E","#72775D"],"palette_detail":[{"hex":"#191424","pct":38.4},{"hex":"#0F0C16","pct":31.1},{"hex":"#211A33","pct":16.5},{"hex":"#2E283E","pct":8.5},{"hex":"#14101E","pct":4.2},{"hex":"#72775D","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1401","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search activity feed · Shortlist","description":"An activity feed in Shortlist grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Interview booked\" (Lumen · Thu 11:00) and \"Parallax viewed your CV\" — and read items are plain rows: \"New match\", \"Application closing\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","jobs","job","search","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181413","#211F1D","#A16E56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.2},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.9},{"hex":"#181413","pct":7.8},{"hex":"#211F1D","pct":6.7},{"hex":"#A16E56","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1401.webp","thumb":"assets/thumb/ORG-1401.webp","live":"originals/screens/gen-jobs-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1401.webp","thumb":"assets/thumb/ORG-1401.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181413","#211F1D","#A16E56"],"palette_detail":[{"hex":"#0D0D0C","pct":40.2},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.9},{"hex":"#181413","pct":7.8},{"hex":"#211F1D","pct":6.7},{"hex":"#A16E56","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1404.webp","thumb":"assets/thumb/ORG-1404.webp","palette":["#F4F7F3","#DBE8DE","#BCC8BF","#FCFDFC","#2B332F","#7D8C83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.0},{"hex":"#DBE8DE","pct":39.9},{"hex":"#BCC8BF","pct":6.2},{"hex":"#FCFDFC","pct":6.0},{"hex":"#2B332F","pct":5.3},{"hex":"#7D8C83","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1403.webp","thumb":"assets/thumb/ORG-1403.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#747AA1"],"palette_detail":[{"hex":"#FAF9F7","pct":40.1},{"hex":"#E3E0D9","pct":31.4},{"hex":"#EDEBE5","pct":15.3},{"hex":"#C0BFBF","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#747AA1","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1402.webp","thumb":"assets/thumb/ORG-1402.webp","palette":["#241C36","#0E0C15","#1E172D","#17131F","#3C3945","#95A365"],"palette_detail":[{"hex":"#241C36","pct":41.4},{"hex":"#0E0C15","pct":40.3},{"hex":"#1E172D","pct":7.0},{"hex":"#17131F","pct":6.7},{"hex":"#3C3945","pct":2.8},{"hex":"#95A365","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1405","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search apply · Shortlist","description":"A confirmation screen in Shortlist titled \"Apply\". A summary card lists Role Senior Product Designer; CV hana-sato-2026.pdf; Portfolio hanasato.design; Salary €90k, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total Ready beside the primary button \"Send application\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","jobs","job","search"],"palette":["#291D17","#0D0D0C","#191615","#362A24","#75716F","#DF5E27"],"palette_detail":[{"hex":"#291D17","pct":36.1},{"hex":"#0D0D0C","pct":34.0},{"hex":"#191615","pct":16.3},{"hex":"#362A24","pct":10.7},{"hex":"#75716F","pct":1.5},{"hex":"#DF5E27","pct":1.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1405.webp","thumb":"assets/thumb/ORG-1405.webp","live":"originals/screens/gen-jobs-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1405.webp","thumb":"assets/thumb/ORG-1405.webp","palette":["#291D17","#0D0D0C","#191615","#362A24","#75716F","#DF5E27"],"palette_detail":[{"hex":"#291D17","pct":36.1},{"hex":"#0D0D0C","pct":34.0},{"hex":"#191615","pct":16.3},{"hex":"#362A24","pct":10.7},{"hex":"#75716F","pct":1.5},{"hex":"#DF5E27","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1408.webp","thumb":"assets/thumb/ORG-1408.webp","palette":["#F9FAF8","#D9E6DC","#E4EEE6","#2A3832","#BDC8C0","#819289"],"palette_detail":[{"hex":"#F9FAF8","pct":43.3},{"hex":"#D9E6DC","pct":28.8},{"hex":"#E4EEE6","pct":14.0},{"hex":"#2A3832","pct":5.8},{"hex":"#BDC8C0","pct":5.6},{"hex":"#819289","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1407.webp","thumb":"assets/thumb/ORG-1407.webp","palette":["#FBFBF8","#E3E0D9","#ECEAE4","#C1C0BD","#2D2D2D","#6774B7"],"palette_detail":[{"hex":"#FBFBF8","pct":43.2},{"hex":"#E3E0D9","pct":29.6},{"hex":"#ECEAE4","pct":13.5},{"hex":"#C1C0BD","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6774B7","pct":3.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1406.webp","thumb":"assets/thumb/ORG-1406.webp","palette":["#221A34","#0E0C15","#191423","#2F2840","#747275","#B3DD2F"],"palette_detail":[{"hex":"#221A34","pct":35.4},{"hex":"#0E0C15","pct":34.0},{"hex":"#191423","pct":16.9},{"hex":"#2F2840","pct":10.7},{"hex":"#747275","pct":1.6},{"hex":"#B3DD2F","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1409","kind":"image","category":"dashboard","type":"screen","title":"Job search desktop dashboard · Shortlist","description":"A desktop dashboard for Shortlist (job search). A sidebar lists Overview, Reports, Roles, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Applied 18, Replies 7, Interviews 3, Offers 1), a bar chart of applications sent and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","jobs","job","search"],"palette":["#181615","#2A1D17","#0F0E0D","#221F1D","#3B322C","#D36739"],"palette_detail":[{"hex":"#181615","pct":55.1},{"hex":"#2A1D17","pct":19.7},{"hex":"#0F0E0D","pct":12.8},{"hex":"#221F1D","pct":6.3},{"hex":"#3B322C","pct":4.7},{"hex":"#D36739","pct":1.5}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1409.webp","thumb":"assets/thumb/ORG-1409.webp","live":"originals/screens/gen-jobs-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1409.webp","thumb":"assets/thumb/ORG-1409.webp","palette":["#181615","#2A1D17","#0F0E0D","#221F1D","#3B322C","#D36739"],"palette_detail":[{"hex":"#181615","pct":55.1},{"hex":"#2A1D17","pct":19.7},{"hex":"#0F0E0D","pct":12.8},{"hex":"#221F1D","pct":6.3},{"hex":"#3B322C","pct":4.7},{"hex":"#D36739","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1412.webp","thumb":"assets/thumb/ORG-1412.webp","palette":["#FFFFFF","#DEEAE1","#F4F7F4","#BDC9C0","#FBFCFB","#2F8158"],"palette_detail":[{"hex":"#FFFFFF","pct":47.9},{"hex":"#DEEAE1","pct":22.0},{"hex":"#F4F7F4","pct":15.6},{"hex":"#BDC9C0","pct":7.7},{"hex":"#FBFCFB","pct":5.6},{"hex":"#2F8158","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1411.webp","thumb":"assets/thumb/ORG-1411.webp","palette":["#FFFFFF","#E8E5DF","#F8F7F5","#C7C5BF","#FCFCFB","#415DED"],"palette_detail":[{"hex":"#FFFFFF","pct":47.9},{"hex":"#E8E5DF","pct":21.4},{"hex":"#F8F7F5","pct":14.3},{"hex":"#C7C5BF","pct":8.4},{"hex":"#FCFCFB","pct":6.8},{"hex":"#415DED","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1410.webp","thumb":"assets/thumb/ORG-1410.webp","palette":["#191424","#211A32","#100D17","#2D263E","#676667","#BDE931"],"palette_detail":[{"hex":"#191424","pct":55.9},{"hex":"#211A32","pct":20.3},{"hex":"#100D17","pct":12.8},{"hex":"#2D263E","pct":8.8},{"hex":"#676667","pct":1.2},{"hex":"#BDE931","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1413","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search role detail · Shortlist","description":"A detail screen in Shortlist for \"Senior Product Designer\" (Parallax · Remote (EU) · Full-time). An illustrated header carries back and save buttons; below sit the title, the value \"€80–95k\", a 2×2 fact grid (Experience: 5+ years; Team: Design · 8; Posted: 2 days ago; Applicants: 64), a short paragraph, two \"Related\" rows and a sticky action \"Send application\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","jobs","job","search"],"palette":["#281D17","#0D0C0B","#AC6E4F","#342923","#704430","#1B1714"],"palette_detail":[{"hex":"#281D17","pct":36.6},{"hex":"#0D0C0B","pct":20.8},{"hex":"#AC6E4F","pct":15.8},{"hex":"#342923","pct":12.4},{"hex":"#704430","pct":7.2},{"hex":"#1B1714","pct":7.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1413.webp","thumb":"assets/thumb/ORG-1413.webp","live":"originals/screens/gen-jobs-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1413.webp","thumb":"assets/thumb/ORG-1413.webp","palette":["#281D17","#0D0C0B","#AC6E4F","#342923","#704430","#1B1714"],"palette_detail":[{"hex":"#281D17","pct":36.6},{"hex":"#0D0C0B","pct":20.8},{"hex":"#AC6E4F","pct":15.8},{"hex":"#342923","pct":12.4},{"hex":"#704430","pct":7.2},{"hex":"#1B1714","pct":7.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1416.webp","thumb":"assets/thumb/ORG-1416.webp","palette":["#D7E5DA","#F7F9F6","#E5EFE7","#AFC8B7","#6F8D7B","#264034"],"palette_detail":[{"hex":"#D7E5DA","pct":33.7},{"hex":"#F7F9F6","pct":19.4},{"hex":"#E5EFE7","pct":17.7},{"hex":"#AFC8B7","pct":14.4},{"hex":"#6F8D7B","pct":8.1},{"hex":"#264034","pct":6.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1415.webp","thumb":"assets/thumb/ORG-1415.webp","palette":["#DDDDDC","#ECEAE4","#FAF9F6","#3E4A77","#99AEEC","#B1B0AD"],"palette_detail":[{"hex":"#DDDDDC","pct":33.0},{"hex":"#ECEAE4","pct":21.1},{"hex":"#FAF9F6","pct":19.3},{"hex":"#3E4A77","pct":10.5},{"hex":"#99AEEC","pct":10.5},{"hex":"#B1B0AD","pct":5.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1414.webp","thumb":"assets/thumb/ORG-1414.webp","palette":["#221B34","#0E0C15","#63686D","#2F293F","#A5B875","#1A1625"],"palette_detail":[{"hex":"#221B34","pct":38.0},{"hex":"#0E0C15","pct":22.6},{"hex":"#63686D","pct":16.2},{"hex":"#2F293F","pct":11.7},{"hex":"#A5B875","pct":6.2},{"hex":"#1A1625","pct":5.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1417","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search empty state · Shortlist","description":"An empty state in Shortlist: a ghosted stack of cards with an accent badge, the line \"No saved roles\", the explanation \"Save roles you like and we’ll remind you before they close.\" and a single button \"Browse roles\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","jobs","job","search","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#382B25","#161413","#241913","#D96939"],"palette_detail":[{"hex":"#0D0D0C","pct":45.5},{"hex":"#2A1E17","pct":30.0},{"hex":"#382B25","pct":9.0},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D96939","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1417.webp","thumb":"assets/thumb/ORG-1417.webp","live":"originals/screens/gen-jobs-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1417.webp","thumb":"assets/thumb/ORG-1417.webp","palette":["#0D0D0C","#2A1E17","#382B25","#161413","#241913","#D96939"],"palette_detail":[{"hex":"#0D0D0C","pct":45.5},{"hex":"#2A1E17","pct":30.0},{"hex":"#382B25","pct":9.0},{"hex":"#161413","pct":8.6},{"hex":"#241913","pct":4.9},{"hex":"#D96939","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1420.webp","thumb":"assets/thumb/ORG-1420.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C8D3CA","#2A3E34","#85948B"],"palette_detail":[{"hex":"#F6F8F5","pct":39.8},{"hex":"#DCE9DF","pct":36.9},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C8D3CA","pct":7.0},{"hex":"#2A3E34","pct":6.2},{"hex":"#85948B","pct":2.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1419.webp","thumb":"assets/thumb/ORG-1419.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C8C7C4","#2D2D2D","#5D6DBE"],"palette_detail":[{"hex":"#FBFAF7","pct":47.3},{"hex":"#E5E2DA","pct":30.6},{"hex":"#ECEAE5","pct":8.6},{"hex":"#C8C7C4","pct":5.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5D6DBE","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1418.webp","thumb":"assets/thumb/ORG-1418.webp","palette":["#0E0C15","#221A34","#2D273E","#171321","#C0ED31","#7D816D"],"palette_detail":[{"hex":"#0E0C15","pct":45.7},{"hex":"#221A34","pct":31.3},{"hex":"#2D273E","pct":10.7},{"hex":"#171321","pct":9.9},{"hex":"#C0ED31","pct":1.5},{"hex":"#7D816D","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1421","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search home · Shortlist","description":"The home screen of Shortlist, a job search app. A greeting row sits above \"Applications\" with a hero figure \"6 active\" and a supporting line \"2 interviews this week\". A card charts \"applications sent\" as seven bars with Thursday highlighted, then a \"Recent\" list shows Senior Product Designer, Design Engineer and UX Researcher, above a floating tab bar. Idea: one hero number, everything else subordinate. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["kpi","bar-chart","list-row","bottom-nav","jobs","job","search"],"palette":["#0D0D0C","#231B16","#2C2019","#171514","#A88471","#43413D"],"palette_detail":[{"hex":"#0D0D0C","pct":36.7},{"hex":"#231B16","pct":23.7},{"hex":"#2C2019","pct":21.8},{"hex":"#171514","pct":13.0},{"hex":"#A88471","pct":2.4},{"hex":"#43413D","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1421.webp","thumb":"assets/thumb/ORG-1421.webp","live":"originals/screens/gen-jobs-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1421.webp","thumb":"assets/thumb/ORG-1421.webp","palette":["#0D0D0C","#231B16","#2C2019","#171514","#A88471","#43413D"],"palette_detail":[{"hex":"#0D0D0C","pct":36.7},{"hex":"#231B16","pct":23.7},{"hex":"#2C2019","pct":21.8},{"hex":"#171514","pct":13.0},{"hex":"#A88471","pct":2.4},{"hex":"#43413D","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1424.webp","thumb":"assets/thumb/ORG-1424.webp","palette":["#F8FAF7","#D9E6DC","#E4EEE6","#BDC7BF","#2D3531","#828D87"],"palette_detail":[{"hex":"#F8FAF7","pct":43.2},{"hex":"#D9E6DC","pct":29.6},{"hex":"#E4EEE6","pct":12.9},{"hex":"#BDC7BF","pct":5.9},{"hex":"#2D3531","pct":5.6},{"hex":"#828D87","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1423.webp","thumb":"assets/thumb/ORG-1423.webp","palette":["#FBFAF8","#E3E0D9","#ECEAE4","#C3C2BE","#2F2E2E","#797F98"],"palette_detail":[{"hex":"#FBFAF8","pct":43.3},{"hex":"#E3E0D9","pct":30.2},{"hex":"#ECEAE4","pct":12.3},{"hex":"#C3C2BE","pct":5.7},{"hex":"#2F2E2E","pct":5.2},{"hex":"#797F98","pct":3.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1422.webp","thumb":"assets/thumb/ORG-1422.webp","palette":["#0E0C15","#201932","#272039","#181422","#4D4D56","#9EA683"],"palette_detail":[{"hex":"#0E0C15","pct":36.7},{"hex":"#201932","pct":28.4},{"hex":"#272039","pct":16.4},{"hex":"#181422","pct":14.1},{"hex":"#4D4D56","pct":2.3},{"hex":"#9EA683","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1425","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search insights · Shortlist","description":"An insights screen in Shortlist. A Week selector sits beside the title; a card plots applications sent as an area line with Saturday highlighted under the figure 6 active (2 interviews this week); a progress ring shows 42% of days above usual; three tiles follow — Replies 7, Interviews 3, Offers 1. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","jobs","job","search","bottom-nav"],"palette":["#291D16","#0D0D0C","#181614","#362821","#22201D","#6C574A"],"palette_detail":[{"hex":"#291D16","pct":32.3},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181614","pct":22.1},{"hex":"#362821","pct":12.5},{"hex":"#22201D","pct":4.7},{"hex":"#6C574A","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1425.webp","thumb":"assets/thumb/ORG-1425.webp","live":"originals/screens/gen-jobs-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1425.webp","thumb":"assets/thumb/ORG-1425.webp","palette":["#291D16","#0D0D0C","#181614","#362821","#22201D","#6C574A"],"palette_detail":[{"hex":"#291D16","pct":32.3},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181614","pct":22.1},{"hex":"#362821","pct":12.5},{"hex":"#22201D","pct":4.7},{"hex":"#6C574A","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1428.webp","thumb":"assets/thumb/ORG-1428.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2E2E","#98A59D"],"palette_detail":[{"hex":"#E0ECE3","pct":30.4},{"hex":"#F5F7F4","pct":23.7},{"hex":"#FEFEFE","pct":19.8},{"hex":"#D3E0D6","pct":17.5},{"hex":"#2D2E2E","pct":5.0},{"hex":"#98A59D","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1427.webp","thumb":"assets/thumb/ORG-1427.webp","palette":["#FCFCFA","#EAE8E2","#DFDDD7","#F1F2F5","#2E2D2E","#A2A4AA"],"palette_detail":[{"hex":"#FCFCFA","pct":38.1},{"hex":"#EAE8E2","pct":25.1},{"hex":"#DFDDD7","pct":21.5},{"hex":"#F1F2F5","pct":6.3},{"hex":"#2E2D2E","pct":4.9},{"hex":"#A2A4AA","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1426.webp","thumb":"assets/thumb/ORG-1426.webp","palette":["#221B34","#0E0C14","#191423","#2D2640","#3F4332","#788164"],"palette_detail":[{"hex":"#221B34","pct":36.1},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.6},{"hex":"#2D2640","pct":10.1},{"hex":"#3F4332","pct":2.6},{"hex":"#788164","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1429","kind":"image","category":"website","type":"screen","title":"Job search landing hero · Shortlist","description":"A desktop landing hero for Shortlist. A slim nav with \"Get Shortlist\" sits over a two-column hero: an eyebrow pill (\"Interview booked\"), the headline \"Find work you’ll actually like.\", \"Roles matched to your craft, salary up front, and every application tracked in one place.\", primary \"Upload my CV\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","jobs","job","search"],"palette":["#0E0D0C","#241B16","#342721","#0C0C0B","#945B41","#090909"],"palette_detail":[{"hex":"#0E0D0C","pct":51.6},{"hex":"#241B16","pct":23.5},{"hex":"#342721","pct":19.5},{"hex":"#0C0C0B","pct":2.4},{"hex":"#945B41","pct":2.0},{"hex":"#090909","pct":1.0}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1429.webp","thumb":"assets/thumb/ORG-1429.webp","live":"originals/screens/gen-jobs-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1429.webp","thumb":"assets/thumb/ORG-1429.webp","palette":["#0E0D0C","#241B16","#342721","#0C0C0B","#945B41","#090909"],"palette_detail":[{"hex":"#0E0D0C","pct":51.6},{"hex":"#241B16","pct":23.5},{"hex":"#342721","pct":19.5},{"hex":"#0C0C0B","pct":2.4},{"hex":"#945B41","pct":2.0},{"hex":"#090909","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1432.webp","thumb":"assets/thumb/ORG-1432.webp","palette":["#F5F7F4","#DAE7DD","#B8C5BC","#F8F9F7","#FEFEFE","#5C7F6D"],"palette_detail":[{"hex":"#F5F7F4","pct":49.2},{"hex":"#DAE7DD","pct":30.6},{"hex":"#B8C5BC","pct":8.1},{"hex":"#F8F9F7","pct":5.4},{"hex":"#FEFEFE","pct":4.0},{"hex":"#5C7F6D","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1431.webp","thumb":"assets/thumb/ORG-1431.webp","palette":["#F9F8F5","#E4E4E3","#CAC8C6","#FCFBF7","#FFFEFE","#717BAD"],"palette_detail":[{"hex":"#F9F8F5","pct":48.9},{"hex":"#E4E4E3","pct":29.9},{"hex":"#CAC8C6","pct":10.4},{"hex":"#FCFBF7","pct":5.1},{"hex":"#FFFEFE","pct":3.7},{"hex":"#717BAD","pct":2.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1430.webp","thumb":"assets/thumb/ORG-1430.webp","palette":["#0F0C16","#201930","#302C3C","#0D0B14","#91A259","#090511"],"palette_detail":[{"hex":"#0F0C16","pct":50.3},{"hex":"#201930","pct":24.9},{"hex":"#302C3C","pct":17.9},{"hex":"#0D0B14","pct":3.2},{"hex":"#91A259","pct":2.6},{"hex":"#090511","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1433","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search role list · Shortlist","description":"A list screen of roles in Shortlist. A title with an add button sits over a search field and a chip row (For you, Design, Engineering, Remote, Lisbon); six rows follow with a leading icon, title, supporting line and trailing value: Senior Product Designer (New); Design Engineer (Applied); UX Researcher (Interview); Staff Designer (Saved). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","jobs","job"],"palette":["#0E0D0C","#2A1D17","#372D27","#1A1614","#8D8079","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":43.2},{"hex":"#2A1D17","pct":34.5},{"hex":"#372D27","pct":10.1},{"hex":"#1A1614","pct":7.9},{"hex":"#8D8079","pct":2.4},{"hex":"#060505","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1433.webp","thumb":"assets/thumb/ORG-1433.webp","live":"originals/screens/gen-jobs-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1433.webp","thumb":"assets/thumb/ORG-1433.webp","palette":["#0E0D0C","#2A1D17","#372D27","#1A1614","#8D8079","#060505"],"palette_detail":[{"hex":"#0E0D0C","pct":43.2},{"hex":"#2A1D17","pct":34.5},{"hex":"#372D27","pct":10.1},{"hex":"#1A1614","pct":7.9},{"hex":"#8D8079","pct":2.4},{"hex":"#060505","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1436.webp","thumb":"assets/thumb/ORG-1436.webp","palette":["#F6F8F5","#DEEAE0","#CFDBD1","#FDFEFC","#2B2F2E","#919994"],"palette_detail":[{"hex":"#F6F8F5","pct":40.1},{"hex":"#DEEAE0","pct":34.8},{"hex":"#CFDBD1","pct":10.3},{"hex":"#FDFEFC","pct":5.7},{"hex":"#2B2F2E","pct":5.2},{"hex":"#919994","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1435.webp","thumb":"assets/thumb/ORG-1435.webp","palette":["#FAF8F5","#E8E5DE","#D8D5CF","#FEFEFC","#2D2D2D","#929397"],"palette_detail":[{"hex":"#FAF8F5","pct":39.9},{"hex":"#E8E5DE","pct":34.8},{"hex":"#D8D5CF","pct":10.4},{"hex":"#FEFEFC","pct":6.0},{"hex":"#2D2D2D","pct":5.1},{"hex":"#929397","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1434.webp","thumb":"assets/thumb/ORG-1434.webp","palette":["#0F0C16","#221A34","#2F2840","#181422","#09070C","#888885"],"palette_detail":[{"hex":"#0F0C16","pct":41.0},{"hex":"#221A34","pct":33.5},{"hex":"#2F2840","pct":11.4},{"hex":"#181422","pct":7.6},{"hex":"#09070C","pct":4.0},{"hex":"#888885","pct":2.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1437","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search welcome · Shortlist","description":"The first onboarding step of Shortlist. Progress dots and Skip sit over a large illustrated panel; the headline reads \"Find work you’ll actually like.\", followed by \"Roles matched to your craft, salary up front, and every application tracked in one place.\" and a full-width primary button \"Upload my CV\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","jobs","job","search"],"palette":["#2A1E17","#0D0C0B","#9A664C","#3C2D25","#1B1513","#12100F"],"palette_detail":[{"hex":"#2A1E17","pct":34.2},{"hex":"#0D0C0B","pct":24.7},{"hex":"#9A664C","pct":23.0},{"hex":"#3C2D25","pct":10.0},{"hex":"#1B1513","pct":5.9},{"hex":"#12100F","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1437.webp","thumb":"assets/thumb/ORG-1437.webp","live":"originals/screens/gen-jobs-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1437.webp","thumb":"assets/thumb/ORG-1437.webp","palette":["#2A1E17","#0D0C0B","#9A664C","#3C2D25","#1B1513","#12100F"],"palette_detail":[{"hex":"#2A1E17","pct":34.2},{"hex":"#0D0C0B","pct":24.7},{"hex":"#9A664C","pct":23.0},{"hex":"#3C2D25","pct":10.0},{"hex":"#1B1513","pct":5.9},{"hex":"#12100F","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1440.webp","thumb":"assets/thumb/ORG-1440.webp","palette":["#D6E5DA","#F6F9F5","#BBD2C2","#E1EDE4","#284537","#789687"],"palette_detail":[{"hex":"#D6E5DA","pct":30.2},{"hex":"#F6F9F5","pct":24.8},{"hex":"#BBD2C2","pct":18.2},{"hex":"#E1EDE4","pct":16.2},{"hex":"#284537","pct":7.3},{"hex":"#789687","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1439.webp","thumb":"assets/thumb/ORG-1439.webp","palette":["#E2DFD7","#FAF9F7","#C3D0F5","#EAE8E5","#2D366A","#9EA2BA"],"palette_detail":[{"hex":"#E2DFD7","pct":30.1},{"hex":"#FAF9F7","pct":25.0},{"hex":"#C3D0F5","pct":19.5},{"hex":"#EAE8E5","pct":13.4},{"hex":"#2D366A","pct":7.2},{"hex":"#9EA2BA","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1438.webp","thumb":"assets/thumb/ORG-1438.webp","palette":["#221B35","#0E0B14","#767C74","#2F293E","#16141D","#1D172C"],"palette_detail":[{"hex":"#221B35","pct":29.7},{"hex":"#0E0B14","pct":25.9},{"hex":"#767C74","pct":24.2},{"hex":"#2F293E","pct":10.7},{"hex":"#16141D","pct":5.0},{"hex":"#1D172C","pct":4.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1441","kind":"image","category":"website","type":"screen","title":"Job search pricing · Shortlist","description":"A desktop pricing section for Shortlist with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (Job alerts, Tracker, 10 applies / mo); Pro €9 (Unlimited applies, Salary insights, CV review); Teams €99 (Post roles, Pipeline, Interview kits) — with Pro anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","jobs","job","search"],"palette":["#0E0D0C","#2C1F19","#1A1614","#F3682D","#54453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C1F19","pct":23.4},{"hex":"#1A1614","pct":17.6},{"hex":"#F3682D","pct":6.2},{"hex":"#54453E","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1441.webp","thumb":"assets/thumb/ORG-1441.webp","live":"originals/screens/gen-jobs-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1441.webp","thumb":"assets/thumb/ORG-1441.webp","palette":["#0E0D0C","#2C1F19","#1A1614","#F3682D","#54453E","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2C1F19","pct":23.4},{"hex":"#1A1614","pct":17.6},{"hex":"#F3682D","pct":6.2},{"hex":"#54453E","pct":2.4},{"hex":"#0A0A09","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1444.webp","thumb":"assets/thumb/ORG-1444.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2C7D55","pct":6.6},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1443.webp","thumb":"assets/thumb/ORG-1443.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BAB9B5","#CBD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.3},{"hex":"#FEFEFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#BAB9B5","pct":5.6},{"hex":"#CBD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1442.webp","thumb":"assets/thumb/ORG-1442.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE33A","#4A4A48","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":49.0},{"hex":"#241D36","pct":21.6},{"hex":"#1A1523","pct":18.5},{"hex":"#BBE33A","pct":6.5},{"hex":"#4A4A48","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1445","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search profile · Shortlist","description":"A profile screen in Shortlist for Hana Sato (Product designer · Lisbon). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 18 Applied, 3 Interviews, 92% Profile — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","jobs","job","search","bottom-nav"],"palette":["#291D17","#0D0C0C","#1A1715","#382C26","#151312","#BE7C5B"],"palette_detail":[{"hex":"#291D17","pct":36.7},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":11.6},{"hex":"#382C26","pct":10.6},{"hex":"#151312","pct":6.9},{"hex":"#BE7C5B","pct":2.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1445.webp","thumb":"assets/thumb/ORG-1445.webp","live":"originals/screens/gen-jobs-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1445.webp","thumb":"assets/thumb/ORG-1445.webp","palette":["#291D17","#0D0C0C","#1A1715","#382C26","#151312","#BE7C5B"],"palette_detail":[{"hex":"#291D17","pct":36.7},{"hex":"#0D0C0C","pct":31.6},{"hex":"#1A1715","pct":11.6},{"hex":"#382C26","pct":10.6},{"hex":"#151312","pct":6.9},{"hex":"#BE7C5B","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1448.webp","thumb":"assets/thumb/ORG-1448.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD1","#2B322F","#8AA093"],"palette_detail":[{"hex":"#DFEBE1","pct":36.5},{"hex":"#F6F8F5","pct":29.4},{"hex":"#FEFFFE","pct":13.9},{"hex":"#CFDBD1","pct":10.9},{"hex":"#2B322F","pct":5.2},{"hex":"#8AA093","pct":4.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1447.webp","thumb":"assets/thumb/ORG-1447.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1D0CD","#2D2D2D","#828AB2"],"palette_detail":[{"hex":"#E7E5DE","pct":39.1},{"hex":"#F9F8F5","pct":29.2},{"hex":"#FEFEFE","pct":14.1},{"hex":"#D1D0CD","pct":9.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#828AB2","pct":3.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1446.webp","thumb":"assets/thumb/ORG-1446.webp","palette":["#231B35","#0E0B15","#1A1525","#352F42","#15121D","#969E78"],"palette_detail":[{"hex":"#231B35","pct":39.4},{"hex":"#0E0B15","pct":31.8},{"hex":"#1A1525","pct":14.1},{"hex":"#352F42","pct":7.1},{"hex":"#15121D","pct":4.9},{"hex":"#969E78","pct":2.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1449","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search schedule · Shortlist","description":"A day schedule in Shortlist. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Senior Product Designer, 09:30 Design Engineer, 12:00 UX Researcher, 14:30 Staff Designer, 17:00 Brand Designer, 19:30 Product Lead — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","jobs","job","search"],"palette":["#0D0D0C","#291C16","#181514","#332721","#F3672A","#695D56"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.9},{"hex":"#181514","pct":15.3},{"hex":"#332721","pct":13.0},{"hex":"#F3672A","pct":3.4},{"hex":"#695D56","pct":2.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1449.webp","thumb":"assets/thumb/ORG-1449.webp","live":"originals/screens/gen-jobs-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1449.webp","thumb":"assets/thumb/ORG-1449.webp","palette":["#0D0D0C","#291C16","#181514","#332721","#F3672A","#695D56"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291C16","pct":30.9},{"hex":"#181514","pct":15.3},{"hex":"#332721","pct":13.0},{"hex":"#F3672A","pct":3.4},{"hex":"#695D56","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1452.webp","thumb":"assets/thumb/ORG-1452.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#96A49B"],"palette_detail":[{"hex":"#D9E6DC","pct":42.8},{"hex":"#F5F8F4","pct":27.7},{"hex":"#FFFFFF","pct":12.2},{"hex":"#294C3B","pct":8.0},{"hex":"#FAFBF9","pct":5.0},{"hex":"#96A49B","pct":4.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1451.webp","thumb":"assets/thumb/ORG-1451.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D376F","#9297B3","#FDFDFA"],"palette_detail":[{"hex":"#E3E0DA","pct":42.9},{"hex":"#F9F8F6","pct":28.3},{"hex":"#FFFFFF","pct":12.2},{"hex":"#2D376F","pct":7.4},{"hex":"#9297B3","pct":4.8},{"hex":"#FDFDFA","pct":4.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1450.webp","thumb":"assets/thumb/ORG-1450.webp","palette":["#0E0C15","#211A34","#191423","#2D273E","#BEEA32","#6C6A6E"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211A34","pct":31.3},{"hex":"#191423","pct":16.1},{"hex":"#2D273E","pct":12.2},{"hex":"#BEEA32","pct":3.3},{"hex":"#6C6A6E","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1453","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search search · Shortlist","description":"A search screen in Shortlist: a focused field with a clear button, a chip row (For you, Design, Engineering, Remote), recent searches as pills, \"Top results\" — Senior Product Designer, Design Engineer, UX Researcher, Staff Designer — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","jobs","job"],"palette":["#0D0D0C","#241B15","#2C1F18","#171514","#3F342E","#878480"],"palette_detail":[{"hex":"#0D0D0C","pct":42.7},{"hex":"#241B15","pct":23.2},{"hex":"#2C1F18","pct":21.4},{"hex":"#171514","pct":6.0},{"hex":"#3F342E","pct":4.6},{"hex":"#878480","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1453.webp","thumb":"assets/thumb/ORG-1453.webp","live":"originals/screens/gen-jobs-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1453.webp","thumb":"assets/thumb/ORG-1453.webp","palette":["#0D0D0C","#241B15","#2C1F18","#171514","#3F342E","#878480"],"palette_detail":[{"hex":"#0D0D0C","pct":42.7},{"hex":"#241B15","pct":23.2},{"hex":"#2C1F18","pct":21.4},{"hex":"#171514","pct":6.0},{"hex":"#3F342E","pct":4.6},{"hex":"#878480","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1456.webp","thumb":"assets/thumb/ORG-1456.webp","palette":["#F6F8F6","#D9E6DC","#E3EEE5","#BDC7BF","#2C2E2D","#888E8A"],"palette_detail":[{"hex":"#F6F8F6","pct":42.7},{"hex":"#D9E6DC","pct":29.6},{"hex":"#E3EEE5","pct":13.2},{"hex":"#BDC7BF","pct":6.6},{"hex":"#2C2E2D","pct":5.1},{"hex":"#888E8A","pct":2.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1455.webp","thumb":"assets/thumb/ORG-1455.webp","palette":["#FAF9F7","#E2E0DA","#EBE9E4","#C4C2BD","#2D2D2D","#8B8A88"],"palette_detail":[{"hex":"#FAF9F7","pct":42.6},{"hex":"#E2E0DA","pct":29.9},{"hex":"#EBE9E4","pct":13.5},{"hex":"#C4C2BD","pct":6.0},{"hex":"#2D2D2D","pct":5.2},{"hex":"#8B8A88","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1454.webp","thumb":"assets/thumb/ORG-1454.webp","palette":["#0E0C15","#251D37","#1F192D","#17131F","#484748","#8C8894"],"palette_detail":[{"hex":"#0E0C15","pct":42.6},{"hex":"#251D37","pct":35.5},{"hex":"#1F192D","pct":11.1},{"hex":"#17131F","pct":5.7},{"hex":"#484748","pct":3.2},{"hex":"#8C8894","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1457","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search settings · Shortlist","description":"Settings for Shortlist. An account row leads; grouped cards follow — Job alerts: Daily matches (on), Remote only (on), Show salaries first (on); Profile: Visible to recruiters (on), Open to work badge (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","jobs","job","search"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#5B514C","#E39C7A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":30.7},{"hex":"#181615","pct":20.1},{"hex":"#2F231C","pct":14.6},{"hex":"#5B514C","pct":2.0},{"hex":"#E39C7A","pct":0.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1457.webp","thumb":"assets/thumb/ORG-1457.webp","live":"originals/screens/gen-jobs-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1457.webp","thumb":"assets/thumb/ORG-1457.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#5B514C","#E39C7A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":30.7},{"hex":"#181615","pct":20.1},{"hex":"#2F231C","pct":14.6},{"hex":"#5B514C","pct":2.0},{"hex":"#E39C7A","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1460.webp","thumb":"assets/thumb/ORG-1460.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9EAAA2"],"palette_detail":[{"hex":"#F6F8F5","pct":29.6},{"hex":"#E0ECE2","pct":28.5},{"hex":"#FFFFFF","pct":16.8},{"hex":"#D4E1D7","pct":15.9},{"hex":"#2C322F","pct":5.2},{"hex":"#9EAAA2","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1459.webp","thumb":"assets/thumb/ORG-1459.webp","palette":["#E8E6DF","#F9F8F6","#FEFEFE","#DBD8D2","#2E2D2D","#9799AE"],"palette_detail":[{"hex":"#E8E6DF","pct":33.9},{"hex":"#F9F8F6","pct":27.7},{"hex":"#FEFEFE","pct":18.7},{"hex":"#DBD8D2","pct":11.1},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9799AE","pct":3.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1458.webp","thumb":"assets/thumb/ORG-1458.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#504E54","#B8C589"],"palette_detail":[{"hex":"#241D37","pct":39.6},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.5},{"hex":"#1D172C","pct":7.2},{"hex":"#504E54","pct":2.1},{"hex":"#B8C589","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1461","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search confirmation · Shortlist","description":"A success screen in Shortlist after \"Apply\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Role Senior Product Designer; CV hana-sato-2026.pdf; Portfolio hanasato.design and the total Ready; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","jobs","job","search"],"palette":["#2A1D16","#0D0D0C","#1A1614","#372922","#F9682A","#776E69"],"palette_detail":[{"hex":"#2A1D16","pct":34.4},{"hex":"#0D0D0C","pct":31.8},{"hex":"#1A1614","pct":15.0},{"hex":"#372922","pct":12.4},{"hex":"#F9682A","pct":4.9},{"hex":"#776E69","pct":1.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1461.webp","thumb":"assets/thumb/ORG-1461.webp","live":"originals/screens/gen-jobs-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1461.webp","thumb":"assets/thumb/ORG-1461.webp","palette":["#2A1D16","#0D0D0C","#1A1614","#372922","#F9682A","#776E69"],"palette_detail":[{"hex":"#2A1D16","pct":34.4},{"hex":"#0D0D0C","pct":31.8},{"hex":"#1A1614","pct":15.0},{"hex":"#372922","pct":12.4},{"hex":"#F9682A","pct":4.9},{"hex":"#776E69","pct":1.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1464.webp","thumb":"assets/thumb/ORG-1464.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFD","#26523D","#BFCCC3","#819188"],"palette_detail":[{"hex":"#DCE8DE","pct":40.2},{"hex":"#F5F7F4","pct":28.4},{"hex":"#FEFEFD","pct":12.2},{"hex":"#26523D","pct":9.4},{"hex":"#BFCCC3","pct":7.1},{"hex":"#819188","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1463.webp","thumb":"assets/thumb/ORG-1463.webp","palette":["#E5E2DD","#F8F7F5","#FEFEFD","#2D3C8C","#C6C5C5","#878A98"],"palette_detail":[{"hex":"#E5E2DD","pct":40.6},{"hex":"#F8F7F5","pct":28.5},{"hex":"#FEFEFD","pct":13.1},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C6C5C5","pct":5.8},{"hex":"#878A98","pct":2.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1462.webp","thumb":"assets/thumb/ORG-1462.webp","palette":["#221A34","#0E0C15","#1A1622","#312D3C","#C3F031","#7F8077"],"palette_detail":[{"hex":"#221A34","pct":36.0},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":15.3},{"hex":"#312D3C","pct":10.8},{"hex":"#C3F031","pct":4.7},{"hex":"#7F8077","pct":1.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1465","kind":"image","category":"mobile-app-ui","type":"screen","title":"Job search support chat · Shortlist","description":"A support conversation inside Shortlist. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Senior Product Designer, the agent replies, a context card shows Senior Product Designer (Parallax · Remote · €85k, New), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","jobs","job","search"],"palette":["#291D16","#0D0C0C","#191615","#362A23","#EB6228","#69635F"],"palette_detail":[{"hex":"#291D16","pct":35.3},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.6},{"hex":"#362A23","pct":11.4},{"hex":"#EB6228","pct":6.3},{"hex":"#69635F","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1465.webp","thumb":"assets/thumb/ORG-1465.webp","live":"originals/screens/gen-jobs-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1465.webp","thumb":"assets/thumb/ORG-1465.webp","palette":["#291D16","#0D0C0C","#191615","#362A23","#EB6228","#69635F"],"palette_detail":[{"hex":"#291D16","pct":35.3},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.6},{"hex":"#362A23","pct":11.4},{"hex":"#EB6228","pct":6.3},{"hex":"#69635F","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1468.webp","thumb":"assets/thumb/ORG-1468.webp","palette":["#DBE8DE","#F5F7F4","#FDFEFD","#27543E","#BBC7BE","#779787"],"palette_detail":[{"hex":"#DBE8DE","pct":40.1},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FDFEFD","pct":12.4},{"hex":"#27543E","pct":9.6},{"hex":"#BBC7BE","pct":6.4},{"hex":"#779787","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1467.webp","thumb":"assets/thumb/ORG-1467.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B6B6B5","#3E5BF0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.2},{"hex":"#F9F8F5","pct":27.7},{"hex":"#FEFEFD","pct":12.5},{"hex":"#B6B6B5","pct":7.3},{"hex":"#3E5BF0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1466.webp","thumb":"assets/thumb/ORG-1466.webp","palette":["#221A34","#0E0B15","#191523","#2E273F","#BCE730","#6B6F5A"],"palette_detail":[{"hex":"#221A34","pct":34.2},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.3},{"hex":"#2E273F","pct":11.6},{"hex":"#BCE730","pct":5.8},{"hex":"#6B6F5A","pct":3.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1469","kind":"image","category":"dashboard","type":"screen","title":"Job search role table · Shortlist","description":"A desktop table of roles in Shortlist. A title row with Export and \"New role\", a strip of four KPI tiles, a search field and filter dropdowns (Design, Engineering, Remote) sit above a table with name, details, status (Applied / Saved) and value columns — Senior Product Designer, Design Engineer, UX Researcher, Staff Designer, Brand Designer, Product Lead. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","jobs","job","search"],"palette":["#181615","#0E0D0C","#271C16","#342822","#141211","#75594D"],"palette_detail":[{"hex":"#181615","pct":36.6},{"hex":"#0E0D0C","pct":30.9},{"hex":"#271C16","pct":17.2},{"hex":"#342822","pct":9.2},{"hex":"#141211","pct":4.6},{"hex":"#75594D","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-jobs-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1469.webp","thumb":"assets/thumb/ORG-1469.webp","live":"originals/screens/gen-jobs-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1469.webp","thumb":"assets/thumb/ORG-1469.webp","palette":["#181615","#0E0D0C","#271C16","#342822","#141211","#75594D"],"palette_detail":[{"hex":"#181615","pct":36.6},{"hex":"#0E0D0C","pct":30.9},{"hex":"#271C16","pct":17.2},{"hex":"#342822","pct":9.2},{"hex":"#141211","pct":4.6},{"hex":"#75594D","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1472.webp","thumb":"assets/thumb/ORG-1472.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CD","#FDFDFD","#A6B5AB"],"palette_detail":[{"hex":"#F6F8F5","pct":36.0},{"hex":"#FFFFFF","pct":29.8},{"hex":"#DEEAE1","pct":16.3},{"hex":"#CAD6CD","pct":7.9},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A6B5AB","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1471.webp","thumb":"assets/thumb/ORG-1471.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C0BEBB","#445FEB"],"palette_detail":[{"hex":"#F9F8F6","pct":36.2},{"hex":"#FFFFFF","pct":25.0},{"hex":"#E4E2DB","pct":20.7},{"hex":"#FDFDFD","pct":11.4},{"hex":"#C0BEBB","pct":6.6},{"hex":"#445FEB","pct":0.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1470.webp","thumb":"assets/thumb/ORG-1470.webp","palette":["#191424","#0F0C16","#211A32","#2D273E","#14101D","#6D725A"],"palette_detail":[{"hex":"#191424","pct":38.6},{"hex":"#0F0C16","pct":31.0},{"hex":"#211A32","pct":16.1},{"hex":"#2D273E","pct":9.0},{"hex":"#14101D","pct":3.9},{"hex":"#6D725A","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1473","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading activity feed · Margin","description":"An activity feed in Margin grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Your morning briefing\" (8 stories · 12 min) and \"New essay from Ana Ruiz\" — and read items are plain rows: \"Weekend long read\", \"Reading streak\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","news","reading","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#382C26","#181413","#211F1D","#9F6E58"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C26","pct":10.0},{"hex":"#181413","pct":7.7},{"hex":"#211F1D","pct":6.5},{"hex":"#9F6E58","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1473.webp","thumb":"assets/thumb/ORG-1473.webp","live":"originals/screens/gen-news-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1473.webp","thumb":"assets/thumb/ORG-1473.webp","palette":["#0D0D0C","#2A1D16","#382C26","#181413","#211F1D","#9F6E58"],"palette_detail":[{"hex":"#0D0D0C","pct":40.5},{"hex":"#2A1D16","pct":33.2},{"hex":"#382C26","pct":10.0},{"hex":"#181413","pct":7.7},{"hex":"#211F1D","pct":6.5},{"hex":"#9F6E58","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1476.webp","thumb":"assets/thumb/ORG-1476.webp","palette":["#F4F7F3","#DBE8DE","#BDC8BF","#FCFEFC","#2B3330","#7D8C84"],"palette_detail":[{"hex":"#F4F7F3","pct":40.0},{"hex":"#DBE8DE","pct":39.9},{"hex":"#BDC8BF","pct":6.2},{"hex":"#FCFEFC","pct":6.0},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8C84","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1475.webp","thumb":"assets/thumb/ORG-1475.webp","palette":["#FAF9F7","#E3E0D9","#EDEBE5","#C0BFBF","#2D2D2D","#737A9F"],"palette_detail":[{"hex":"#FAF9F7","pct":40.3},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":14.9},{"hex":"#C0BFBF","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#737A9F","pct":2.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1474.webp","thumb":"assets/thumb/ORG-1474.webp","palette":["#0E0C15","#241C36","#1D172C","#17131F","#3A3543","#94A067"],"palette_detail":[{"hex":"#0E0C15","pct":40.6},{"hex":"#241C36","pct":40.6},{"hex":"#1D172C","pct":7.2},{"hex":"#17131F","pct":6.2},{"hex":"#3A3543","pct":3.4},{"hex":"#94A067","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1477","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading subscribe · Margin","description":"A confirmation screen in Margin titled \"Subscribe\". A summary card lists Plan Annual; Price €4 / month; Billed €48 / year; Trial 30 days, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total €0 today beside the primary button \"Start free trial\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","news","reading"],"palette":["#291D17","#0D0C0C","#191715","#372D27","#151312","#BA6946"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0C0C","pct":32.9},{"hex":"#191715","pct":14.3},{"hex":"#372D27","pct":9.6},{"hex":"#151312","pct":4.0},{"hex":"#BA6946","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1477.webp","thumb":"assets/thumb/ORG-1477.webp","live":"originals/screens/gen-news-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1477.webp","thumb":"assets/thumb/ORG-1477.webp","palette":["#291D17","#0D0C0C","#191715","#372D27","#151312","#BA6946"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0C0C","pct":32.9},{"hex":"#191715","pct":14.3},{"hex":"#372D27","pct":9.6},{"hex":"#151312","pct":4.0},{"hex":"#BA6946","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1480.webp","thumb":"assets/thumb/ORG-1480.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#2A3831","#BFC9C1","#83938B"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.1},{"hex":"#FEFEFE","pct":14.7},{"hex":"#2A3831","pct":5.7},{"hex":"#BFC9C1","pct":5.6},{"hex":"#83938B","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1479.webp","thumb":"assets/thumb/ORG-1479.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BE","#2D2D2D","#6B77B5"],"palette_detail":[{"hex":"#E6E3DC","pct":41.5},{"hex":"#F9F8F5","pct":30.0},{"hex":"#FEFEFE","pct":14.9},{"hex":"#C5C3BE","pct":5.8},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6B77B5","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1478.webp","thumb":"assets/thumb/ORG-1478.webp","palette":["#231B35","#0E0C15","#1A1525","#322C43","#15121C","#9EB64E"],"palette_detail":[{"hex":"#231B35","pct":36.9},{"hex":"#0E0C15","pct":33.1},{"hex":"#1A1525","pct":15.3},{"hex":"#322C43","pct":8.9},{"hex":"#15121C","pct":3.7},{"hex":"#9EB64E","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1481","kind":"image","category":"dashboard","type":"screen","title":"News & reading desktop dashboard · Margin","description":"A desktop dashboard for Margin (news & reading). A sidebar lists Overview, Reports, Storys, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Read 42, Saved 17, Streak 9, Topics 6), a bar chart of minutes read and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","news","reading"],"palette":["#181615","#271D18","#0E0D0C","#382E28","#131211","#C66840"],"palette_detail":[{"hex":"#181615","pct":53.9},{"hex":"#271D18","pct":24.4},{"hex":"#0E0D0C","pct":10.8},{"hex":"#382E28","pct":6.6},{"hex":"#131211","pct":2.9},{"hex":"#C66840","pct":1.4}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1481.webp","thumb":"assets/thumb/ORG-1481.webp","live":"originals/screens/gen-news-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1481.webp","thumb":"assets/thumb/ORG-1481.webp","palette":["#181615","#271D18","#0E0D0C","#382E28","#131211","#C66840"],"palette_detail":[{"hex":"#181615","pct":53.9},{"hex":"#271D18","pct":24.4},{"hex":"#0E0D0C","pct":10.8},{"hex":"#382E28","pct":6.6},{"hex":"#131211","pct":2.9},{"hex":"#C66840","pct":1.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1484.webp","thumb":"assets/thumb/ORG-1484.webp","palette":["#FFFFFF","#E0EBE3","#F5F7F4","#C3CFC6","#FBFCFB","#4F8C6E"],"palette_detail":[{"hex":"#FFFFFF","pct":46.8},{"hex":"#E0EBE3","pct":22.0},{"hex":"#F5F7F4","pct":15.4},{"hex":"#C3CFC6","pct":8.8},{"hex":"#FBFCFB","pct":5.8},{"hex":"#4F8C6E","pct":1.1}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1483.webp","thumb":"assets/thumb/ORG-1483.webp","palette":["#FFFFFF","#EAE8E1","#F8F7F5","#D0CEC7","#FCFCFB","#7A86C7"],"palette_detail":[{"hex":"#FFFFFF","pct":46.8},{"hex":"#EAE8E1","pct":20.4},{"hex":"#F8F7F5","pct":15.4},{"hex":"#D0CEC7","pct":10.3},{"hex":"#FCFCFB","pct":5.6},{"hex":"#7A86C7","pct":1.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1482.webp","thumb":"assets/thumb/ORG-1482.webp","palette":["#191425","#241D36","#100D17","#161220","#595562","#B7E131"],"palette_detail":[{"hex":"#191425","pct":54.3},{"hex":"#241D36","pct":27.5},{"hex":"#100D17","pct":12.0},{"hex":"#161220","pct":3.8},{"hex":"#595562","pct":1.5},{"hex":"#B7E131","pct":0.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1485","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading story detail · Margin","description":"A detail screen in Margin for \"The quiet interface\" (Ana Ruiz · Oct 14 · 9 min read). An illustrated header carries back and save buttons; below sit the title, the value \"Essay\", a 2×2 fact grid (Section: Design; Words: 2,140; Listen: 11 min; Saved by: 3.2k readers), a short paragraph, two \"Related\" rows and a sticky action \"Start free trial\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","news","reading"],"palette":["#281D17","#0D0C0B","#AF6644","#362923","#1B1614","#66554C"],"palette_detail":[{"hex":"#281D17","pct":38.0},{"hex":"#0D0C0B","pct":21.1},{"hex":"#AF6644","pct":18.7},{"hex":"#362923","pct":11.7},{"hex":"#1B1614","pct":7.7},{"hex":"#66554C","pct":2.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1485.webp","thumb":"assets/thumb/ORG-1485.webp","live":"originals/screens/gen-news-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1485.webp","thumb":"assets/thumb/ORG-1485.webp","palette":["#281D17","#0D0C0B","#AF6644","#362923","#1B1614","#66554C"],"palette_detail":[{"hex":"#281D17","pct":38.0},{"hex":"#0D0C0B","pct":21.1},{"hex":"#AF6644","pct":18.7},{"hex":"#362923","pct":11.7},{"hex":"#1B1614","pct":7.7},{"hex":"#66554C","pct":2.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1488.webp","thumb":"assets/thumb/ORG-1488.webp","palette":["#D7E6DB","#F6F8F5","#E6EFE8","#B2CBBA","#729E85","#264134"],"palette_detail":[{"hex":"#D7E6DB","pct":34.0},{"hex":"#F6F8F5","pct":20.0},{"hex":"#E6EFE8","pct":17.1},{"hex":"#B2CBBA","pct":13.9},{"hex":"#729E85","pct":8.3},{"hex":"#264134","pct":6.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1487.webp","thumb":"assets/thumb/ORG-1487.webp","palette":["#E7E4DD","#F9F8F5","#C1CAE7","#6480F1","#2D2D2F","#9FA1A5"],"palette_detail":[{"hex":"#E7E4DD","pct":44.8},{"hex":"#F9F8F5","pct":23.0},{"hex":"#C1CAE7","pct":15.0},{"hex":"#6480F1","pct":7.9},{"hex":"#2D2D2F","pct":5.0},{"hex":"#9FA1A5","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1486.webp","thumb":"assets/thumb/ORG-1486.webp","palette":["#221A34","#0E0B14","#696C79","#2F293F","#181620","#98AF5C"],"palette_detail":[{"hex":"#221A34","pct":38.8},{"hex":"#0E0B14","pct":21.5},{"hex":"#696C79","pct":14.4},{"hex":"#2F293F","pct":12.4},{"hex":"#181620","pct":6.6},{"hex":"#98AF5C","pct":6.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1489","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading empty state · Margin","description":"An empty state in Margin: a ghosted stack of cards with an accent badge, the line \"Nothing saved\", the explanation \"Save stories to read later — they sync across your devices and work offline.\" and a single button \"Browse today\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","news","reading","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#392C25","#161413","#241913","#D96938"],"palette_detail":[{"hex":"#0D0D0C","pct":45.1},{"hex":"#2A1E17","pct":30.1},{"hex":"#392C25","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":5.0},{"hex":"#D96938","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1489.webp","thumb":"assets/thumb/ORG-1489.webp","live":"originals/screens/gen-news-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1489.webp","thumb":"assets/thumb/ORG-1489.webp","palette":["#0D0D0C","#2A1E17","#392C25","#161413","#241913","#D96938"],"palette_detail":[{"hex":"#0D0D0C","pct":45.1},{"hex":"#2A1E17","pct":30.1},{"hex":"#392C25","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":5.0},{"hex":"#D96938","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1492.webp","thumb":"assets/thumb/ORG-1492.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2CA","#293E34","#8A988F"],"palette_detail":[{"hex":"#F6F8F5","pct":39.5},{"hex":"#DCE9DF","pct":37.4},{"hex":"#FDFEFC","pct":7.9},{"hex":"#C7D2CA","pct":6.7},{"hex":"#293E34","pct":6.2},{"hex":"#8A988F","pct":2.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1491.webp","thumb":"assets/thumb/ORG-1491.webp","palette":["#FBFAF7","#E5E2DA","#ECEAE5","#C8C7C5","#2D2D2D","#5E6DBE"],"palette_detail":[{"hex":"#FBFAF7","pct":46.9},{"hex":"#E5E2DA","pct":30.5},{"hex":"#ECEAE5","pct":8.7},{"hex":"#C8C7C5","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5E6DBE","pct":3.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1490.webp","thumb":"assets/thumb/ORG-1490.webp","palette":["#0E0C15","#221A34","#2E273E","#171421","#C2EF31","#797E66"],"palette_detail":[{"hex":"#0E0C15","pct":45.2},{"hex":"#221A34","pct":31.3},{"hex":"#2E273E","pct":10.8},{"hex":"#171421","pct":10.2},{"hex":"#C2EF31","pct":1.4},{"hex":"#797E66","pct":1.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1493","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading home · Margin","description":"A metric-grid home for Margin (news & reading). A tinted hero card shows \"Your briefing: 8 stories\" with \"12 min read · updated 7:00\", followed by a 2×2 grid of tiles — Read 42, Saved 17, Streak 9, Topics 6 — and an \"Up next\" list of three rows above the tab bar. Idea: small multiples of equal weight read in one glance. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["metric-tile","kpi","grid","bottom-nav","news","reading"],"palette":["#281D18","#0E0D0C","#181614","#362C27","#080808","#786F6A"],"palette_detail":[{"hex":"#281D18","pct":40.0},{"hex":"#0E0D0C","pct":26.5},{"hex":"#181614","pct":17.4},{"hex":"#362C27","pct":10.4},{"hex":"#080808","pct":3.8},{"hex":"#786F6A","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1493.webp","thumb":"assets/thumb/ORG-1493.webp","live":"originals/screens/gen-news-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1493.webp","thumb":"assets/thumb/ORG-1493.webp","palette":["#281D18","#0E0D0C","#181614","#362C27","#080808","#786F6A"],"palette_detail":[{"hex":"#281D18","pct":40.0},{"hex":"#0E0D0C","pct":26.5},{"hex":"#181614","pct":17.4},{"hex":"#362C27","pct":10.4},{"hex":"#080808","pct":3.8},{"hex":"#786F6A","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1496.webp","thumb":"assets/thumb/ORG-1496.webp","palette":["#D5E2D8","#F6F8F5","#E3EDE5","#FEFFFE","#2D2F2F","#979F9A"],"palette_detail":[{"hex":"#D5E2D8","pct":28.6},{"hex":"#F6F8F5","pct":27.9},{"hex":"#E3EDE5","pct":21.2},{"hex":"#FEFFFE","pct":12.8},{"hex":"#2D2F2F","pct":5.0},{"hex":"#979F9A","pct":4.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1495.webp","thumb":"assets/thumb/ORG-1495.webp","palette":["#DFDCD5","#F9F8F5","#ECE9E3","#FFFEFE","#2D2D2D","#9E9D9C"],"palette_detail":[{"hex":"#DFDCD5","pct":29.1},{"hex":"#F9F8F5","pct":24.5},{"hex":"#ECE9E3","pct":21.8},{"hex":"#FFFEFE","pct":15.4},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9E9D9C","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1494.webp","thumb":"assets/thumb/ORG-1494.webp","palette":["#221B34","#0F0C16","#191423","#312A41","#08070B","#7C7984"],"palette_detail":[{"hex":"#221B34","pct":39.1},{"hex":"#0F0C16","pct":26.9},{"hex":"#191423","pct":18.4},{"hex":"#312A41","pct":10.1},{"hex":"#08070B","pct":3.3},{"hex":"#7C7984","pct":2.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1497","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading insights · Margin","description":"An insights screen in Margin. A Week selector sits beside the title; a card plots minutes read as an area line with Saturday highlighted under the figure 8 stories (12 min read · updated 7:00); a progress ring shows 71% of days above usual; three tiles follow — Saved 17, Streak 9, Topics 6. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","news","reading","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#362922","#211D1A","#70594B"],"palette_detail":[{"hex":"#2A1D16","pct":32.1},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.9},{"hex":"#362922","pct":12.5},{"hex":"#211D1A","pct":6.2},{"hex":"#70594B","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1497.webp","thumb":"assets/thumb/ORG-1497.webp","live":"originals/screens/gen-news-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1497.webp","thumb":"assets/thumb/ORG-1497.webp","palette":["#2A1D16","#0D0D0C","#181514","#362922","#211D1A","#70594B"],"palette_detail":[{"hex":"#2A1D16","pct":32.1},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":20.9},{"hex":"#362922","pct":12.5},{"hex":"#211D1A","pct":6.2},{"hex":"#70594B","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1500.webp","thumb":"assets/thumb/ORG-1500.webp","palette":["#E0ECE3","#F5F7F4","#FEFEFE","#D3E0D6","#2D2F2E","#97A59C"],"palette_detail":[{"hex":"#E0ECE3","pct":30.8},{"hex":"#F5F7F4","pct":23.7},{"hex":"#FEFEFE","pct":19.3},{"hex":"#D3E0D6","pct":17.6},{"hex":"#2D2F2E","pct":5.0},{"hex":"#97A59C","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1499.webp","thumb":"assets/thumb/ORG-1499.webp","palette":["#FCFCFA","#EBE8E2","#DFDDD7","#2E2D2E","#EEF0F6","#A0A2AA"],"palette_detail":[{"hex":"#FCFCFA","pct":40.1},{"hex":"#EBE8E2","pct":24.9},{"hex":"#DFDDD7","pct":21.8},{"hex":"#2E2D2E","pct":4.9},{"hex":"#EEF0F6","pct":4.4},{"hex":"#A0A2AA","pct":3.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1498.webp","thumb":"assets/thumb/ORG-1498.webp","palette":["#221B34","#0E0C14","#191423","#2D263F","#3F4431","#7B8466"],"palette_detail":[{"hex":"#221B34","pct":36.1},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":23.1},{"hex":"#2D263F","pct":10.4},{"hex":"#3F4431","pct":2.8},{"hex":"#7B8466","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1501","kind":"image","category":"website","type":"screen","title":"News & reading landing hero · Margin","description":"A desktop landing hero for Margin. A slim nav with \"Get Margin\" sits over a two-column hero: an eyebrow pill (\"Your morning briefing\"), the headline \"News without the noise.\", \"A short, calm briefing every morning — written by people, read in twelve minutes.\", primary \"Pick your topics\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","news","reading"],"palette":["#0E0D0C","#281D17","#372A23","#191613","#0C0B0B","#A96142"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":21.0},{"hex":"#372A23","pct":16.2},{"hex":"#191613","pct":7.6},{"hex":"#0C0B0B","pct":2.7},{"hex":"#A96142","pct":1.5}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1501.webp","thumb":"assets/thumb/ORG-1501.webp","live":"originals/screens/gen-news-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1501.webp","thumb":"assets/thumb/ORG-1501.webp","palette":["#0E0D0C","#281D17","#372A23","#191613","#0C0B0B","#A96142"],"palette_detail":[{"hex":"#0E0D0C","pct":50.9},{"hex":"#281D17","pct":21.0},{"hex":"#372A23","pct":16.2},{"hex":"#191613","pct":7.6},{"hex":"#0C0B0B","pct":2.7},{"hex":"#A96142","pct":1.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1504.webp","thumb":"assets/thumb/ORG-1504.webp","palette":["#F5F7F4","#DAE7DD","#B9C5BD","#F8F9F7","#FEFEFD","#5B7E6C"],"palette_detail":[{"hex":"#F5F7F4","pct":49.5},{"hex":"#DAE7DD","pct":30.5},{"hex":"#B9C5BD","pct":8.2},{"hex":"#F8F9F7","pct":5.4},{"hex":"#FEFEFD","pct":3.8},{"hex":"#5B7E6C","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1503.webp","thumb":"assets/thumb/ORG-1503.webp","palette":["#FAF9F6","#E8E7E5","#D9D9DA","#BBBABA","#FEFEFD","#5D6AAC"],"palette_detail":[{"hex":"#FAF9F6","pct":54.1},{"hex":"#E8E7E5","pct":21.1},{"hex":"#D9D9DA","pct":13.0},{"hex":"#BBBABA","pct":6.3},{"hex":"#FEFEFD","pct":3.8},{"hex":"#5D6AAC","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1502.webp","thumb":"assets/thumb/ORG-1502.webp","palette":["#0F0C16","#201930","#302D3C","#0D0B14","#96A959","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":50.8},{"hex":"#201930","pct":24.9},{"hex":"#302D3C","pct":17.8},{"hex":"#0D0B14","pct":3.1},{"hex":"#96A959","pct":2.3},{"hex":"#090612","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1505","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading story list · Margin","description":"A list screen of storys in Margin. A title with an add button sits over a search field and a chip row (Top, Design, Tech, Climate, Culture); six rows follow with a leading icon, title, supporting line and trailing value: The quiet interface (Essay); Cities that cool themselves (Feature); Agents at work (Analysis); The last typefoundry (Long read). Idea: identical row anatomy keeps a long list scannable. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["list-row","search","chips","filters","news","reading"],"palette":["#0E0D0C","#291D17","#352B25","#1A1614","#080808","#847871"],"palette_detail":[{"hex":"#0E0D0C","pct":41.4},{"hex":"#291D17","pct":33.4},{"hex":"#352B25","pct":10.7},{"hex":"#1A1614","pct":7.5},{"hex":"#080808","pct":4.3},{"hex":"#847871","pct":2.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1505.webp","thumb":"assets/thumb/ORG-1505.webp","live":"originals/screens/gen-news-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1505.webp","thumb":"assets/thumb/ORG-1505.webp","palette":["#0E0D0C","#291D17","#352B25","#1A1614","#080808","#847871"],"palette_detail":[{"hex":"#0E0D0C","pct":41.4},{"hex":"#291D17","pct":33.4},{"hex":"#352B25","pct":10.7},{"hex":"#1A1614","pct":7.5},{"hex":"#080808","pct":4.3},{"hex":"#847871","pct":2.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1508.webp","thumb":"assets/thumb/ORG-1508.webp","palette":["#F5F8F5","#DEEAE0","#CFDBD2","#FCFDFB","#2C2F2E","#939B96"],"palette_detail":[{"hex":"#F5F8F5","pct":40.0},{"hex":"#DEEAE0","pct":34.4},{"hex":"#CFDBD2","pct":9.9},{"hex":"#FCFDFB","pct":6.3},{"hex":"#2C2F2E","pct":5.2},{"hex":"#939B96","pct":4.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1507.webp","thumb":"assets/thumb/ORG-1507.webp","palette":["#FAF9F5","#E8E5DE","#D8D6CF","#FEFEFC","#2D2D2D","#959599"],"palette_detail":[{"hex":"#FAF9F5","pct":40.1},{"hex":"#E8E5DE","pct":34.8},{"hex":"#D8D6CF","pct":9.9},{"hex":"#FEFEFC","pct":6.1},{"hex":"#2D2D2D","pct":5.0},{"hex":"#959599","pct":4.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1506.webp","thumb":"assets/thumb/ORG-1506.webp","palette":["#0F0C16","#221A34","#2E273F","#181422","#09070C","#80807E"],"palette_detail":[{"hex":"#0F0C16","pct":41.4},{"hex":"#221A34","pct":33.0},{"hex":"#2E273F","pct":11.5},{"hex":"#181422","pct":7.3},{"hex":"#09070C","pct":4.0},{"hex":"#80807E","pct":2.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1509","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading welcome · Margin","description":"The first onboarding step of Margin. Progress dots and Skip sit over a large illustrated panel; the headline reads \"News without the noise.\", followed by \"A short, calm briefing every morning — written by people, read in twelve minutes.\" and a full-width primary button \"Pick your topics\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","news","reading"],"palette":["#2A1D17","#AA6B4D","#0E0D0C","#3A2C24","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":33.0},{"hex":"#AA6B4D","pct":23.5},{"hex":"#0E0D0C","pct":22.1},{"hex":"#3A2C24","pct":10.2},{"hex":"#1B1512","pct":6.4},{"hex":"#080909","pct":4.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1509.webp","thumb":"assets/thumb/ORG-1509.webp","live":"originals/screens/gen-news-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1509.webp","thumb":"assets/thumb/ORG-1509.webp","palette":["#2A1D17","#AA6B4D","#0E0D0C","#3A2C24","#1B1512","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":33.0},{"hex":"#AA6B4D","pct":23.5},{"hex":"#0E0D0C","pct":22.1},{"hex":"#3A2C24","pct":10.2},{"hex":"#1B1512","pct":6.4},{"hex":"#080909","pct":4.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1512.webp","thumb":"assets/thumb/ORG-1512.webp","palette":["#DBE8DE","#F5F8F4","#BDD5C4","#94B6A1","#294739","#FBFCFA"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F8F4","pct":21.5},{"hex":"#BDD5C4","pct":16.5},{"hex":"#94B6A1","pct":10.2},{"hex":"#294739","pct":7.5},{"hex":"#FBFCFA","pct":4.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1511.webp","thumb":"assets/thumb/ORG-1511.webp","palette":["#E2E1DD","#F9F8F6","#A6BBF6","#2D366B","#FEFDFA","#B0AEAA"],"palette_detail":[{"hex":"#E2E1DD","pct":44.9},{"hex":"#F9F8F6","pct":21.2},{"hex":"#A6BBF6","pct":17.1},{"hex":"#2D366B","pct":7.2},{"hex":"#FEFDFA","pct":4.9},{"hex":"#B0AEAA","pct":4.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1510.webp","thumb":"assets/thumb/ORG-1510.webp","palette":["#221A34","#0F0C15","#818B79","#302A3F","#181520","#08070A"],"palette_detail":[{"hex":"#221A34","pct":32.7},{"hex":"#0F0C15","pct":24.0},{"hex":"#818B79","pct":24.0},{"hex":"#302A3F","pct":10.5},{"hex":"#181520","pct":6.0},{"hex":"#08070A","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1513","kind":"image","category":"website","type":"screen","title":"News & reading pricing · Margin","description":"A desktop pricing section for Margin with a Monthly/Yearly toggle and \"2 months free\". Three plans — Free €0 (3 stories / week, Briefing, Newsletter); Reader €4 (Unlimited stories, Audio, Offline); Patron €10 (Everything, Events, Gift articles) — with Reader anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","news","reading"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F3682D","#4B3D37","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.5},{"hex":"#F3682D","pct":6.3},{"hex":"#4B3D37","pct":2.7},{"hex":"#0A0A09","pct":1.8}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1513.webp","thumb":"assets/thumb/ORG-1513.webp","live":"originals/screens/gen-news-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1513.webp","thumb":"assets/thumb/ORG-1513.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F3682D","#4B3D37","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.5},{"hex":"#F3682D","pct":6.3},{"hex":"#4B3D37","pct":2.7},{"hex":"#0A0A09","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1516.webp","thumb":"assets/thumb/ORG-1516.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2B7D54","#AFBDB3","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2B7D54","pct":6.5},{"hex":"#AFBDB3","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1515.webp","thumb":"assets/thumb/ORG-1515.webp","palette":["#F9F9F6","#E3E0DA","#FEFEFF","#3452EF","#BBB9B6","#CCD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.6},{"hex":"#E3E0DA","pct":22.3},{"hex":"#FEFEFF","pct":12.6},{"hex":"#3452EF","pct":6.2},{"hex":"#BBB9B6","pct":5.5},{"hex":"#CCD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1514.webp","thumb":"assets/thumb/ORG-1514.webp","palette":["#0F0C16","#241D36","#1A1523","#BBE33A","#4A4A48","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#241D36","pct":21.5},{"hex":"#1A1523","pct":18.6},{"hex":"#BBE33A","pct":6.5},{"hex":"#4A4A48","pct":2.9},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1517","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading profile · Margin","description":"A profile screen in Margin for Priya Nair (@priya · Reader since 2022). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 42 Read, 17 Saved, 9 Day streak — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","news","reading","bottom-nav"],"palette":["#2B1E17","#0D0D0C","#181514","#3C3029","#221F1D","#C57E5A"],"palette_detail":[{"hex":"#2B1E17","pct":36.0},{"hex":"#0D0D0C","pct":32.9},{"hex":"#181514","pct":16.8},{"hex":"#3C3029","pct":7.2},{"hex":"#221F1D","pct":4.7},{"hex":"#C57E5A","pct":2.5}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1517.webp","thumb":"assets/thumb/ORG-1517.webp","live":"originals/screens/gen-news-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1517.webp","thumb":"assets/thumb/ORG-1517.webp","palette":["#2B1E17","#0D0D0C","#181514","#3C3029","#221F1D","#C57E5A"],"palette_detail":[{"hex":"#2B1E17","pct":36.0},{"hex":"#0D0D0C","pct":32.9},{"hex":"#181514","pct":16.8},{"hex":"#3C3029","pct":7.2},{"hex":"#221F1D","pct":4.7},{"hex":"#C57E5A","pct":2.5}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1520.webp","thumb":"assets/thumb/ORG-1520.webp","palette":["#DFEBE1","#F5F8F5","#FEFEFE","#CEDBD1","#2B312F","#879F91"],"palette_detail":[{"hex":"#DFEBE1","pct":36.6},{"hex":"#F5F8F5","pct":29.3},{"hex":"#FEFEFE","pct":14.2},{"hex":"#CEDBD1","pct":10.9},{"hex":"#2B312F","pct":5.2},{"hex":"#879F91","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1519.webp","thumb":"assets/thumb/ORG-1519.webp","palette":["#FCFBF9","#E6E4DD","#D0CECC","#F2F0EB","#2D2D2D","#7D85B2"],"palette_detail":[{"hex":"#FCFBF9","pct":41.3},{"hex":"#E6E4DD","pct":35.6},{"hex":"#D0CECC","pct":7.8},{"hex":"#F2F0EB","pct":7.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7D85B2","pct":3.5}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1518.webp","thumb":"assets/thumb/ORG-1518.webp","palette":["#241C36","#0E0C15","#181422","#1E172E","#393443","#99A279"],"palette_detail":[{"hex":"#241C36","pct":37.4},{"hex":"#0E0C15","pct":32.9},{"hex":"#181422","pct":15.6},{"hex":"#1E172E","pct":7.2},{"hex":"#393443","pct":4.4},{"hex":"#99A279","pct":2.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1521","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading schedule · Margin","description":"A day schedule in Margin. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 The quiet interface, 09:30 Cities that cool themselves, 12:00 Agents at work, 14:30 The last typefoundry, 17:00 Rail is back, 19:30 Why we doomscroll — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","news","reading"],"palette":["#0D0D0C","#291D16","#181514","#342821","#F1662A","#6D6058"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":15.9},{"hex":"#342821","pct":11.8},{"hex":"#F1662A","pct":3.4},{"hex":"#6D6058","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1521.webp","thumb":"assets/thumb/ORG-1521.webp","live":"originals/screens/gen-news-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1521.webp","thumb":"assets/thumb/ORG-1521.webp","palette":["#0D0D0C","#291D16","#181514","#342821","#F1662A","#6D6058"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.9},{"hex":"#181514","pct":15.9},{"hex":"#342821","pct":11.8},{"hex":"#F1662A","pct":3.4},{"hex":"#6D6058","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1524.webp","thumb":"assets/thumb/ORG-1524.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294B3B","#FAFBF9","#93A29A"],"palette_detail":[{"hex":"#D9E6DC","pct":42.4},{"hex":"#F5F8F4","pct":27.7},{"hex":"#FFFFFF","pct":12.8},{"hex":"#294B3B","pct":7.9},{"hex":"#FAFBF9","pct":4.9},{"hex":"#93A29A","pct":4.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1523.webp","thumb":"assets/thumb/ORG-1523.webp","palette":["#E2E0D9","#F9F8F6","#FFFFFF","#8990B5","#2C366A","#FEFDFA"],"palette_detail":[{"hex":"#E2E0D9","pct":42.9},{"hex":"#F9F8F6","pct":28.3},{"hex":"#FFFFFF","pct":12.8},{"hex":"#8990B5","pct":5.9},{"hex":"#2C366A","pct":5.7},{"hex":"#FEFDFA","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1522.webp","thumb":"assets/thumb/ORG-1522.webp","palette":["#0E0C15","#211933","#181422","#2C253C","#BDE832","#6E6D6E"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211933","pct":30.5},{"hex":"#181422","pct":16.3},{"hex":"#2C253C","pct":13.0},{"hex":"#BDE832","pct":3.3},{"hex":"#6E6D6E","pct":2.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1525","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading search · Margin","description":"A search screen in Margin: a focused field with a clear button, a chip row (Top, Design, Tech, Climate), recent searches as pills, \"Top results\" — The quiet interface, Cities that cool themselves, Agents at work, The last typefoundry — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","news","reading"],"palette":["#0E0D0C","#2A1D17","#392D26","#191614","#807D7A","#060605"],"palette_detail":[{"hex":"#0E0D0C","pct":41.3},{"hex":"#2A1D17","pct":35.7},{"hex":"#392D26","pct":10.8},{"hex":"#191614","pct":7.8},{"hex":"#807D7A","pct":2.4},{"hex":"#060605","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1525.webp","thumb":"assets/thumb/ORG-1525.webp","live":"originals/screens/gen-news-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1525.webp","thumb":"assets/thumb/ORG-1525.webp","palette":["#0E0D0C","#2A1D17","#392D26","#191614","#807D7A","#060605"],"palette_detail":[{"hex":"#0E0D0C","pct":41.3},{"hex":"#2A1D17","pct":35.7},{"hex":"#392D26","pct":10.8},{"hex":"#191614","pct":7.8},{"hex":"#807D7A","pct":2.4},{"hex":"#060605","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1528.webp","thumb":"assets/thumb/ORG-1528.webp","palette":["#F5F8F4","#DEEAE1","#CFDBD2","#FDFEFC","#2C2E2D","#969D98"],"palette_detail":[{"hex":"#F5F8F4","pct":38.7},{"hex":"#DEEAE1","pct":35.2},{"hex":"#CFDBD2","pct":11.1},{"hex":"#FDFEFC","pct":5.9},{"hex":"#2C2E2D","pct":5.1},{"hex":"#969D98","pct":4.0}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1527.webp","thumb":"assets/thumb/ORG-1527.webp","palette":["#F9F8F5","#E8E5DE","#D7D5D1","#FEFEFC","#2D2D2D","#999895"],"palette_detail":[{"hex":"#F9F8F5","pct":38.2},{"hex":"#E8E5DE","pct":35.5},{"hex":"#D7D5D1","pct":11.2},{"hex":"#FEFEFC","pct":6.1},{"hex":"#2D2D2D","pct":5.1},{"hex":"#999895","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1526.webp","thumb":"assets/thumb/ORG-1526.webp","palette":["#0F0C16","#221A34","#322C3F","#191622","#09070C","#7F7C88"],"palette_detail":[{"hex":"#0F0C16","pct":39.3},{"hex":"#221A34","pct":35.4},{"hex":"#322C3F","pct":10.6},{"hex":"#191622","pct":8.3},{"hex":"#09070C","pct":4.2},{"hex":"#7F7C88","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1529","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading settings · Margin","description":"Settings for Margin. An account row leads; grouped cards follow — Reading: Serif body text (on), Larger text (off), Dark at night (on); Briefing: Morning briefing (on), Weekend edition (on). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","news","reading"],"palette":["#0D0D0C","#271C16","#181615","#2F231C","#544A44","#D4977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#544A44","pct":2.0},{"hex":"#D4977A","pct":1.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1529.webp","thumb":"assets/thumb/ORG-1529.webp","live":"originals/screens/gen-news-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1529.webp","thumb":"assets/thumb/ORG-1529.webp","palette":["#0D0D0C","#271C16","#181615","#2F231C","#544A44","#D4977A"],"palette_detail":[{"hex":"#0D0D0C","pct":31.6},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.3},{"hex":"#2F231C","pct":15.8},{"hex":"#544A44","pct":2.0},{"hex":"#D4977A","pct":1.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1532.webp","thumb":"assets/thumb/ORG-1532.webp","palette":["#F6F8F5","#E0ECE2","#FFFFFF","#D4E1D7","#2C322F","#9DA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E0ECE2","pct":28.4},{"hex":"#FFFFFF","pct":17.0},{"hex":"#D4E1D7","pct":16.0},{"hex":"#2C322F","pct":5.2},{"hex":"#9DA9A1","pct":3.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1531.webp","thumb":"assets/thumb/ORG-1531.webp","palette":["#E8E5DE","#F9F8F6","#FEFEFE","#D9D7D1","#2D2D2D","#9597AD"],"palette_detail":[{"hex":"#E8E5DE","pct":35.1},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":18.9},{"hex":"#D9D7D1","pct":9.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#9597AD","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1530.webp","thumb":"assets/thumb/ORG-1530.webp","palette":["#241D37","#0E0C15","#181423","#1D172C","#4D4B51","#B7C489"],"palette_detail":[{"hex":"#241D37","pct":39.4},{"hex":"#0E0C15","pct":31.6},{"hex":"#181423","pct":18.6},{"hex":"#1D172C","pct":7.2},{"hex":"#4D4B51","pct":2.1},{"hex":"#B7C489","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1533","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading confirmation · Margin","description":"A success screen in Margin after \"Subscribe\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Plan Annual; Price €4 / month; Billed €48 / year and the total €0 today; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","news","reading"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6F625B"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.4},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.0},{"hex":"#F9682A","pct":4.8},{"hex":"#6F625B","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1533.webp","thumb":"assets/thumb/ORG-1533.webp","live":"originals/screens/gen-news-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1533.webp","thumb":"assets/thumb/ORG-1533.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#6F625B"],"palette_detail":[{"hex":"#291D16","pct":33.7},{"hex":"#0D0D0C","pct":31.4},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.0},{"hex":"#F9682A","pct":4.8},{"hex":"#6F625B","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1536.webp","thumb":"assets/thumb/ORG-1536.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCCC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.1},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.9},{"hex":"#26523D","pct":9.4},{"hex":"#BFCCC3","pct":7.0},{"hex":"#819288","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1535.webp","thumb":"assets/thumb/ORG-1535.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#898C9D"],"palette_detail":[{"hex":"#E6E3DD","pct":40.0},{"hex":"#F9F8F5","pct":28.5},{"hex":"#FEFEFD","pct":13.5},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.3},{"hex":"#898C9D","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1534.webp","thumb":"assets/thumb/ORG-1534.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#76786C"],"palette_detail":[{"hex":"#221A34","pct":34.8},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":16.0},{"hex":"#302B3B","pct":11.4},{"hex":"#C3F032","pct":4.7},{"hex":"#76786C","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1537","kind":"image","category":"mobile-app-ui","type":"screen","title":"News & reading support chat · Margin","description":"A support conversation inside Margin. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about The quiet interface, the agent replies, a context card shows The quiet interface (Design · 9 min, Essay), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","news","reading"],"palette":["#291D16","#0D0C0C","#191615","#362923","#EB6328","#68635F"],"palette_detail":[{"hex":"#291D16","pct":34.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#362923","pct":11.9},{"hex":"#EB6328","pct":6.4},{"hex":"#68635F","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1537.webp","thumb":"assets/thumb/ORG-1537.webp","live":"originals/screens/gen-news-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1537.webp","thumb":"assets/thumb/ORG-1537.webp","palette":["#291D16","#0D0C0C","#191615","#362923","#EB6328","#68635F"],"palette_detail":[{"hex":"#291D16","pct":34.7},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#362923","pct":11.9},{"hex":"#EB6328","pct":6.4},{"hex":"#68635F","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1540.webp","thumb":"assets/thumb/ORG-1540.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#779786"],"palette_detail":[{"hex":"#DBE8DE","pct":40.0},{"hex":"#F5F7F4","pct":27.9},{"hex":"#FEFEFD","pct":12.5},{"hex":"#27543E","pct":9.7},{"hex":"#BBC7BE","pct":6.3},{"hex":"#779786","pct":3.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1539.webp","thumb":"assets/thumb/ORG-1539.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#C0C0BF","#4B63DE","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":40.0},{"hex":"#F9F8F5","pct":27.8},{"hex":"#FEFEFD","pct":12.6},{"hex":"#C0C0BF","pct":8.1},{"hex":"#4B63DE","pct":6.5},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1538.webp","thumb":"assets/thumb/ORG-1538.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BCE730","#696D5B"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.5},{"hex":"#BCE730","pct":5.9},{"hex":"#696D5B","pct":3.1}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1541","kind":"image","category":"dashboard","type":"screen","title":"News & reading story table · Margin","description":"A desktop table of storys in Margin. A title row with Export and \"New story\", a strip of four KPI tiles, a search field and filter dropdowns (Design, Tech, Climate) sit above a table with name, details, status (Read / Saved) and value columns — The quiet interface, Cities that cool themselves, Agents at work, The last typefoundry, Rail is back, Why we doomscroll. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","news","reading"],"palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#765C50"],"palette_detail":[{"hex":"#181615","pct":37.5},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.1},{"hex":"#342822","pct":9.1},{"hex":"#131211","pct":4.0},{"hex":"#765C50","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-news-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1541.webp","thumb":"assets/thumb/ORG-1541.webp","live":"originals/screens/gen-news-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1541.webp","thumb":"assets/thumb/ORG-1541.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#765C50"],"palette_detail":[{"hex":"#181615","pct":37.5},{"hex":"#0E0D0C","pct":31.0},{"hex":"#271C15","pct":17.1},{"hex":"#342822","pct":9.1},{"hex":"#131211","pct":4.0},{"hex":"#765C50","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1544.webp","thumb":"assets/thumb/ORG-1544.webp","palette":["#F6F8F5","#FFFFFF","#DFEAE1","#CBD7CE","#FDFDFD","#A6B5AB"],"palette_detail":[{"hex":"#F6F8F5","pct":35.9},{"hex":"#FFFFFF","pct":30.2},{"hex":"#DFEAE1","pct":15.9},{"hex":"#CBD7CE","pct":8.0},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A6B5AB","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1543.webp","thumb":"assets/thumb/ORG-1543.webp","palette":["#F9F8F6","#FFFFFF","#E8E5DF","#FDFDFD","#D6D4CD","#B1B1B6"],"palette_detail":[{"hex":"#F9F8F6","pct":36.0},{"hex":"#FFFFFF","pct":25.2},{"hex":"#E8E5DF","pct":15.2},{"hex":"#FDFDFD","pct":11.5},{"hex":"#D6D4CD","pct":7.9},{"hex":"#B1B1B6","pct":4.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1542.webp","thumb":"assets/thumb/ORG-1542.webp","palette":["#191424","#0F0C16","#211A32","#2E273E","#14101E","#6F745C"],"palette_detail":[{"hex":"#191424","pct":38.7},{"hex":"#0F0C16","pct":31.1},{"hex":"#211A32","pct":16.3},{"hex":"#2E273E","pct":8.6},{"hex":"#14101E","pct":4.0},{"hex":"#6F745C","pct":1.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1545","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home activity feed · Hearth","description":"An activity feed in Hearth grouped under Today and Earlier. Unread items sit on tinted cards with an accent dot — \"Front door unlocked\" (by Lea · 18:02) and \"Washer finished\" — and read items are plain rows: \"Motion in the garden\", \"Energy report\". A \"Mark all read\" link sits in the header, and an \"all caught up\" note with a link to notification settings closes the feed above the tab bar. Idea: read state carried by surface and one dot. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["notification","list"],"style":["minimal","card-based"],"tags":["notifications","list-row","unread","smarthome","smart","home","bottom-nav"],"palette":["#0D0D0C","#2A1D16","#392C26","#181513","#211F1D","#A66F57"],"palette_detail":[{"hex":"#0D0D0C","pct":40.3},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.9},{"hex":"#181513","pct":7.7},{"hex":"#211F1D","pct":6.8},{"hex":"#A66F57","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-activity.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1545.webp","thumb":"assets/thumb/ORG-1545.webp","live":"originals/screens/gen-smarthome-activity.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1545.webp","thumb":"assets/thumb/ORG-1545.webp","palette":["#0D0D0C","#2A1D16","#392C26","#181513","#211F1D","#A66F57"],"palette_detail":[{"hex":"#0D0D0C","pct":40.3},{"hex":"#2A1D16","pct":33.3},{"hex":"#392C26","pct":9.9},{"hex":"#181513","pct":7.7},{"hex":"#211F1D","pct":6.8},{"hex":"#A66F57","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1548.webp","thumb":"assets/thumb/ORG-1548.webp","palette":["#F4F7F3","#DBE8DE","#FCFDFC","#BDC8C0","#2B3330","#7D8B83"],"palette_detail":[{"hex":"#F4F7F3","pct":40.1},{"hex":"#DBE8DE","pct":39.8},{"hex":"#FCFDFC","pct":6.1},{"hex":"#BDC8C0","pct":6.1},{"hex":"#2B3330","pct":5.3},{"hex":"#7D8B83","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1547.webp","thumb":"assets/thumb/ORG-1547.webp","palette":["#FAFAF7","#E3E0D9","#EDEBE5","#C1BFBF","#2D2D2D","#7279A0"],"palette_detail":[{"hex":"#FAFAF7","pct":40.1},{"hex":"#E3E0D9","pct":31.5},{"hex":"#EDEBE5","pct":15.2},{"hex":"#C1BFBF","pct":5.6},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7279A0","pct":2.6}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1546.webp","thumb":"assets/thumb/ORG-1546.webp","palette":["#0E0C15","#241C36","#1D172C","#17131F","#393443","#96A565"],"palette_detail":[{"hex":"#0E0C15","pct":40.3},{"hex":"#241C36","pct":39.9},{"hex":"#1D172C","pct":7.1},{"hex":"#17131F","pct":6.3},{"hex":"#393443","pct":4.4},{"hex":"#96A565","pct":1.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1549","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home add scene · Hearth","description":"A confirmation screen in Hearth titled \"Add scene\". A summary card lists Name Movie night; Lights 20% warm; Blinds Closed; Thermostat 21°, a payment row shows Visa •• 4417, a promo-code field and a short reassurance line follow, and a sticky footer shows the total 4 devices beside the primary button \"Save scene\". Idea: the consequence on the button and the total always visible. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["card-based","minimal"],"tags":["checkout","sticky-cta","price","smarthome","smart","home"],"palette":["#291D17","#0D0D0C","#191715","#372D27","#151312","#B86947"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.5},{"hex":"#191715","pct":14.1},{"hex":"#372D27","pct":9.6},{"hex":"#151312","pct":3.6},{"hex":"#B86947","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-confirm.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1549.webp","thumb":"assets/thumb/ORG-1549.webp","live":"originals/screens/gen-smarthome-confirm.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1549.webp","thumb":"assets/thumb/ORG-1549.webp","palette":["#291D17","#0D0D0C","#191715","#372D27","#151312","#B86947"],"palette_detail":[{"hex":"#291D17","pct":37.1},{"hex":"#0D0D0C","pct":33.5},{"hex":"#191715","pct":14.1},{"hex":"#372D27","pct":9.6},{"hex":"#151312","pct":3.6},{"hex":"#B86947","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1552.webp","thumb":"assets/thumb/ORG-1552.webp","palette":["#DBE8DE","#F4F7F4","#FEFEFE","#BFC9C1","#2A3731","#84938B"],"palette_detail":[{"hex":"#DBE8DE","pct":38.5},{"hex":"#F4F7F4","pct":33.3},{"hex":"#FEFEFE","pct":14.6},{"hex":"#BFC9C1","pct":5.7},{"hex":"#2A3731","pct":5.6},{"hex":"#84938B","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1551.webp","thumb":"assets/thumb/ORG-1551.webp","palette":["#E6E3DC","#F9F8F5","#FEFEFE","#C5C3BE","#2D2D2D","#6D78B4"],"palette_detail":[{"hex":"#E6E3DC","pct":41.4},{"hex":"#F9F8F5","pct":30.1},{"hex":"#FEFEFE","pct":14.8},{"hex":"#C5C3BE","pct":5.9},{"hex":"#2D2D2D","pct":4.9},{"hex":"#6D78B4","pct":2.9}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1550.webp","thumb":"assets/thumb/ORG-1550.webp","palette":["#231C36","#0E0C15","#1A1525","#373146","#15121C","#A0B94E"],"palette_detail":[{"hex":"#231C36","pct":40.8},{"hex":"#0E0C15","pct":33.2},{"hex":"#1A1525","pct":15.5},{"hex":"#373146","pct":5.0},{"hex":"#15121C","pct":3.7},{"hex":"#A0B94E","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1553","kind":"image","category":"dashboard","type":"screen","title":"Smart home desktop dashboard · Hearth","description":"A desktop dashboard for Hearth (smart home). A sidebar lists Overview, Reports, Devices, People and Settings; the canvas has a title row with a date range and Export, four KPI cards (Energy 58 kWh, Solar 21 kWh, Devices 14, Doors Locked), a bar chart of energy · kwh and a recent list. Idea: KPI strip, one dominant chart, quiet chrome. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["sidebar","kpi","bar-chart","desktop","analytics","smarthome","smart","home"],"palette":["#181615","#251C17","#0F0E0D","#332721","#685C56","#F4662A"],"palette_detail":[{"hex":"#181615","pct":51.6},{"hex":"#251C17","pct":24.2},{"hex":"#0F0E0D","pct":12.8},{"hex":"#332721","pct":8.8},{"hex":"#685C56","pct":1.3},{"hex":"#F4662A","pct":1.2}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-dashboard.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1553.webp","thumb":"assets/thumb/ORG-1553.webp","live":"originals/screens/gen-smarthome-dashboard.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1553.webp","thumb":"assets/thumb/ORG-1553.webp","palette":["#181615","#251C17","#0F0E0D","#332721","#685C56","#F4662A"],"palette_detail":[{"hex":"#181615","pct":51.6},{"hex":"#251C17","pct":24.2},{"hex":"#0F0E0D","pct":12.8},{"hex":"#332721","pct":8.8},{"hex":"#685C56","pct":1.3},{"hex":"#F4662A","pct":1.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1556.webp","thumb":"assets/thumb/ORG-1556.webp","palette":["#FFFFFF","#F6F8F5","#E7EFE8","#D5E2D8","#B3BEB6","#297E54"],"palette_detail":[{"hex":"#FFFFFF","pct":48.4},{"hex":"#F6F8F5","pct":16.8},{"hex":"#E7EFE8","pct":15.7},{"hex":"#D5E2D8","pct":12.8},{"hex":"#B3BEB6","pct":5.1},{"hex":"#297E54","pct":1.2}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1555.webp","thumb":"assets/thumb/ORG-1555.webp","palette":["#FFFFFF","#F9F9F6","#EEECE7","#E0DDD6","#BAB8B7","#3251F2"],"palette_detail":[{"hex":"#FFFFFF","pct":47.1},{"hex":"#F9F9F6","pct":17.8},{"hex":"#EEECE7","pct":15.1},{"hex":"#E0DDD6","pct":13.5},{"hex":"#BAB8B7","pct":5.3},{"hex":"#3251F2","pct":1.2}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1554.webp","thumb":"assets/thumb/ORG-1554.webp","palette":["#191424","#211A32","#100D17","#2D263E","#666663","#C0ED31"],"palette_detail":[{"hex":"#191424","pct":53.0},{"hex":"#211A32","pct":23.2},{"hex":"#100D17","pct":12.7},{"hex":"#2D263E","pct":8.6},{"hex":"#666663","pct":1.3},{"hex":"#C0ED31","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1557","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home device detail · Hearth","description":"A detail screen in Hearth for \"Thermostat\" (Living room · Hearth T2). An illustrated header carries back and save buttons; below sit the title, the value \"21.5°\", a 2×2 fact grid (Target: 22°; Humidity: 46%; Mode: Heat; Schedule: Comfort), a short paragraph, two \"Related\" rows and a sticky action \"Save scene\". Idea: media first, facts scannable, one primary action pinned. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["detail"],"style":["card-based","rounded"],"tags":["sticky-cta","card","illustration","smarthome","smart","home"],"palette":["#291D16","#0E0D0C","#AB6D4F","#342821","#201C1A","#56473F"],"palette_detail":[{"hex":"#291D16","pct":31.2},{"hex":"#0E0D0C","pct":25.2},{"hex":"#AB6D4F","pct":19.5},{"hex":"#342821","pct":12.0},{"hex":"#201C1A","pct":10.0},{"hex":"#56473F","pct":2.1}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-detail.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1557.webp","thumb":"assets/thumb/ORG-1557.webp","live":"originals/screens/gen-smarthome-detail.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1557.webp","thumb":"assets/thumb/ORG-1557.webp","palette":["#291D16","#0E0D0C","#AB6D4F","#342821","#201C1A","#56473F"],"palette_detail":[{"hex":"#291D16","pct":31.2},{"hex":"#0E0D0C","pct":25.2},{"hex":"#AB6D4F","pct":19.5},{"hex":"#342821","pct":12.0},{"hex":"#201C1A","pct":10.0},{"hex":"#56473F","pct":2.1}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1560.webp","thumb":"assets/thumb/ORG-1560.webp","palette":["#D8E6DB","#F6F8F5","#E6EFE7","#B4CEBD","#274235","#89AA96"],"palette_detail":[{"hex":"#D8E6DB","pct":33.1},{"hex":"#F6F8F5","pct":21.7},{"hex":"#E6EFE7","pct":16.4},{"hex":"#B4CEBD","pct":16.4},{"hex":"#274235","pct":6.9},{"hex":"#89AA96","pct":5.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1559.webp","thumb":"assets/thumb/ORG-1559.webp","palette":["#E0DED9","#FAF9F6","#ECEAE5","#A8BCF6","#2D3664","#A8A7A5"],"palette_detail":[{"hex":"#E0DED9","pct":32.5},{"hex":"#FAF9F6","pct":21.7},{"hex":"#ECEAE5","pct":19.8},{"hex":"#A8BCF6","pct":15.1},{"hex":"#2D3664","pct":7.0},{"hex":"#A8A7A5","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1558.webp","thumb":"assets/thumb/ORG-1558.webp","palette":["#241D37","#0E0B14","#828D7A","#1E182D","#16131D","#3F3C47"],"palette_detail":[{"hex":"#241D37","pct":41.4},{"hex":"#0E0B14","pct":22.4},{"hex":"#828D7A","pct":19.7},{"hex":"#1E182D","pct":8.9},{"hex":"#16131D","pct":4.3},{"hex":"#3F3C47","pct":3.3}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1561","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home empty state · Hearth","description":"An empty state in Hearth: a ghosted stack of cards with an accent badge, the line \"No automations yet\", the explanation \"Turn lights off when you leave, or warm the house before you’re back.\" and a single button \"Create automation\". Idea: explain what will appear and offer exactly one next step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["empty-state"],"style":["minimal","illustration-led"],"tags":["empty-state","cta-button","smarthome","smart","home","bottom-nav"],"palette":["#0D0D0C","#2A1E17","#392C26","#161413","#241913","#D96838"],"palette_detail":[{"hex":"#0D0D0C","pct":44.6},{"hex":"#2A1E17","pct":30.2},{"hex":"#392C26","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":5.0},{"hex":"#D96838","pct":2.4}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-empty.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1561.webp","thumb":"assets/thumb/ORG-1561.webp","live":"originals/screens/gen-smarthome-empty.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1561.webp","thumb":"assets/thumb/ORG-1561.webp","palette":["#0D0D0C","#2A1E17","#392C26","#161413","#241913","#D96838"],"palette_detail":[{"hex":"#0D0D0C","pct":44.6},{"hex":"#2A1E17","pct":30.2},{"hex":"#392C26","pct":9.0},{"hex":"#161413","pct":8.7},{"hex":"#241913","pct":5.0},{"hex":"#D96838","pct":2.4}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1564.webp","thumb":"assets/thumb/ORG-1564.webp","palette":["#F6F8F5","#DCE9DF","#FDFEFC","#C7D2C9","#294035","#86948C"],"palette_detail":[{"hex":"#F6F8F5","pct":38.9},{"hex":"#DCE9DF","pct":37.5},{"hex":"#FDFEFC","pct":8.0},{"hex":"#C7D2C9","pct":6.8},{"hex":"#294035","pct":6.4},{"hex":"#86948C","pct":2.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1563.webp","thumb":"assets/thumb/ORG-1563.webp","palette":["#FBFAF7","#E4E2DA","#ECEAE5","#C8C7C4","#2D2D2D","#5C6CC1"],"palette_detail":[{"hex":"#FBFAF7","pct":46.4},{"hex":"#E4E2DA","pct":29.9},{"hex":"#ECEAE5","pct":9.6},{"hex":"#C8C7C4","pct":6.0},{"hex":"#2D2D2D","pct":4.9},{"hex":"#5C6CC1","pct":3.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1562.webp","thumb":"assets/thumb/ORG-1562.webp","palette":["#0E0C15","#241C36","#161320","#1E182C","#B4D83F","#3C3847"],"palette_detail":[{"hex":"#0E0C15","pct":44.6},{"hex":"#241C36","pct":36.5},{"hex":"#161320","pct":8.6},{"hex":"#1E182C","pct":6.1},{"hex":"#B4D83F","pct":2.2},{"hex":"#3C3847","pct":2.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1565","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home home · Hearth","description":"A visual home for Hearth (smart home). A scrolling chip row (All, Living room, Kitchen, Bedroom) leads to a large illustrated feature card, then \"Living room: 21.5°\" with an Open button and \"Heating to 22° · 18 min\", and three list rows above the tab bar. Idea: one featured item carries the mood, the list carries the work. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["home","dashboard"],"style":["card-based","rounded"],"tags":["chips","card","illustration","bottom-nav","smarthome","smart","home"],"palette":["#2A1D17","#0D0C0B","#9B6D55","#372C26","#191513","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":34.4},{"hex":"#0D0C0B","pct":32.5},{"hex":"#9B6D55","pct":11.7},{"hex":"#372C26","pct":10.5},{"hex":"#191513","pct":7.7},{"hex":"#11100F","pct":3.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-home.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1565.webp","thumb":"assets/thumb/ORG-1565.webp","live":"originals/screens/gen-smarthome-home.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1565.webp","thumb":"assets/thumb/ORG-1565.webp","palette":["#2A1D17","#0D0C0B","#9B6D55","#372C26","#191513","#11100F"],"palette_detail":[{"hex":"#2A1D17","pct":34.4},{"hex":"#0D0C0B","pct":32.5},{"hex":"#9B6D55","pct":11.7},{"hex":"#372C26","pct":10.5},{"hex":"#191513","pct":7.7},{"hex":"#11100F","pct":3.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1568.webp","thumb":"assets/thumb/ORG-1568.webp","palette":["#DDEAE0","#F5F8F4","#CADBCE","#A2BAAA","#FDFEFC","#2D3230"],"palette_detail":[{"hex":"#DDEAE0","pct":36.1},{"hex":"#F5F8F4","pct":30.9},{"hex":"#CADBCE","pct":13.3},{"hex":"#A2BAAA","pct":8.5},{"hex":"#FDFEFC","pct":5.7},{"hex":"#2D3230","pct":5.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1567.webp","thumb":"assets/thumb/ORG-1567.webp","palette":["#E6E4DC","#FBFAF7","#CDD1DE","#A1ADD0","#F1F1EF","#2F2F2F"],"palette_detail":[{"hex":"#E6E4DC","pct":36.5},{"hex":"#FBFAF7","pct":33.6},{"hex":"#CDD1DE","pct":12.3},{"hex":"#A1ADD0","pct":7.2},{"hex":"#F1F1EF","pct":5.3},{"hex":"#2F2F2F","pct":5.1}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1566.webp","thumb":"assets/thumb/ORG-1566.webp","palette":["#0E0B15","#221A34","#787C82","#2F2940","#1A1526","#15121C"],"palette_detail":[{"hex":"#0E0B15","pct":33.8},{"hex":"#221A34","pct":32.8},{"hex":"#787C82","pct":11.9},{"hex":"#2F2940","pct":10.7},{"hex":"#1A1526","pct":6.1},{"hex":"#15121C","pct":4.7}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1569","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home insights · Hearth","description":"An insights screen in Hearth. A Week selector sits beside the title; a card plots energy · kwh as an area line with Saturday highlighted under the figure 21.5° (Heating to 22° · 18 min); a progress ring shows 100% of days above usual; three tiles follow — Solar 21 kWh, Devices 14, Doors Locked. Idea: one trend, one ratio, then supporting numbers. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["dashboard"],"style":["data-dense","card-based"],"tags":["line-chart","progress-ring","stats","kpi","smarthome","smart","home","bottom-nav"],"palette":["#2A1D16","#0D0D0C","#181514","#382922","#221C19","#76594A"],"palette_detail":[{"hex":"#2A1D16","pct":31.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":19.3},{"hex":"#382922","pct":12.5},{"hex":"#221C19","pct":8.3},{"hex":"#76594A","pct":1.8}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-insights.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1569.webp","thumb":"assets/thumb/ORG-1569.webp","live":"originals/screens/gen-smarthome-insights.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1569.webp","thumb":"assets/thumb/ORG-1569.webp","palette":["#2A1D16","#0D0D0C","#181514","#382922","#221C19","#76594A"],"palette_detail":[{"hex":"#2A1D16","pct":31.5},{"hex":"#0D0D0C","pct":26.5},{"hex":"#181514","pct":19.3},{"hex":"#382922","pct":12.5},{"hex":"#221C19","pct":8.3},{"hex":"#76594A","pct":1.8}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1572.webp","thumb":"assets/thumb/ORG-1572.webp","palette":["#DFEBE2","#F5F7F4","#FEFEFE","#D1DED4","#2D2F2F","#95A39B"],"palette_detail":[{"hex":"#DFEBE2","pct":35.9},{"hex":"#F5F7F4","pct":24.1},{"hex":"#FEFEFE","pct":18.5},{"hex":"#D1DED4","pct":13.2},{"hex":"#2D2F2F","pct":5.0},{"hex":"#95A39B","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1571.webp","thumb":"assets/thumb/ORG-1571.webp","palette":["#FCFCFA","#DFDDD7","#E9E7E5","#F3F3F5","#2E2D2D","#9FA1AB"],"palette_detail":[{"hex":"#FCFCFA","pct":36.4},{"hex":"#DFDDD7","pct":28.2},{"hex":"#E9E7E5","pct":19.7},{"hex":"#F3F3F5","pct":6.8},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9FA1AB","pct":4.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1570.webp","thumb":"assets/thumb/ORG-1570.webp","palette":["#221A34","#0E0C14","#191423","#2C253C","#424737","#838C66"],"palette_detail":[{"hex":"#221A34","pct":34.4},{"hex":"#0E0C14","pct":26.3},{"hex":"#191423","pct":22.2},{"hex":"#2C253C","pct":12.0},{"hex":"#424737","pct":3.9},{"hex":"#838C66","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1573","kind":"image","category":"website","type":"screen","title":"Smart home landing hero · Hearth","description":"A desktop landing hero for Hearth. A slim nav with \"Get Hearth\" sits over a two-column hero: an eyebrow pill (\"Front door unlocked\"), the headline \"A home that just knows.\", \"Lights, heat and locks that follow your routine — and an off switch for all of it.\", primary \"Add a device\" and ghost CTAs and a rating line; the right column shows the app in a phone on a tinted panel. Idea: outcome headline, one primary action, the real product above the fold. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["landing-section","hero"],"style":["bold-typography","minimal"],"tags":["landing-page","hero","cta-button","desktop","smarthome","smart","home"],"palette":["#0E0D0C","#281D17","#372922","#191613","#0C0B0B","#AF613F"],"palette_detail":[{"hex":"#0E0D0C","pct":51.1},{"hex":"#281D17","pct":21.0},{"hex":"#372922","pct":16.7},{"hex":"#191613","pct":7.1},{"hex":"#0C0B0B","pct":2.7},{"hex":"#AF613F","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-landing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1573.webp","thumb":"assets/thumb/ORG-1573.webp","live":"originals/screens/gen-smarthome-landing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1573.webp","thumb":"assets/thumb/ORG-1573.webp","palette":["#0E0D0C","#281D17","#372922","#191613","#0C0B0B","#AF613F"],"palette_detail":[{"hex":"#0E0D0C","pct":51.1},{"hex":"#281D17","pct":21.0},{"hex":"#372922","pct":16.7},{"hex":"#191613","pct":7.1},{"hex":"#0C0B0B","pct":2.7},{"hex":"#AF613F","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1576.webp","thumb":"assets/thumb/ORG-1576.webp","palette":["#F5F7F4","#DAE7DD","#B9C6BC","#F8F9F7","#FEFEFE","#5B7F6D"],"palette_detail":[{"hex":"#F5F7F4","pct":50.1},{"hex":"#DAE7DD","pct":30.3},{"hex":"#B9C6BC","pct":8.0},{"hex":"#F8F9F7","pct":5.2},{"hex":"#FEFEFE","pct":3.9},{"hex":"#5B7F6D","pct":2.6}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1575.webp","thumb":"assets/thumb/ORG-1575.webp","palette":["#FAF9F6","#E9E8E4","#DADADB","#BCBBBC","#FEFEFD","#5E6AAA"],"palette_detail":[{"hex":"#FAF9F6","pct":54.3},{"hex":"#E9E8E4","pct":20.1},{"hex":"#DADADB","pct":14.0},{"hex":"#BCBBBC","pct":6.1},{"hex":"#FEFEFD","pct":3.9},{"hex":"#5E6AAA","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1574.webp","thumb":"assets/thumb/ORG-1574.webp","palette":["#0F0C16","#201930","#302D3C","#0E0B14","#98AC55","#090612"],"palette_detail":[{"hex":"#0F0C16","pct":51.1},{"hex":"#201930","pct":25.1},{"hex":"#302D3C","pct":17.7},{"hex":"#0E0B14","pct":3.0},{"hex":"#98AC55","pct":2.1},{"hex":"#090612","pct":1.0}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1577","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home device list · Hearth","description":"A two-column card grid of devices in Hearth. A chip row with \"Living room\" selected sits above six cards, each an illustrated tile with a title and value: Thermostat, Ceiling lights, Front door, Robot vacuum, Garden camera, Washer. Idea: a grid trades density for browsability when the visual matters. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","search"],"style":["minimal","card-based"],"tags":["grid","card","chips","illustration","smarthome","smart","home"],"palette":["#2A1D17","#0D0C0B","#855841","#3C2C24","#1B1513","#AB806A"],"palette_detail":[{"hex":"#2A1D17","pct":34.4},{"hex":"#0D0C0B","pct":28.4},{"hex":"#855841","pct":15.1},{"hex":"#3C2C24","pct":9.8},{"hex":"#1B1513","pct":6.7},{"hex":"#AB806A","pct":5.6}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-list.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1577.webp","thumb":"assets/thumb/ORG-1577.webp","live":"originals/screens/gen-smarthome-list.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1577.webp","thumb":"assets/thumb/ORG-1577.webp","palette":["#2A1D17","#0D0C0B","#855841","#3C2C24","#1B1513","#AB806A"],"palette_detail":[{"hex":"#2A1D17","pct":34.4},{"hex":"#0D0C0B","pct":28.4},{"hex":"#855841","pct":15.1},{"hex":"#3C2C24","pct":9.8},{"hex":"#1B1513","pct":6.7},{"hex":"#AB806A","pct":5.6}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1580.webp","thumb":"assets/thumb/ORG-1580.webp","palette":["#DCE9DF","#F6F8F5","#C9DECF","#B3CCBB","#2C2D2D","#799785"],"palette_detail":[{"hex":"#DCE9DF","pct":37.1},{"hex":"#F6F8F5","pct":27.5},{"hex":"#C9DECF","pct":13.7},{"hex":"#B3CCBB","pct":11.7},{"hex":"#2C2D2D","pct":5.2},{"hex":"#799785","pct":4.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1579.webp","thumb":"assets/thumb/ORG-1579.webp","palette":["#E0DDD6","#FAF9F6","#E7E7E6","#BECCF4","#8A94B9","#2D2D2D"],"palette_detail":[{"hex":"#E0DDD6","pct":28.1},{"hex":"#FAF9F6","pct":27.1},{"hex":"#E7E7E6","pct":17.5},{"hex":"#BECCF4","pct":15.8},{"hex":"#8A94B9","pct":6.1},{"hex":"#2D2D2D","pct":5.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1578.webp","thumb":"assets/thumb/ORG-1578.webp","palette":["#221A34","#0E0B14","#5F5E76","#302B3F","#181420","#8E9687"],"palette_detail":[{"hex":"#221A34","pct":33.8},{"hex":"#0E0B14","pct":28.0},{"hex":"#5F5E76","pct":15.4},{"hex":"#302B3F","pct":10.7},{"hex":"#181420","pct":6.3},{"hex":"#8E9687","pct":5.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1581","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home welcome · Hearth","description":"The first onboarding step of Hearth. Progress dots and Skip sit over a large illustrated panel; the headline reads \"A home that just knows.\", followed by \"Lights, heat and locks that follow your routine — and an off switch for all of it.\" and a full-width primary button \"Add a device\" with a log-in link. Idea: one promise, one visual, one action per step. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["onboarding"],"style":["minimal","illustration-led"],"tags":["welcome-screen","onboarding","cta-button","smarthome","smart","home"],"palette":["#2A1D17","#AE6C4C","#0E0D0C","#3A2B24","#1C1613","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":32.9},{"hex":"#AE6C4C","pct":23.4},{"hex":"#0E0D0C","pct":22.1},{"hex":"#3A2B24","pct":10.3},{"hex":"#1C1613","pct":6.5},{"hex":"#080909","pct":4.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-onboarding.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1581.webp","thumb":"assets/thumb/ORG-1581.webp","live":"originals/screens/gen-smarthome-onboarding.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1581.webp","thumb":"assets/thumb/ORG-1581.webp","palette":["#2A1D17","#AE6C4C","#0E0D0C","#3A2B24","#1C1613","#080909"],"palette_detail":[{"hex":"#2A1D17","pct":32.9},{"hex":"#AE6C4C","pct":23.4},{"hex":"#0E0D0C","pct":22.1},{"hex":"#3A2B24","pct":10.3},{"hex":"#1C1613","pct":6.5},{"hex":"#080909","pct":4.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1584.webp","thumb":"assets/thumb/ORG-1584.webp","palette":["#D8E6DC","#F7F9F6","#B9D2C1","#E3EEE6","#8DB39C","#284638"],"palette_detail":[{"hex":"#D8E6DC","pct":30.1},{"hex":"#F7F9F6","pct":24.8},{"hex":"#B9D2C1","pct":16.3},{"hex":"#E3EEE6","pct":11.6},{"hex":"#8DB39C","pct":9.8},{"hex":"#284638","pct":7.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1583.webp","thumb":"assets/thumb/ORG-1583.webp","palette":["#E6E3DC","#F9F8F6","#C6CDE1","#98AEF0","#333C6C","#FEFDFA"],"palette_detail":[{"hex":"#E6E3DC","pct":38.2},{"hex":"#F9F8F6","pct":21.4},{"hex":"#C6CDE1","pct":15.6},{"hex":"#98AEF0","pct":12.2},{"hex":"#333C6C","pct":7.8},{"hex":"#FEFDFA","pct":4.8}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1582.webp","thumb":"assets/thumb/ORG-1582.webp","palette":["#231B35","#0E0B14","#838F79","#312B3F","#17151D","#1D172D"],"palette_detail":[{"hex":"#231B35","pct":30.5},{"hex":"#0E0B14","pct":26.7},{"hex":"#838F79","pct":23.9},{"hex":"#312B3F","pct":9.6},{"hex":"#17151D","pct":4.7},{"hex":"#1D172D","pct":4.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1585","kind":"image","category":"website","type":"screen","title":"Smart home pricing · Hearth","description":"A desktop pricing section for Hearth with a Monthly/Yearly toggle and \"2 months free\". Three plans — Home €0 (20 devices, Scenes, Remote control); Plus €3 (Camera history 30 d, Energy insights, Unlimited devices); Pro €9 (Multiple homes, Installers, Priority support) — with Plus anchored: accent-filled, raised and tagged \"Most popular\"; a three-column FAQ (switching plans, the free trial, cancelling) closes the section. Idea: anchor one plan with fill and keep one filled button. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["pricing","landing-section"],"style":["bold-typography","card-based"],"tags":["pricing","plans","toggle","desktop","smarthome","smart","home"],"palette":["#0E0D0C","#2B1F18","#1A1614","#F1682D","#4B3D36","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F1682D","pct":6.3},{"hex":"#4B3D36","pct":2.7},{"hex":"#0A0A09","pct":1.7}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-pricing.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1585.webp","thumb":"assets/thumb/ORG-1585.webp","live":"originals/screens/gen-smarthome-pricing.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1585.webp","thumb":"assets/thumb/ORG-1585.webp","palette":["#0E0D0C","#2B1F18","#1A1614","#F1682D","#4B3D36","#0A0A09"],"palette_detail":[{"hex":"#0E0D0C","pct":48.6},{"hex":"#2B1F18","pct":23.2},{"hex":"#1A1614","pct":17.6},{"hex":"#F1682D","pct":6.3},{"hex":"#4B3D36","pct":2.7},{"hex":"#0A0A09","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1588.webp","thumb":"assets/thumb/ORG-1588.webp","palette":["#F5F7F4","#D9E5DC","#FFFFFF","#2C7D55","#AFBDB4","#FAFBFA"],"palette_detail":[{"hex":"#F5F7F4","pct":50.8},{"hex":"#D9E5DC","pct":22.9},{"hex":"#FFFFFF","pct":11.1},{"hex":"#2C7D55","pct":6.6},{"hex":"#AFBDB4","pct":5.9},{"hex":"#FAFBFA","pct":2.7}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1587.webp","thumb":"assets/thumb/ORG-1587.webp","palette":["#F9F9F6","#E3E0DA","#FEFFFF","#3553EF","#BBB9B6","#CCD2F6"],"palette_detail":[{"hex":"#F9F9F6","pct":51.7},{"hex":"#E3E0DA","pct":22.2},{"hex":"#FEFFFF","pct":12.6},{"hex":"#3553EF","pct":6.2},{"hex":"#BBB9B6","pct":5.6},{"hex":"#CCD2F6","pct":1.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1586.webp","thumb":"assets/thumb/ORG-1586.webp","palette":["#0F0C16","#231C35","#1A1523","#BAE23A","#434146","#15180D"],"palette_detail":[{"hex":"#0F0C16","pct":48.9},{"hex":"#231C35","pct":21.3},{"hex":"#1A1523","pct":18.5},{"hex":"#BAE23A","pct":6.6},{"hex":"#434146","pct":3.1},{"hex":"#15180D","pct":1.6}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1589","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home profile · Hearth","description":"A profile screen in Hearth for The Lin home (4 people · 14 devices). A ringed avatar, name and Edit/Share buttons sit centred over a three-up stat row — 14 Devices, 6 Scenes, 9% Less energy — and a card of recent items. Idea: identity first, stats as a compact row. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["profile"],"style":["card-based","rounded"],"tags":["avatar","stats","smarthome","smart","home","bottom-nav"],"palette":["#2A1E18","#0D0C0C","#1A1715","#3C302A","#151312","#CB7E57"],"palette_detail":[{"hex":"#2A1E18","pct":39.5},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":12.9},{"hex":"#3C302A","pct":7.2},{"hex":"#151312","pct":6.6},{"hex":"#CB7E57","pct":2.2}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-profile.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1589.webp","thumb":"assets/thumb/ORG-1589.webp","live":"originals/screens/gen-smarthome-profile.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1589.webp","thumb":"assets/thumb/ORG-1589.webp","palette":["#2A1E18","#0D0C0C","#1A1715","#3C302A","#151312","#CB7E57"],"palette_detail":[{"hex":"#2A1E18","pct":39.5},{"hex":"#0D0C0C","pct":31.5},{"hex":"#1A1715","pct":12.9},{"hex":"#3C302A","pct":7.2},{"hex":"#151312","pct":6.6},{"hex":"#CB7E57","pct":2.2}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1592.webp","thumb":"assets/thumb/ORG-1592.webp","palette":["#DFEBE1","#F6F8F5","#FEFFFE","#CFDBD2","#2B322F","#8AA194"],"palette_detail":[{"hex":"#DFEBE1","pct":35.8},{"hex":"#F6F8F5","pct":30.9},{"hex":"#FEFFFE","pct":13.0},{"hex":"#CFDBD2","pct":11.2},{"hex":"#2B322F","pct":5.2},{"hex":"#8AA194","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1591.webp","thumb":"assets/thumb/ORG-1591.webp","palette":["#E7E5DE","#F9F8F5","#FEFEFE","#D1CFCC","#2D2D2D","#7E87B5"],"palette_detail":[{"hex":"#E7E5DE","pct":39.2},{"hex":"#F9F8F5","pct":29.1},{"hex":"#FEFEFE","pct":14.7},{"hex":"#D1CFCC","pct":8.7},{"hex":"#2D2D2D","pct":4.9},{"hex":"#7E87B5","pct":3.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1590.webp","thumb":"assets/thumb/ORG-1590.webp","palette":["#231B35","#0E0B15","#191425","#342E42","#15111C","#99A276"],"palette_detail":[{"hex":"#231B35","pct":38.5},{"hex":"#0E0B15","pct":31.7},{"hex":"#191425","pct":15.0},{"hex":"#342E42","pct":7.8},{"hex":"#15111C","pct":4.7},{"hex":"#99A276","pct":2.4}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1593","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home schedule · Hearth","description":"A day schedule in Hearth. A week strip with Thursday selected sits under the title; a timeline lists six entries from 08:00 to 19:30 — 08:00 Thermostat, 09:30 Ceiling lights, 12:00 Front door, 14:30 Robot vacuum, 17:00 Garden camera, 19:30 Washer — the second highlighted in the accent. Idea: time on the left rail, one emphasised \"now\" block. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list"],"style":["card-based","minimal"],"tags":["calendar","schedule","timeline","week-strip","smarthome","smart","home"],"palette":["#0D0D0C","#291D16","#181514","#342821","#F4672A","#6A5D55"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.8},{"hex":"#181514","pct":16.1},{"hex":"#342821","pct":12.0},{"hex":"#F4672A","pct":3.4},{"hex":"#6A5D55","pct":2.0}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-schedule.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1593.webp","thumb":"assets/thumb/ORG-1593.webp","live":"originals/screens/gen-smarthome-schedule.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1593.webp","thumb":"assets/thumb/ORG-1593.webp","palette":["#0D0D0C","#291D16","#181514","#342821","#F4672A","#6A5D55"],"palette_detail":[{"hex":"#0D0D0C","pct":34.7},{"hex":"#291D16","pct":31.8},{"hex":"#181514","pct":16.1},{"hex":"#342821","pct":12.0},{"hex":"#F4672A","pct":3.4},{"hex":"#6A5D55","pct":2.0}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1596.webp","thumb":"assets/thumb/ORG-1596.webp","palette":["#D9E6DC","#F5F8F4","#FFFFFF","#294C3B","#FAFBF9","#96A49B"],"palette_detail":[{"hex":"#D9E6DC","pct":42.4},{"hex":"#F5F8F4","pct":27.6},{"hex":"#FFFFFF","pct":13.1},{"hex":"#294C3B","pct":8.1},{"hex":"#FAFBF9","pct":4.9},{"hex":"#96A49B","pct":3.9}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1595.webp","thumb":"assets/thumb/ORG-1595.webp","palette":["#E3E0DA","#F9F8F6","#FFFFFF","#2D3771","#FEFDFA","#9498B2"],"palette_detail":[{"hex":"#E3E0DA","pct":42.5},{"hex":"#F9F8F6","pct":28.2},{"hex":"#FFFFFF","pct":13.1},{"hex":"#2D3771","pct":7.5},{"hex":"#FEFDFA","pct":4.3},{"hex":"#9498B2","pct":4.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1594.webp","thumb":"assets/thumb/ORG-1594.webp","palette":["#0E0C15","#211A34","#191423","#2D263D","#BFEB33","#6D6C6E"],"palette_detail":[{"hex":"#0E0C15","pct":34.8},{"hex":"#211A34","pct":30.7},{"hex":"#191423","pct":16.8},{"hex":"#2D263D","pct":12.5},{"hex":"#BFEB33","pct":3.3},{"hex":"#6D6C6E","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1597","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home search · Hearth","description":"A search screen in Hearth: a focused field with a clear button, a chip row (All, Living room, Kitchen, Bedroom), recent searches as pills, \"Top results\" — Thermostat, Ceiling lights, Front door, Robot vacuum — and two more under \"Also matching\". Idea: the empty state of search is useful before you type. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["search","list"],"style":["minimal"],"tags":["search","chips","list-row","smarthome","smart","home"],"palette":["#0E0D0C","#2B1E17","#392D27","#231A16","#171514","#7E7A77"],"palette_detail":[{"hex":"#0E0D0C","pct":43.7},{"hex":"#2B1E17","pct":32.0},{"hex":"#392D27","pct":9.7},{"hex":"#231A16","pct":7.2},{"hex":"#171514","pct":5.5},{"hex":"#7E7A77","pct":1.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-search.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1597.webp","thumb":"assets/thumb/ORG-1597.webp","live":"originals/screens/gen-smarthome-search.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1597.webp","thumb":"assets/thumb/ORG-1597.webp","palette":["#0E0D0C","#2B1E17","#392D27","#231A16","#171514","#7E7A77"],"palette_detail":[{"hex":"#0E0D0C","pct":43.7},{"hex":"#2B1E17","pct":32.0},{"hex":"#392D27","pct":9.7},{"hex":"#231A16","pct":7.2},{"hex":"#171514","pct":5.5},{"hex":"#7E7A77","pct":1.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1600.webp","thumb":"assets/thumb/ORG-1600.webp","palette":["#F5F7F4","#DBE8DE","#BEC8C0","#FCFDFC","#2C2D2D","#898F8B"],"palette_detail":[{"hex":"#F5F7F4","pct":40.4},{"hex":"#DBE8DE","pct":40.3},{"hex":"#BEC8C0","pct":6.6},{"hex":"#FCFDFC","pct":5.3},{"hex":"#2C2D2D","pct":5.0},{"hex":"#898F8B","pct":2.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1599.webp","thumb":"assets/thumb/ORG-1599.webp","palette":["#FAF9F7","#E3E0DA","#ECEAE5","#C5C3BD","#2D2D2D","#8C8B89"],"palette_detail":[{"hex":"#FAF9F7","pct":43.5},{"hex":"#E3E0DA","pct":30.9},{"hex":"#ECEAE5","pct":12.2},{"hex":"#C5C3BD","pct":6.0},{"hex":"#2D2D2D","pct":5.0},{"hex":"#8C8B89","pct":2.4}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1598.webp","thumb":"assets/thumb/ORG-1598.webp","palette":["#0E0C15","#231C36","#1E192A","#363240","#16121E","#7F7B88"],"palette_detail":[{"hex":"#0E0C15","pct":43.5},{"hex":"#231C36","pct":36.6},{"hex":"#1E192A","pct":6.7},{"hex":"#363240","pct":6.1},{"hex":"#16121E","pct":5.3},{"hex":"#7F7B88","pct":1.8}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1601","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home settings · Hearth","description":"Settings for Hearth. An account row leads; grouped cards follow — Home: Away mode (off), Auto-lock at night (on), Geofencing (on); Alerts: Motion alerts (on), Energy tips (off). A red Sign out sits last. Idea: grouped toggles apply instantly; destructive actions live at the bottom. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["settings"],"style":["minimal","card-based"],"tags":["settings","toggle","list-row","smarthome","smart","home"],"palette":["#0E0D0C","#271C16","#181615","#2F231C","#544B46","#CE987E"],"palette_detail":[{"hex":"#0E0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.5},{"hex":"#2F231C","pct":15.7},{"hex":"#544B46","pct":1.9},{"hex":"#CE987E","pct":0.9}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-settings.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1601.webp","thumb":"assets/thumb/ORG-1601.webp","live":"originals/screens/gen-smarthome-settings.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1601.webp","thumb":"assets/thumb/ORG-1601.webp","palette":["#0E0D0C","#271C16","#181615","#2F231C","#544B46","#CE987E"],"palette_detail":[{"hex":"#0E0D0C","pct":31.7},{"hex":"#271C16","pct":29.2},{"hex":"#181615","pct":20.5},{"hex":"#2F231C","pct":15.7},{"hex":"#544B46","pct":1.9},{"hex":"#CE987E","pct":0.9}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1604.webp","thumb":"assets/thumb/ORG-1604.webp","palette":["#F6F8F5","#E2EDE4","#D6E3D9","#FFFFFE","#2C312F","#9EA9A1"],"palette_detail":[{"hex":"#F6F8F5","pct":29.7},{"hex":"#E2EDE4","pct":23.7},{"hex":"#D6E3D9","pct":20.4},{"hex":"#FFFFFE","pct":17.2},{"hex":"#2C312F","pct":5.1},{"hex":"#9EA9A1","pct":3.8}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1603.webp","thumb":"assets/thumb/ORG-1603.webp","palette":["#E9E7E0","#F9F8F6","#FEFEFE","#DEDBD4","#2E2D2D","#9B9DAC"],"palette_detail":[{"hex":"#E9E7E0","pct":28.5},{"hex":"#F9F8F6","pct":27.8},{"hex":"#FEFEFE","pct":19.1},{"hex":"#DEDBD4","pct":16.0},{"hex":"#2E2D2D","pct":4.9},{"hex":"#9B9DAC","pct":3.7}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1602.webp","thumb":"assets/thumb/ORG-1602.webp","palette":["#231C36","#0E0C15","#181423","#1D172C","#383246","#AFB98D"],"palette_detail":[{"hex":"#231C36","pct":38.5},{"hex":"#0E0C15","pct":31.7},{"hex":"#181423","pct":18.8},{"hex":"#1D172C","pct":6.1},{"hex":"#383246","pct":3.7},{"hex":"#AFB98D","pct":1.2}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1605","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home confirmation · Hearth","description":"A success screen in Hearth after \"Add scene\". A large accent check with two soft halos sits over \"All set!\" and a confirmation line; a receipt card lists Name Movie night; Lights 20% warm; Blinds Closed and the total 4 devices; an \"Add to calendar\" reminder row follows; Done and Share receipt close the screen. Idea: celebrate briefly, then show exactly what happened. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["checkout"],"style":["minimal","rounded"],"tags":["success","receipt","cta-button","smarthome","smart","home"],"palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":33.6},{"hex":"#0D0D0C","pct":31.3},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.7}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-success.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1605.webp","thumb":"assets/thumb/ORG-1605.webp","live":"originals/screens/gen-smarthome-success.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1605.webp","thumb":"assets/thumb/ORG-1605.webp","palette":["#291D16","#0D0D0C","#191614","#362720","#F9682A","#70635C"],"palette_detail":[{"hex":"#291D16","pct":33.6},{"hex":"#0D0D0C","pct":31.3},{"hex":"#191614","pct":15.5},{"hex":"#362720","pct":13.1},{"hex":"#F9682A","pct":4.8},{"hex":"#70635C","pct":1.7}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1608.webp","thumb":"assets/thumb/ORG-1608.webp","palette":["#DCE8DE","#F5F7F4","#FEFEFE","#26523D","#BFCCC3","#819288"],"palette_detail":[{"hex":"#DCE8DE","pct":40.0},{"hex":"#F5F7F4","pct":28.2},{"hex":"#FEFEFE","pct":12.8},{"hex":"#26523D","pct":9.4},{"hex":"#BFCCC3","pct":7.0},{"hex":"#819288","pct":2.5}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1607.webp","thumb":"assets/thumb/ORG-1607.webp","palette":["#E6E3DD","#F9F8F5","#FEFEFD","#2D3C8C","#C7C6C9","#888B9C"],"palette_detail":[{"hex":"#E6E3DD","pct":40.1},{"hex":"#F9F8F5","pct":28.6},{"hex":"#FEFEFD","pct":13.3},{"hex":"#2D3C8C","pct":9.5},{"hex":"#C7C6C9","pct":6.2},{"hex":"#888B9C","pct":2.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1606.webp","thumb":"assets/thumb/ORG-1606.webp","palette":["#221A34","#0E0C15","#1A1622","#302B3B","#C3F032","#787A6F"],"palette_detail":[{"hex":"#221A34","pct":34.9},{"hex":"#0E0C15","pct":31.5},{"hex":"#1A1622","pct":15.9},{"hex":"#302B3B","pct":11.5},{"hex":"#C3F032","pct":4.7},{"hex":"#787A6F","pct":1.5}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1609","kind":"image","category":"mobile-app-ui","type":"screen","title":"Smart home support chat · Hearth","description":"A support conversation inside Hearth. The header shows the support avatar and \"Typically replies in 2 min\"; a short help intro with two article rows sits above the thread, which is anchored to the composer. The user asks about Thermostat, the agent replies, a context card shows Thermostat (Living room · heating, 21.5°), a follow-up asks support to check it, a typing indicator and two quick-reply chips sit above an anchored composer. Idea: show the object being discussed inside the thread. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["chat"],"style":["minimal","rounded"],"tags":["chat","messaging","chips","input","smarthome","smart","home"],"palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#665E5A"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#352922","pct":11.9},{"hex":"#EC6329","pct":6.4},{"hex":"#665E5A","pct":2.3}],"w":960,"h":1600,"orientation":"portrait","aspect":0.6,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-support.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1609.webp","thumb":"assets/thumb/ORG-1609.webp","live":"originals/screens/gen-smarthome-support.html","viewport":"phone","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1609.webp","thumb":"assets/thumb/ORG-1609.webp","palette":["#291D16","#0D0C0C","#191615","#352922","#EC6329","#665E5A"],"palette_detail":[{"hex":"#291D16","pct":34.6},{"hex":"#0D0C0C","pct":30.0},{"hex":"#191615","pct":14.8},{"hex":"#352922","pct":11.9},{"hex":"#EC6329","pct":6.4},{"hex":"#665E5A","pct":2.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1612.webp","thumb":"assets/thumb/ORG-1612.webp","palette":["#DBE8DE","#F5F7F4","#FEFEFD","#27543E","#BBC7BE","#779786"],"palette_detail":[{"hex":"#DBE8DE","pct":39.9},{"hex":"#F5F7F4","pct":28.0},{"hex":"#FEFEFD","pct":12.5},{"hex":"#27543E","pct":9.8},{"hex":"#BBC7BE","pct":6.4},{"hex":"#779786","pct":3.4}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1611.webp","thumb":"assets/thumb/ORG-1611.webp","palette":["#E5E3DC","#F9F8F5","#FEFEFD","#B7B7B6","#3D59F0","#2E2E2E"],"palette_detail":[{"hex":"#E5E3DC","pct":41.0},{"hex":"#F9F8F5","pct":27.8},{"hex":"#FEFEFD","pct":12.7},{"hex":"#B7B7B6","pct":7.3},{"hex":"#3D59F0","pct":6.3},{"hex":"#2E2E2E","pct":5.0}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1610.webp","thumb":"assets/thumb/ORG-1610.webp","palette":["#221A34","#0E0B15","#191523","#2D273F","#BDE830","#6A6E59"],"palette_detail":[{"hex":"#221A34","pct":34.0},{"hex":"#0E0B15","pct":30.1},{"hex":"#191523","pct":15.5},{"hex":"#2D273F","pct":11.6},{"hex":"#BDE830","pct":5.9},{"hex":"#6A6E59","pct":2.9}],"scheme":"dark","name":"Grape"}}},{"id":"ORG-1613","kind":"image","category":"dashboard","type":"screen","title":"Smart home device table · Hearth","description":"A desktop table of devices in Hearth. A title row with Export and \"New device\", a strip of four KPI tiles, a search field and filter dropdowns (Living room, Kitchen, Bedroom) sit above a table with name, details, status (Online / Idle) and value columns — Thermostat, Ceiling lights, Front door, Robot vacuum, Garden camera, Washer. Pagination closes the card. Idea: tables carry the data; chrome recedes. Built on the kit tokens — it ships in four themes (Ember, Mint, Ink, Grape) from one source file.","roles":["list","dashboard"],"style":["data-dense","minimal"],"tags":["data-table","filters","desktop","smarthome","smart","home"],"palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7B5F53"],"palette_detail":[{"hex":"#181615","pct":37.7},{"hex":"#0E0D0C","pct":30.8},{"hex":"#271C15","pct":17.2},{"hex":"#342822","pct":9.1},{"hex":"#131211","pct":3.9},{"hex":"#7B5F53","pct":1.3}],"w":1600,"h":1060,"orientation":"landscape","aspect":1.5094,"synthetic":false,"original":true,"license":"MIT","source_html":"originals/screens/gen-smarthome-table.html","quality":"Rendered from code at 2×; open it live to interact and switch themes.","src":"assets/img/ORG-1613.webp","thumb":"assets/thumb/ORG-1613.webp","live":"originals/screens/gen-smarthome-table.html","viewport":"desktop","themes":["ember","mint","ink","grape"],"variants":{"ember":{"src":"assets/img/ORG-1613.webp","thumb":"assets/thumb/ORG-1613.webp","palette":["#181615","#0E0D0C","#271C15","#342822","#131211","#7B5F53"],"palette_detail":[{"hex":"#181615","pct":37.7},{"hex":"#0E0D0C","pct":30.8},{"hex":"#271C15","pct":17.2},{"hex":"#342822","pct":9.1},{"hex":"#131211","pct":3.9},{"hex":"#7B5F53","pct":1.3}],"scheme":"dark","name":"Ember"},"mint":{"src":"assets/img/ORG-1616.webp","thumb":"assets/thumb/ORG-1616.webp","palette":["#F6F8F5","#FFFFFF","#DEEAE1","#CAD6CC","#FDFDFD","#A4B3A9"],"palette_detail":[{"hex":"#F6F8F5","pct":35.9},{"hex":"#FFFFFF","pct":30.3},{"hex":"#DEEAE1","pct":16.0},{"hex":"#CAD6CC","pct":7.9},{"hex":"#FDFDFD","pct":6.6},{"hex":"#A4B3A9","pct":3.3}],"scheme":"light","name":"Mint"},"ink":{"src":"assets/img/ORG-1615.webp","thumb":"assets/thumb/ORG-1615.webp","palette":["#F9F8F6","#FFFFFF","#E4E2DB","#FDFDFD","#C1BFBB","#5769C9"],"palette_detail":[{"hex":"#F9F8F6","pct":36.0},{"hex":"#FFFFFF","pct":25.3},{"hex":"#E4E2DB","pct":20.3},{"hex":"#FDFDFD","pct":11.5},{"hex":"#C1BFBB","pct":6.5},{"hex":"#5769C9","pct":0.3}],"scheme":"light","name":"Ink"},"grape":{"src":"assets/img/ORG-1614.webp","thumb":"assets/thumb/ORG-1614.webp","palette":["#191424","#0F0C16","#211A33","#2E283E","#14101D","#757B5D"],"palette_detail":[{"hex":"#191424","pct":39.1},{"hex":"#0F0C16","pct":30.9},{"hex":"#211A33","pct":16.6},{"hex":"#2E283E","pct":8.4},{"hex":"#14101D","pct":3.9},{"hex":"#757B5D","pct":1.2}],"scheme":"dark","name":"Grape"}}}],"printed_palettes":{},"palette_order":[],"themes":{"ember":{"name":"Ember","scheme":"dark","roles":{"background":"#0E0D0C","surface":"#181615","text":"#F4EFEA","muted":"#A39B93","accent":"#FF6A2B","on_accent":"#1A0C05","scheme":"dark"}},"mint":{"name":"Mint","scheme":"light","roles":{"background":"#F6F8F5","surface":"#FFFFFF","text":"#14201A","muted":"#5E6B63","accent":"#1F7A4D","on_accent":"#FFFFFF","scheme":"light"}},"ink":{"name":"Ink","scheme":"light","roles":{"background":"#FAF9F6","surface":"#FFFFFF","text":"#111111","muted":"#66625B","accent":"#2B4BF2","on_accent":"#FFFFFF","scheme":"light"}},"grape":{"name":"Grape","scheme":"dark","roles":{"background":"#0F0C16","surface":"#191424","text":"#F1EEF8","muted":"#9C94B0","accent":"#C6F432","on_accent":"#11140A","scheme":"dark"}}}}