{ "version": "1.0", "name": "ArtQR Mini-App Style Selector", "children": [ { "type": "text", "id": "label-default", "name": "_flow_label_Screen Default", "content": "Screen Default — No Selection", "fontFamily": "Inter", "fontSize": 14, "fontWeight": 600, "fill": "#94a3b8", "children": [], "x": 0, "y": -30, "width": 300, "height": 20 }, { "type": "frame", "id": "screen-default", "name": "Screen Default — No Selection", "x": 0, "y": 0, "width": 390, "height": 720, "fill": "#ffffff", "padding": 0, "layout": "vertical", "gap": 0, "children": [ { "type": "frame", "id": "header-default", "name": "MiniAppHeader", "width": 390, "height": 56, "fill": "#ffffff", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "header-title", "content": "🎨 Стили QR", "fontFamily": "Inter", "fontSize": 17, "fontWeight": 600, "fill": "#000000", "children": [], "width": 250, "height": 24 }, { "type": "frame", "id": "plan-badge-free", "name": "PlanBadge Free", "width": 58, "height": 24, "fill": "#f1f5f9", "cornerRadius": 12, "paddingTop": 4, "paddingBottom": 4, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "badge-free-text", "content": "Free", "fontFamily": "Inter", "fontSize": 12, "fontWeight": 600, "fill": "#64748b", "children": [], "width": 38, "height": 16 } ] } ] }, { "type": "frame", "id": "divider-1", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "styles-scroll-area", "name": "StyleGrid", "width": 390, "height": 512, "fill": "#f8fafc", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "row-1", "name": "GridRow1", "width": 358, "height": 178, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "card-cyberpunk", "name": "StyleCard Cyberpunk", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-cyberpunk", "name": "QRPreview", "width": 149, "height": 120, "fill": "#0f0f23", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-cyber", "content": "⚡", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#00f0ff", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-cyber", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#00f0ff", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-cyberpunk", "content": "Кибернет", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] }, { "type": "frame", "id": "card-watercolor", "name": "StyleCard Watercolor", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-watercolor", "name": "QRPreview", "width": 149, "height": 120, "fill": "#fef9f0", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-water", "content": "🎨", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#e879a0", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-water", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#e879a0", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-watercolor", "content": "Акварель", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] } ] }, { "type": "frame", "id": "row-2", "name": "GridRow2", "width": 358, "height": 178, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "card-forest", "name": "StyleCard Forest", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-forest", "name": "QRPreview", "width": 149, "height": 120, "fill": "#f0fdf4", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-forest", "content": "🌿", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#16a34a", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-forest", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#16a34a", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-forest", "content": "Природа", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] }, { "type": "frame", "id": "card-minimal", "name": "StyleCard Minimal", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-minimal", "name": "QRPreview", "width": 149, "height": 120, "fill": "#f8fafc", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-minimal", "content": "◼", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#0f172a", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-minimal", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#334155", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-minimal", "content": "Минимал", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] } ] }, { "type": "frame", "id": "row-3", "name": "GridRow3 — Retro + Neon", "width": 358, "height": 104, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "card-retro", "name": "StyleCard Retro", "width": 173, "height": 100, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 10, "paddingBottom": 10, "paddingLeft": 12, "paddingRight": 12, "layout": "horizontal", "gap": 10, "children": [ { "type": "frame", "id": "qr-retro-mini", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#fef3c7", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 12, "paddingBottom": 8, "paddingLeft": 0, "paddingRight": 0, "children": [ { "type": "text", "id": "qr-icon-retro", "content": "🕹️", "fontFamily": "Inter", "fontSize": 22, "fontWeight": 400, "fill": "#d97706", "children": [], "width": 72, "height": 30, "textAlign": "center" }, { "type": "text", "id": "qr-dots-retro", "content": "██ ██\n ██ \n██ ██", "fontFamily": "Inter", "fontSize": 7, "fontWeight": 400, "fill": "#d97706", "children": [], "width": 72, "height": 30, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-retro", "content": "Ретро", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 75, "height": 18 } ] }, { "type": "frame", "id": "card-neon", "name": "StyleCard Neon", "width": 173, "height": 100, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 10, "paddingBottom": 10, "paddingLeft": 12, "paddingRight": 12, "layout": "horizontal", "gap": 10, "children": [ { "type": "frame", "id": "qr-neon-mini", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#0d0d0d", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 12, "paddingBottom": 8, "paddingLeft": 0, "paddingRight": 0, "children": [ { "type": "text", "id": "qr-icon-neon", "content": "💡", "fontFamily": "Inter", "fontSize": 22, "fontWeight": 400, "fill": "#a855f7", "children": [], "width": 72, "height": 30, "textAlign": "center" }, { "type": "text", "id": "qr-dots-neon", "content": "██ ██\n ██ \n██ ██", "fontFamily": "Inter", "fontSize": 7, "fontWeight": 400, "fill": "#a855f7", "children": [], "width": 72, "height": 30, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-neon", "content": "Неон", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 75, "height": 18 } ] } ] } ] }, { "type": "frame", "id": "divider-2", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "custom-style-btn", "name": "CustomStyleButton Pro-locked", "width": 390, "height": 52, "fill": "#ffffff", "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 8, "children": [ { "type": "text", "id": "custom-btn-icon", "content": "+ Свой стиль", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 500, "fill": "#94a3b8", "children": [], "width": 200, "height": 22 }, { "type": "frame", "id": "pro-lock-badge", "name": "PlanBadge Pro", "width": 48, "height": 22, "fill": "#fef3c7", "cornerRadius": 11, "paddingTop": 4, "paddingBottom": 4, "paddingLeft": 8, "paddingRight": 8, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "pro-lock-text", "content": "Pro", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 700, "fill": "#d97706", "children": [], "width": 32, "height": 14 } ] } ] }, { "type": "frame", "id": "divider-3", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "footer-default", "name": "FooterActions", "width": 390, "height": 88, "fill": "#ffffff", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "btn-close", "name": "SecondaryButton Close", "width": 163, "height": 52, "fill": "#f1f5f9", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "btn-close-text", "content": "Закрыть", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 500, "fill": "#475569", "children": [], "width": 143, "height": 24, "textAlign": "center" } ] }, { "type": "frame", "id": "btn-subscription", "name": "PrimaryButton Subscription", "width": 163, "height": 52, "fill": "#2563eb", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "btn-subscription-text", "content": "Подписка ⭐", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 600, "fill": "#ffffff", "children": [], "width": 143, "height": 24, "textAlign": "center" } ] } ] } ] }, { "type": "text", "id": "label-active", "name": "_flow_label_Screen Active", "content": "Screen Active — Cyberpunk Selected", "fontFamily": "Inter", "fontSize": 14, "fontWeight": 600, "fill": "#94a3b8", "children": [], "x": 430, "y": -30, "width": 340, "height": 20 }, { "type": "frame", "id": "screen-active", "name": "Screen Active — Cyberpunk Selected", "x": 430, "y": 0, "width": 390, "height": 720, "fill": "#ffffff", "padding": 0, "layout": "vertical", "gap": 0, "children": [ { "type": "frame", "id": "header-active", "name": "MiniAppHeader", "width": 390, "height": 56, "fill": "#ffffff", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "header-title-active", "content": "🎨 Стили QR", "fontFamily": "Inter", "fontSize": 17, "fontWeight": 600, "fill": "#000000", "children": [], "width": 250, "height": 24 }, { "type": "frame", "id": "plan-badge-hobby", "name": "PlanBadge Hobby", "width": 66, "height": 24, "fill": "#eff6ff", "cornerRadius": 12, "paddingTop": 4, "paddingBottom": 4, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "badge-hobby-text", "content": "Hobby", "fontFamily": "Inter", "fontSize": 12, "fontWeight": 600, "fill": "#2563eb", "children": [], "width": 46, "height": 16 } ] } ] }, { "type": "frame", "id": "divider-active-1", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "styles-grid-active", "name": "StyleGrid", "width": 390, "height": 512, "fill": "#f8fafc", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "row-active-1", "name": "GridRow1", "width": 358, "height": 178, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "card-cyberpunk-active", "name": "StyleCard Cyberpunk ACTIVE", "width": 173, "height": 178, "fill": "#eff6ff", "cornerRadius": 12, "stroke": "#2563eb", "strokeWidth": 2, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-cyber-active", "name": "QRPreview", "width": 149, "height": 116, "fill": "#0f0f23", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 12, "paddingBottom": 8, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-cyber-active", "content": "⚡", "fontFamily": "Inter", "fontSize": 24, "fontWeight": 400, "fill": "#00f0ff", "children": [], "width": 117, "height": 32, "textAlign": "center" }, { "type": "text", "id": "check-badge", "content": "✓ Выбрано", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 700, "fill": "#00f0ff", "children": [], "width": 117, "height": 16, "textAlign": "center" }, { "type": "text", "id": "qr-dots-cyber-active", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#00f0ff", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-cyber-active", "content": "Кибернет", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 600, "fill": "#1d4ed8", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] }, { "type": "frame", "id": "card-watercolor-inactive", "name": "StyleCard Watercolor", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-water-inactive", "name": "QRPreview", "width": 149, "height": 120, "fill": "#fef9f0", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-water-inactive", "content": "🎨", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#e879a0", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-water-inactive", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#e879a0", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-water-inactive", "content": "Акварель", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] } ] }, { "type": "frame", "id": "row-active-2", "name": "GridRow2", "width": 358, "height": 178, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "card-forest-active", "name": "StyleCard Forest", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-forest-active", "name": "QRPreview", "width": 149, "height": 120, "fill": "#f0fdf4", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-forest-active", "content": "🌿", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#16a34a", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-forest-active", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#16a34a", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-forest-active", "content": "Природа", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] }, { "type": "frame", "id": "card-minimal-active", "name": "StyleCard Minimal", "width": 173, "height": 178, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 12, "paddingRight": 12, "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "qr-preview-minimal-active", "name": "QRPreview", "width": 149, "height": 120, "fill": "#f8fafc", "cornerRadius": 8, "layout": "vertical", "gap": 4, "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "children": [ { "type": "text", "id": "qr-icon-minimal-active", "content": "◼", "fontFamily": "Inter", "fontSize": 28, "fontWeight": 400, "fill": "#0f172a", "children": [], "width": 117, "height": 40, "textAlign": "center" }, { "type": "text", "id": "qr-dots-minimal-active", "content": "█▀▄ ▄█▄\n▀ ▀▄▀ ▀\n█▄▀ ▀▄█", "fontFamily": "Inter", "fontSize": 9, "fontWeight": 400, "fill": "#334155", "children": [], "width": 117, "height": 44, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-minimal-active", "content": "Минимал", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 149, "height": 18, "textAlign": "center" } ] } ] }, { "type": "frame", "id": "row-active-3", "name": "GridRow3", "width": 358, "height": 104, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "card-retro-active", "name": "StyleCard Retro", "width": 173, "height": 100, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 10, "paddingBottom": 10, "paddingLeft": 12, "paddingRight": 12, "layout": "horizontal", "gap": 10, "children": [ { "type": "frame", "id": "qr-retro-mini-2", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#fef3c7", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 12, "paddingLeft": 0, "paddingRight": 0, "paddingBottom": 8, "children": [ { "type": "text", "id": "qr-icon-retro-2", "content": "🕹️", "fontFamily": "Inter", "fontSize": 22, "fontWeight": 400, "fill": "#d97706", "children": [], "width": 72, "height": 30, "textAlign": "center" }, { "type": "text", "id": "qr-dots-retro-2", "content": "██ ██\n ██ \n██ ██", "fontFamily": "Inter", "fontSize": 7, "fontWeight": 400, "fill": "#d97706", "children": [], "width": 72, "height": 30, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-retro-2", "content": "Ретро", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 75, "height": 18 } ] }, { "type": "frame", "id": "card-neon-active", "name": "StyleCard Neon", "width": 173, "height": 100, "fill": "#ffffff", "cornerRadius": 12, "paddingTop": 10, "paddingBottom": 10, "paddingLeft": 12, "paddingRight": 12, "layout": "horizontal", "gap": 10, "children": [ { "type": "frame", "id": "qr-neon-mini-2", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#0d0d0d", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 12, "paddingLeft": 0, "paddingRight": 0, "paddingBottom": 8, "children": [ { "type": "text", "id": "qr-icon-neon-2", "content": "💡", "fontFamily": "Inter", "fontSize": 22, "fontWeight": 400, "fill": "#a855f7", "children": [], "width": 72, "height": 30, "textAlign": "center" }, { "type": "text", "id": "qr-dots-neon-2", "content": "██ ██\n ██ \n██ ██", "fontFamily": "Inter", "fontSize": 7, "fontWeight": 400, "fill": "#a855f7", "children": [], "width": 72, "height": 30, "textAlign": "center" } ] }, { "type": "text", "id": "card-label-neon-2", "content": "Неон", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 75, "height": 18 } ] } ] } ] }, { "type": "frame", "id": "divider-active-2", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "custom-style-btn-active", "name": "CustomStyleButton", "width": 390, "height": 52, "fill": "#ffffff", "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 8, "children": [ { "type": "text", "id": "custom-btn-text-a", "content": "+ Свой стиль", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 500, "fill": "#94a3b8", "children": [], "width": 200, "height": 22 }, { "type": "frame", "id": "pro-badge-a", "name": "PlanBadge Pro", "width": 48, "height": 22, "fill": "#fef3c7", "cornerRadius": 11, "paddingTop": 4, "paddingBottom": 4, "paddingLeft": 8, "paddingRight": 8, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "pro-badge-text-a", "content": "Pro", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 700, "fill": "#d97706", "children": [], "width": 32, "height": 14 } ] } ] }, { "type": "frame", "id": "divider-active-3", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "footer-active", "name": "FooterActions", "width": 390, "height": 88, "fill": "#ffffff", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "btn-close-active", "name": "SecondaryButton", "width": 163, "height": 52, "fill": "#f1f5f9", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "btn-close-text-a", "content": "Закрыть", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 500, "fill": "#475569", "children": [], "width": 143, "height": 24, "textAlign": "center" } ] }, { "type": "frame", "id": "btn-save-active", "name": "PrimaryButton Save", "width": 163, "height": 52, "fill": "#2563eb", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "btn-save-text", "content": "Сохранить ✓", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 600, "fill": "#ffffff", "children": [], "width": 143, "height": 24, "textAlign": "center" } ] } ] } ] }, { "type": "text", "id": "label-form", "name": "_flow_label_Screen Custom Form", "content": "Screen Custom Form — Pro Flow", "fontFamily": "Inter", "fontSize": 14, "fontWeight": 600, "fill": "#94a3b8", "children": [], "x": 860, "y": -30, "width": 300, "height": 20 }, { "type": "frame", "id": "screen-custom-form", "name": "Screen Custom Form — Pro Flow", "x": 860, "y": 0, "width": 390, "height": 720, "fill": "#f8fafc", "padding": 0, "layout": "vertical", "gap": 0, "children": [ { "type": "frame", "id": "header-form", "name": "MiniAppHeader", "width": 390, "height": 56, "fill": "#ffffff", "paddingTop": 16, "paddingBottom": 16, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "header-title-form", "content": "🎨 Стили QR", "fontFamily": "Inter", "fontSize": 17, "fontWeight": 600, "fill": "#000000", "children": [], "width": 250, "height": 24 }, { "type": "frame", "id": "plan-badge-pro", "name": "PlanBadge Pro", "width": 66, "height": 24, "fill": "#fef3c7", "cornerRadius": 12, "paddingTop": 4, "paddingBottom": 4, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 4, "children": [ { "type": "text", "id": "badge-pro-text", "content": "⭐ Pro", "fontFamily": "Inter", "fontSize": 12, "fontWeight": 700, "fill": "#d97706", "children": [], "width": 46, "height": 16 } ] } ] }, { "type": "frame", "id": "divider-form-0", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "grid-compact", "name": "StyleGrid Compact", "width": 390, "height": 128, "fill": "#f8fafc", "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 16, "paddingRight": 16, "layout": "horizontal", "gap": 10, "children": [ { "type": "frame", "id": "mini-card-1", "name": "StyleCard mini Cyberpunk", "width": 88, "height": 104, "fill": "#ffffff", "cornerRadius": 10, "paddingTop": 8, "paddingBottom": 8, "paddingLeft": 8, "paddingRight": 8, "layout": "vertical", "gap": 6, "children": [ { "type": "frame", "id": "mini-qr-1", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#0f0f23", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 16, "paddingLeft": 0, "paddingRight": 0, "paddingBottom": 0, "children": [ { "type": "text", "id": "icon-mini-1", "content": "⚡", "fontFamily": "Inter", "fontSize": 20, "fontWeight": 400, "fill": "#00f0ff", "children": [], "width": 72, "height": 56, "textAlign": "center" } ] }, { "type": "text", "id": "label-mini-1", "content": "Cyber", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 72, "height": 14, "textAlign": "center" } ] }, { "type": "frame", "id": "mini-card-2", "name": "StyleCard mini Watercolor", "width": 88, "height": 104, "fill": "#ffffff", "cornerRadius": 10, "paddingTop": 8, "paddingBottom": 8, "paddingLeft": 8, "paddingRight": 8, "layout": "vertical", "gap": 6, "children": [ { "type": "frame", "id": "mini-qr-2", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#fef9f0", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 16, "paddingLeft": 0, "paddingRight": 0, "paddingBottom": 0, "children": [ { "type": "text", "id": "icon-mini-2", "content": "🎨", "fontFamily": "Inter", "fontSize": 20, "fontWeight": 400, "fill": "#e879a0", "children": [], "width": 72, "height": 56, "textAlign": "center" } ] }, { "type": "text", "id": "label-mini-2", "content": "Аква", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 72, "height": 14, "textAlign": "center" } ] }, { "type": "frame", "id": "mini-card-3", "name": "StyleCard mini Forest", "width": 88, "height": 104, "fill": "#ffffff", "cornerRadius": 10, "paddingTop": 8, "paddingBottom": 8, "paddingLeft": 8, "paddingRight": 8, "layout": "vertical", "gap": 6, "children": [ { "type": "frame", "id": "mini-qr-3", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#f0fdf4", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 16, "paddingLeft": 0, "paddingRight": 0, "paddingBottom": 0, "children": [ { "type": "text", "id": "icon-mini-3", "content": "🌿", "fontFamily": "Inter", "fontSize": 20, "fontWeight": 400, "fill": "#16a34a", "children": [], "width": 72, "height": 56, "textAlign": "center" } ] }, { "type": "text", "id": "label-mini-3", "content": "Лес", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 72, "height": 14, "textAlign": "center" } ] }, { "type": "frame", "id": "mini-card-4", "name": "StyleCard mini Minimal", "width": 88, "height": 104, "fill": "#ffffff", "cornerRadius": 10, "paddingTop": 8, "paddingBottom": 8, "paddingLeft": 8, "paddingRight": 8, "layout": "vertical", "gap": 6, "children": [ { "type": "frame", "id": "mini-qr-4", "name": "QRPreview mini", "width": 72, "height": 72, "fill": "#f8fafc", "cornerRadius": 6, "layout": "vertical", "gap": 0, "paddingTop": 16, "paddingLeft": 0, "paddingRight": 0, "paddingBottom": 0, "children": [ { "type": "text", "id": "icon-mini-4", "content": "◼", "fontFamily": "Inter", "fontSize": 20, "fontWeight": 400, "fill": "#0f172a", "children": [], "width": 72, "height": 56, "textAlign": "center" } ] }, { "type": "text", "id": "label-mini-4", "content": "Мини", "fontFamily": "Inter", "fontSize": 11, "fontWeight": 500, "fill": "#0f172a", "children": [], "width": 72, "height": 14, "textAlign": "center" } ] } ] }, { "type": "frame", "id": "divider-form-1", "name": "Divider", "width": 390, "height": 1, "fill": "#e2e8f0", "children": [] }, { "type": "frame", "id": "custom-form-panel", "name": "CustomStyleForm", "width": 390, "height": 448, "fill": "#ffffff", "paddingTop": 20, "paddingBottom": 20, "paddingLeft": 20, "paddingRight": 20, "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "form-title", "content": "✨ Создать свой стиль", "fontFamily": "Inter", "fontSize": 16, "fontWeight": 700, "fill": "#0f172a", "children": [], "width": 350, "height": 22 }, { "type": "text", "id": "form-hint", "content": "Опишите желаемый стиль — ИИ создаст уникальный QR", "fontFamily": "Inter", "fontSize": 13, "fontWeight": 400, "fill": "#64748b", "children": [], "width": 350, "height": 36 }, { "type": "frame", "id": "text-input", "name": "TextInput", "width": 350, "height": 100, "fill": "#f8fafc", "cornerRadius": 10, "stroke": "#2563eb", "strokeWidth": 2, "paddingTop": 12, "paddingBottom": 12, "paddingLeft": 14, "paddingRight": 14, "layout": "vertical", "gap": 0, "children": [ { "type": "text", "id": "input-placeholder", "content": "Например: в стиле японского аниме,\nс сакурой и горой Фудзи...", "fontFamily": "Inter", "fontSize": 14, "fontWeight": 400, "fill": "#94a3b8", "children": [], "width": 322, "height": 76 } ] }, { "type": "frame", "id": "char-row", "name": "CharCounter", "width": 350, "height": 18, "fill": "#00000000", "layout": "horizontal", "justifyContent": "space-between", "gap": 0, "children": [ { "type": "text", "id": "char-hint", "content": "Максимум 200 символов", "fontFamily": "Inter", "fontSize": 12, "fontWeight": 400, "fill": "#94a3b8", "children": [], "width": 270, "height": 18 }, { "type": "text", "id": "char-count", "content": "0 / 200", "fontFamily": "Inter", "fontSize": 12, "fontWeight": 400, "fill": "#94a3b8", "children": [], "width": 80, "height": 18, "textAlign": "right" } ] }, { "type": "frame", "id": "form-buttons", "name": "FormButtons", "width": 350, "height": 52, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "btn-cancel", "name": "SecondaryButton Cancel", "width": 169, "height": 52, "fill": "#f1f5f9", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "cancel-text", "content": "Отмена", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 500, "fill": "#475569", "children": [], "width": 149, "height": 24, "textAlign": "center" } ] }, { "type": "frame", "id": "btn-create", "name": "PrimaryButton Create", "width": 169, "height": 52, "fill": "#2563eb", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "create-text", "content": "Создать →", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 600, "fill": "#ffffff", "children": [], "width": 149, "height": 24, "textAlign": "center" } ] } ] }, { "type": "frame", "id": "loading-preview-placeholder", "name": "LoadingPreview", "width": 350, "height": 100, "fill": "#f8fafc", "cornerRadius": 10, "stroke": "#e2e8f0", "strokeWidth": 1, "paddingTop": 24, "paddingBottom": 24, "paddingLeft": 20, "paddingRight": 20, "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "loading-text", "content": "⏳ Генерируем превью QR...", "fontFamily": "Inter", "fontSize": 14, "fontWeight": 500, "fill": "#64748b", "children": [], "width": 310, "height": 22, "textAlign": "center" }, { "type": "text", "id": "loading-subtext", "content": "Обычно занимает 10–20 секунд", "fontFamily": "Inter", "fontSize": 12, "fontWeight": 400, "fill": "#94a3b8", "children": [], "width": 310, "height": 18, "textAlign": "center" } ] }, { "type": "frame", "id": "form-footer", "name": "FooterForm", "width": 350, "height": 52, "fill": "#00000000", "layout": "horizontal", "gap": 12, "children": [ { "type": "frame", "id": "btn-close-form", "name": "SecondaryButton Close", "width": 169, "height": 52, "fill": "#f1f5f9", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "close-form-text", "content": "Закрыть", "fontFamily": "Inter", "fontSize": 15, "fontWeight": 500, "fill": "#475569", "children": [], "width": 149, "height": 24, "textAlign": "center" } ] }, { "type": "frame", "id": "btn-manage-pro", "name": "SecondaryButton ManagePro", "width": 169, "height": 52, "fill": "#fef3c7", "cornerRadius": 12, "paddingTop": 14, "paddingBottom": 14, "paddingLeft": 10, "paddingRight": 10, "layout": "horizontal", "gap": 0, "children": [ { "type": "text", "id": "manage-pro-text", "content": "Управление ⭐", "fontFamily": "Inter", "fontSize": 14, "fontWeight": 600, "fill": "#d97706", "children": [], "width": 149, "height": 24, "textAlign": "center" } ] } ] } ] } ] } ] }