{ "version": "1.0", "children": [ { "type": "frame", "id": "is_root", "name": "Icon System — Design System", "width": 1200, "height": 900, "fill": "#F1F3F5", "padding": 48, "layout": "vertical", "gap": 48, "children": [ { "type": "text", "id": "is_title", "content": "Icon System — MGC Design System", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": 700, "fill": "#0f172a", "width": 520, "height": 48, "children": [] }, { "type": "text", "id": "is_subtitle", "content": "P0 · Lucide Icons · Стандарт размеров: 16 / 20 / 24px · Топ-30 иконок", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": 400, "fill": "#6b7280", "width": 600, "height": 24, "children": [] }, { "type": "frame", "id": "is_sizes_section", "name": "IconSizes", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "is_sizes_label", "content": "РАЗМЕРЫ ИКОНОК", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": 600, "fill": "#7209B7", "letterSpacing": 1.5, "width": 180, "height": 20, "children": [] }, { "type": "frame", "id": "is_sizes_row", "name": "SizesRow", "layout": "horizontal", "gap": 48, "alignItems": "flex-end", "children": [ { "type": "frame", "id": "is_size_16", "name": "Size16", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ {"type": "rectangle", "id": "is_icon_16", "width": 16, "height": 16, "fill": "#C77DFF", "cornerRadius": 2, "children": []}, {"type": "text", "id": "is_16_label", "content": "16px", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": 500, "fill": "#374151", "width": 32, "height": 18, "textAlign": "center", "children": []}, {"type": "text", "id": "is_16_usage", "content": "Inline / Dense UI", "fontFamily": "Roboto", "fontSize": 11, "fill": "#6b7280", "width": 80, "height": 16, "textAlign": "center", "children": []} ] }, { "type": "frame", "id": "is_size_20", "name": "Size20", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ {"type": "rectangle", "id": "is_icon_20", "width": 20, "height": 20, "fill": "#7209B7", "cornerRadius": 3, "children": []}, {"type": "text", "id": "is_20_label", "content": "20px", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": 500, "fill": "#374151", "width": 32, "height": 18, "textAlign": "center", "children": []}, {"type": "text", "id": "is_20_usage", "content": "Default / Buttons", "fontFamily": "Roboto", "fontSize": 11, "fill": "#6b7280", "width": 90, "height": 16, "textAlign": "center", "children": []} ] }, { "type": "frame", "id": "is_size_24", "name": "Size24", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ {"type": "rectangle", "id": "is_icon_24", "width": 24, "height": 24, "fill": "#5A0090", "cornerRadius": 4, "children": []}, {"type": "text", "id": "is_24_label", "content": "24px", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": 500, "fill": "#374151", "width": 32, "height": 18, "textAlign": "center", "children": []}, {"type": "text", "id": "is_24_usage", "content": "Navigation / Hero", "fontFamily": "Roboto", "fontSize": 11, "fill": "#6b7280", "width": 90, "height": 16, "textAlign": "center", "children": []} ] }, { "type": "frame", "id": "is_size_rule_card", "name": "SizeRuleCard", "fill": "#161b27", "cornerRadius": 8, "padding": 16, "layout": "vertical", "gap": 8, "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "width": 320, "children": [ {"type": "text", "id": "is_rule_title", "content": "Правила использования", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": 600, "fill": "#f4f4f5", "width": 288, "height": 20, "children": []}, {"type": "text", "id": "is_rule_1", "content": "• 16px — только inline текст, chips, tags", "fontFamily": "Roboto", "fontSize": 12, "fill": "#9ca3af", "width": 288, "height": 18, "children": []}, {"type": "text", "id": "is_rule_2", "content": "• 20px — кнопки, input prefix/suffix, меню", "fontFamily": "Roboto", "fontSize": 12, "fill": "#9ca3af", "width": 288, "height": 18, "children": []}, {"type": "text", "id": "is_rule_3", "content": "• 24px — навигация, заголовки секций", "fontFamily": "Roboto", "fontSize": 12, "fill": "#9ca3af", "width": 288, "height": 18, "children": []}, {"type": "text", "id": "is_rule_4", "content": "• Всегда stroke-width: 1.5px (Lucide default)", "fontFamily": "Roboto", "fontSize": 12, "fill": "#6b7280", "width": 288, "height": 18, "children": []}, {"type": "text", "id": "is_rule_5", "content": "• Цвет наследуется от родителя (currentColor)", "fontFamily": "Roboto", "fontSize": 12, "fill": "#6b7280", "width": 288, "height": 18, "children": []} ] } ] } ] }, { "type": "frame", "id": "is_palette_section", "name": "IconPalette", "layout": "vertical", "gap": 16, "children": [ { "type": "text", "id": "is_palette_label", "content": "ТОП-30 ИКОНОК (Lucide Icons)", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": 600, "fill": "#7209B7", "letterSpacing": 1.5, "width": 260, "height": 20, "children": [] }, { "type": "frame", "id": "is_icons_grid", "name": "IconsGrid", "layout": "horizontal", "gap": 8, "alignItems": "flex-start", "children": [ { "type": "frame", "id": "is_col_1", "layout": "vertical", "gap": 8, "children": [ {"type": "frame", "id": "ico_home", "name": "home", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_home_sh", "width": 24, "height": 24, "fill": "#C77DFF", "cornerRadius": 4, "children": []}, {"type": "text", "id": "ico_home_lbl", "content": "home", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_user", "name": "user", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "ellipse", "id": "ico_user_sh", "width": 24, "height": 24, "fill": "#C77DFF", "children": []}, {"type": "text", "id": "ico_user_lbl", "content": "user", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_settings", "name": "settings", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "ellipse", "id": "ico_set_sh", "width": 24, "height": 24, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 2, "fill": "#C77DFF"}, "children": []}, {"type": "text", "id": "ico_set_lbl", "content": "settings", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_search", "name": "search", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "ellipse", "id": "ico_srch_sh", "width": 20, "height": 20, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 2, "fill": "#C77DFF"}, "children": []}, {"type": "text", "id": "ico_srch_lbl", "content": "search", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_bell", "name": "bell", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_bell_sh", "width": 18, "height": 22, "fill": "#C77DFF", "cornerRadius": 9, "children": []}, {"type": "text", "id": "ico_bell_lbl", "content": "bell", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]} ] }, { "type": "frame", "id": "is_col_2", "layout": "vertical", "gap": 8, "children": [ {"type": "frame", "id": "ico_plus", "name": "plus", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_plus_sh", "content": "+", "fontFamily": "Roboto", "fontSize": 24, "fontWeight": 300, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_plus_lbl", "content": "plus", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_x", "name": "x", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_x_sh", "content": "×", "fontFamily": "Roboto", "fontSize": 24, "fontWeight": 300, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_x_lbl", "content": "x", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_check", "name": "check", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_chk_sh", "content": "✓", "fontFamily": "Roboto", "fontSize": 22, "fill": "#22c55e", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_chk_lbl", "content": "check", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_edit", "name": "edit-2", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_edit_sh", "width": 20, "height": 20, "fill": "#C77DFF", "cornerRadius": 3, "children": []}, {"type": "text", "id": "ico_edit_lbl", "content": "edit-2", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_trash", "name": "trash-2", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_trash_sh", "width": 18, "height": 22, "fill": "#ef4444", "cornerRadius": 3, "children": []}, {"type": "text", "id": "ico_trash_lbl", "content": "trash-2", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]} ] }, { "type": "frame", "id": "is_col_3", "layout": "vertical", "gap": 8, "children": [ {"type": "frame", "id": "ico_arrow_right", "name": "arrow-right", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_arr_r_sh", "content": "→", "fontFamily": "Roboto", "fontSize": 22, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_arr_r_lbl", "content": "arrow-right", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_chevron_down", "name": "chevron-down", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_chev_sh", "content": "∨", "fontFamily": "Roboto", "fontSize": 22, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_chev_lbl", "content": "chevron-down", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_menu", "name": "menu", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_menu_sh", "content": "≡", "fontFamily": "Roboto", "fontSize": 22, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_menu_lbl", "content": "menu", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_info", "name": "info", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "ellipse", "id": "ico_info_sh", "width": 24, "height": 24, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 2, "fill": "#3b82f6"}, "children": []}, {"type": "text", "id": "ico_info_lbl", "content": "info", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_alert_triangle", "name": "alert-triangle", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_alert_sh", "width": 24, "height": 24, "fill": "#f59e0b", "cornerRadius": 4, "children": []}, {"type": "text", "id": "ico_alert_lbl", "content": "alert-triangle", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]} ] }, { "type": "frame", "id": "is_col_4", "layout": "vertical", "gap": 8, "children": [ {"type": "frame", "id": "ico_loader", "name": "loader-2", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "ellipse", "id": "ico_load_sh", "width": 24, "height": 24, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 2, "fill": "#C77DFF"}, "children": []}, {"type": "text", "id": "ico_load_lbl", "content": "loader-2", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_eye", "name": "eye", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "ellipse", "id": "ico_eye_sh", "width": 24, "height": 16, "fill": "rgba(0,0,0,0)", "stroke": {"align": "inside", "thickness": 2, "fill": "#C77DFF"}, "children": []}, {"type": "text", "id": "ico_eye_lbl", "content": "eye", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_lock", "name": "lock", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_lock_sh", "width": 20, "height": 24, "fill": "#C77DFF", "cornerRadius": 4, "children": []}, {"type": "text", "id": "ico_lock_lbl", "content": "lock", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_mail", "name": "mail", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_mail_sh", "width": 24, "height": 18, "fill": "rgba(0,0,0,0)", "cornerRadius": 3, "stroke": {"align": "inside", "thickness": 2, "fill": "#C77DFF"}, "children": []}, {"type": "text", "id": "ico_mail_lbl", "content": "mail", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_calendar", "name": "calendar", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_cal_sh", "width": 24, "height": 22, "fill": "rgba(0,0,0,0)", "cornerRadius": 4, "stroke": {"align": "inside", "thickness": 2, "fill": "#C77DFF"}, "children": []}, {"type": "text", "id": "ico_cal_lbl", "content": "calendar", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]} ] }, { "type": "frame", "id": "is_col_5", "layout": "vertical", "gap": 8, "children": [ {"type": "frame", "id": "ico_download", "name": "download", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_dl_sh", "content": "↓", "fontFamily": "Roboto", "fontSize": 22, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_dl_lbl", "content": "download", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_upload", "name": "upload", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_ul_sh", "content": "↑", "fontFamily": "Roboto", "fontSize": 22, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_ul_lbl", "content": "upload", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_filter", "name": "filter", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "rectangle", "id": "ico_filter_sh", "width": 24, "height": 20, "fill": "#C77DFF", "cornerRadius": 3, "children": []}, {"type": "text", "id": "ico_filter_lbl", "content": "filter", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_more_h", "name": "more-horizontal", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_more_sh", "content": "···", "fontFamily": "Roboto", "fontSize": 18, "fill": "#C77DFF", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_more_lbl", "content": "more-horiz", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]}, {"type": "frame", "id": "ico_log_out", "name": "log-out", "width": 84, "height": 72, "fill": "#161b27", "cornerRadius": 8, "padding": 12, "layout": "vertical", "gap": 6, "alignItems": "center", "stroke": {"align": "inside", "thickness": 1, "fill": "#2a3040"}, "children": [{"type": "text", "id": "ico_logout_sh", "content": "⎋", "fontFamily": "Roboto", "fontSize": 22, "fill": "#ef4444", "width": 24, "height": 28, "textAlign": "center", "children": []}, {"type": "text", "id": "ico_logout_lbl", "content": "log-out", "fontFamily": "Roboto", "fontSize": 10, "fill": "#6b7280", "width": 60, "height": 14, "textAlign": "center", "children": []}]} ] } ] } ] } ] } ] }