{
  "generatedAt": "2026-05-13T10:33:28",
  "gitCommit": "a2350f7",
  "sourceSummary": "output/ci_web_smoke/summary.json",
  "smokeGeneratedAt": "2026-05-13T10:32:59",
  "sheet": "widget-render-gallery.png",
  "total": 141,
  "categories": [
    {
      "id": "input",
      "total": 39
    },
    {
      "id": "layout",
      "total": 45
    },
    {
      "id": "navigation",
      "total": 13
    },
    {
      "id": "display",
      "total": 32
    },
    {
      "id": "feedback",
      "total": 12
    }
  ],
  "entries": [
    {
      "name": "HelloCustomWidgets_input_auto_suggest_box",
      "widgetId": "input/auto_suggest_box",
      "category": "input",
      "widget": "auto_suggest_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / AutoSuggestBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_auto_suggest_box.png",
      "demo": "../demos/HelloCustomWidgets_input_auto_suggest_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.184,
      "uniqueColors": 190
    },
    {
      "name": "HelloCustomWidgets_input_button",
      "widgetId": "input/button",
      "category": "input",
      "widget": "button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Button",
      "thumbnail": "thumbs/HelloCustomWidgets_input_button.png",
      "demo": "../demos/HelloCustomWidgets_input_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1144,
      "uniqueColors": 249
    },
    {
      "name": "HelloCustomWidgets_input_calendar_date_picker",
      "widgetId": "input/calendar_date_picker",
      "category": "input",
      "widget": "calendar_date_picker",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CalendarDatePicker",
      "thumbnail": "thumbs/HelloCustomWidgets_input_calendar_date_picker.png",
      "demo": "../demos/HelloCustomWidgets_input_calendar_date_picker/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2357,
      "uniqueColors": 279
    },
    {
      "name": "HelloCustomWidgets_input_calendar_view",
      "widgetId": "input/calendar_view",
      "category": "input",
      "widget": "calendar_view",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CalendarView",
      "thumbnail": "thumbs/HelloCustomWidgets_input_calendar_view.png",
      "demo": "../demos/HelloCustomWidgets_input_calendar_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2071,
      "uniqueColors": 330
    },
    {
      "name": "HelloCustomWidgets_input_check_box",
      "widgetId": "input/check_box",
      "category": "input",
      "widget": "check_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CheckBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_check_box.png",
      "demo": "../demos/HelloCustomWidgets_input_check_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1411,
      "uniqueColors": 236
    },
    {
      "name": "HelloCustomWidgets_input_color_picker",
      "widgetId": "input/color_picker",
      "category": "input",
      "widget": "color_picker",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ColorPicker",
      "thumbnail": "thumbs/HelloCustomWidgets_input_color_picker.png",
      "demo": "../demos/HelloCustomWidgets_input_color_picker/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1822,
      "uniqueColors": 520
    },
    {
      "name": "HelloCustomWidgets_input_combo_box",
      "widgetId": "input/combo_box",
      "category": "input",
      "widget": "combo_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ComboBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_combo_box.png",
      "demo": "../demos/HelloCustomWidgets_input_combo_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.184,
      "uniqueColors": 181
    },
    {
      "name": "HelloCustomWidgets_input_command_bar",
      "widgetId": "input/command_bar",
      "category": "input",
      "widget": "command_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CommandBar",
      "thumbnail": "thumbs/HelloCustomWidgets_input_command_bar.png",
      "demo": "../demos/HelloCustomWidgets_input_command_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1715,
      "uniqueColors": 361
    },
    {
      "name": "HelloCustomWidgets_input_command_bar_flyout",
      "widgetId": "input/command_bar_flyout",
      "category": "input",
      "widget": "command_bar_flyout",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CommandBarFlyout",
      "thumbnail": "thumbs/HelloCustomWidgets_input_command_bar_flyout.png",
      "demo": "../demos/HelloCustomWidgets_input_command_bar_flyout/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2428,
      "uniqueColors": 369
    },
    {
      "name": "HelloCustomWidgets_input_compound_button",
      "widgetId": "input/compound_button",
      "category": "input",
      "widget": "compound_button",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / CompoundButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_compound_button.png",
      "demo": "../demos/HelloCustomWidgets_input_compound_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1501,
      "uniqueColors": 234
    },
    {
      "name": "HelloCustomWidgets_input_date_picker",
      "widgetId": "input/date_picker",
      "category": "input",
      "widget": "date_picker",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / DatePicker",
      "thumbnail": "thumbs/HelloCustomWidgets_input_date_picker.png",
      "demo": "../demos/HelloCustomWidgets_input_date_picker/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2357,
      "uniqueColors": 279
    },
    {
      "name": "HelloCustomWidgets_input_drop_down_button",
      "widgetId": "input/drop_down_button",
      "category": "input",
      "widget": "drop_down_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / DropDownButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_drop_down_button.png",
      "demo": "../demos/HelloCustomWidgets_input_drop_down_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1429,
      "uniqueColors": 305
    },
    {
      "name": "HelloCustomWidgets_input_field",
      "widgetId": "input/field",
      "category": "input",
      "widget": "field",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Field",
      "thumbnail": "thumbs/HelloCustomWidgets_input_field.png",
      "demo": "../demos/HelloCustomWidgets_input_field/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1964,
      "uniqueColors": 201
    },
    {
      "name": "HelloCustomWidgets_input_hyperlink_button",
      "widgetId": "input/hyperlink_button",
      "category": "input",
      "widget": "hyperlink_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / HyperlinkButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_hyperlink_button.png",
      "demo": "../demos/HelloCustomWidgets_input_hyperlink_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1518,
      "uniqueColors": 188
    },
    {
      "name": "HelloCustomWidgets_input_menu_button",
      "widgetId": "input/menu_button",
      "category": "input",
      "widget": "menu_button",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / MenuButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_menu_button.png",
      "demo": "../demos/HelloCustomWidgets_input_menu_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1628,
      "uniqueColors": 235
    },
    {
      "name": "HelloCustomWidgets_input_number_box",
      "widgetId": "input/number_box",
      "category": "input",
      "widget": "number_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / NumberBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_number_box.png",
      "demo": "../demos/HelloCustomWidgets_input_number_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1376,
      "uniqueColors": 256
    },
    {
      "name": "HelloCustomWidgets_input_password_box",
      "widgetId": "input/password_box",
      "category": "input",
      "widget": "password_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / PasswordBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_password_box.png",
      "demo": "../demos/HelloCustomWidgets_input_password_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.14,
      "uniqueColors": 251
    },
    {
      "name": "HelloCustomWidgets_input_radio_button",
      "widgetId": "input/radio_button",
      "category": "input",
      "widget": "radio_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / RadioButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_radio_button.png",
      "demo": "../demos/HelloCustomWidgets_input_radio_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1911,
      "uniqueColors": 227
    },
    {
      "name": "HelloCustomWidgets_input_radio_buttons",
      "widgetId": "input/radio_buttons",
      "category": "input",
      "widget": "radio_buttons",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / RadioButtons",
      "thumbnail": "thumbs/HelloCustomWidgets_input_radio_buttons.png",
      "demo": "../demos/HelloCustomWidgets_input_radio_buttons/HelloCustomWidgets.html",
      "nonBlackRatio": 0.175,
      "uniqueColors": 252
    },
    {
      "name": "HelloCustomWidgets_input_rating_control",
      "widgetId": "input/rating_control",
      "category": "input",
      "widget": "rating_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / RatingControl",
      "thumbnail": "thumbs/HelloCustomWidgets_input_rating_control.png",
      "demo": "../demos/HelloCustomWidgets_input_rating_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1554,
      "uniqueColors": 273
    },
    {
      "name": "HelloCustomWidgets_input_repeat_button",
      "widgetId": "input/repeat_button",
      "category": "input",
      "widget": "repeat_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / RepeatButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_repeat_button.png",
      "demo": "../demos/HelloCustomWidgets_input_repeat_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1144,
      "uniqueColors": 244
    },
    {
      "name": "HelloCustomWidgets_input_rich_edit_box",
      "widgetId": "input/rich_edit_box",
      "category": "input",
      "widget": "rich_edit_box",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / RichEditBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_rich_edit_box.png",
      "demo": "../demos/HelloCustomWidgets_input_rich_edit_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.241,
      "uniqueColors": 342
    },
    {
      "name": "HelloCustomWidgets_input_scroll_bar",
      "widgetId": "input/scroll_bar",
      "category": "input",
      "widget": "scroll_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ScrollBar",
      "thumbnail": "thumbs/HelloCustomWidgets_input_scroll_bar.png",
      "demo": "../demos/HelloCustomWidgets_input_scroll_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2125,
      "uniqueColors": 330
    },
    {
      "name": "HelloCustomWidgets_input_search_box",
      "widgetId": "input/search_box",
      "category": "input",
      "widget": "search_box",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Searchbox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_search_box.png",
      "demo": "../demos/HelloCustomWidgets_input_search_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1215,
      "uniqueColors": 191
    },
    {
      "name": "HelloCustomWidgets_input_segmented_control",
      "widgetId": "input/segmented_control",
      "category": "input",
      "widget": "segmented_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SegmentedControl",
      "thumbnail": "thumbs/HelloCustomWidgets_input_segmented_control.png",
      "demo": "../demos/HelloCustomWidgets_input_segmented_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1001,
      "uniqueColors": 244
    },
    {
      "name": "HelloCustomWidgets_input_shortcut_recorder",
      "widgetId": "input/shortcut_recorder",
      "category": "input",
      "widget": "shortcut_recorder",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / KeyboardAcceleratorRecorder",
      "thumbnail": "thumbs/HelloCustomWidgets_input_shortcut_recorder.png",
      "demo": "../demos/HelloCustomWidgets_input_shortcut_recorder/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2399,
      "uniqueColors": 305
    },
    {
      "name": "HelloCustomWidgets_input_slider",
      "widgetId": "input/slider",
      "category": "input",
      "widget": "slider",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Slider",
      "thumbnail": "thumbs/HelloCustomWidgets_input_slider.png",
      "demo": "../demos/HelloCustomWidgets_input_slider/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1144,
      "uniqueColors": 266
    },
    {
      "name": "HelloCustomWidgets_input_spin_button",
      "widgetId": "input/spin_button",
      "category": "input",
      "widget": "spin_button",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / SpinButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_spin_button.png",
      "demo": "../demos/HelloCustomWidgets_input_spin_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1393,
      "uniqueColors": 269
    },
    {
      "name": "HelloCustomWidgets_input_split_button",
      "widgetId": "input/split_button",
      "category": "input",
      "widget": "split_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SplitButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_split_button.png",
      "demo": "../demos/HelloCustomWidgets_input_split_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1376,
      "uniqueColors": 277
    },
    {
      "name": "HelloCustomWidgets_input_swipe_control",
      "widgetId": "input/swipe_control",
      "category": "input",
      "widget": "swipe_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SwipeControl",
      "thumbnail": "thumbs/HelloCustomWidgets_input_swipe_control.png",
      "demo": "../demos/HelloCustomWidgets_input_swipe_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1982,
      "uniqueColors": 331
    },
    {
      "name": "HelloCustomWidgets_input_switch",
      "widgetId": "input/switch",
      "category": "input",
      "widget": "switch",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ToggleSwitch",
      "thumbnail": "thumbs/HelloCustomWidgets_input_switch.png",
      "demo": "../demos/HelloCustomWidgets_input_switch/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1179,
      "uniqueColors": 229
    },
    {
      "name": "HelloCustomWidgets_input_text_box",
      "widgetId": "input/text_box",
      "category": "input",
      "widget": "text_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TextBox",
      "thumbnail": "thumbs/HelloCustomWidgets_input_text_box.png",
      "demo": "../demos/HelloCustomWidgets_input_text_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1144,
      "uniqueColors": 201
    },
    {
      "name": "HelloCustomWidgets_input_thumb_rate",
      "widgetId": "input/thumb_rate",
      "category": "input",
      "widget": "thumb_rate",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ThumbRate",
      "thumbnail": "thumbs/HelloCustomWidgets_input_thumb_rate.png",
      "demo": "../demos/HelloCustomWidgets_input_thumb_rate/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1572,
      "uniqueColors": 306
    },
    {
      "name": "HelloCustomWidgets_input_tick_bar",
      "widgetId": "input/tick_bar",
      "category": "input",
      "widget": "tick_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / TickBar",
      "thumbnail": "thumbs/HelloCustomWidgets_input_tick_bar.png",
      "demo": "../demos/HelloCustomWidgets_input_tick_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1741,
      "uniqueColors": 176
    },
    {
      "name": "HelloCustomWidgets_input_time_picker",
      "widgetId": "input/time_picker",
      "category": "input",
      "widget": "time_picker",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TimePicker",
      "thumbnail": "thumbs/HelloCustomWidgets_input_time_picker.png",
      "demo": "../demos/HelloCustomWidgets_input_time_picker/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1964,
      "uniqueColors": 316
    },
    {
      "name": "HelloCustomWidgets_input_toggle_button",
      "widgetId": "input/toggle_button",
      "category": "input",
      "widget": "toggle_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ToggleButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_toggle_button.png",
      "demo": "../demos/HelloCustomWidgets_input_toggle_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1269,
      "uniqueColors": 191
    },
    {
      "name": "HelloCustomWidgets_input_toggle_split_button",
      "widgetId": "input/toggle_split_button",
      "category": "input",
      "widget": "toggle_split_button",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ToggleSplitButton",
      "thumbnail": "thumbs/HelloCustomWidgets_input_toggle_split_button.png",
      "demo": "../demos/HelloCustomWidgets_input_toggle_split_button/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1429,
      "uniqueColors": 292
    },
    {
      "name": "HelloCustomWidgets_input_token_input",
      "widgetId": "input/token_input",
      "category": "input",
      "widget": "token_input",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TokenInput",
      "thumbnail": "thumbs/HelloCustomWidgets_input_token_input.png",
      "demo": "../demos/HelloCustomWidgets_input_token_input/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1608,
      "uniqueColors": 349
    },
    {
      "name": "HelloCustomWidgets_input_toolbar",
      "widgetId": "input/toolbar",
      "category": "input",
      "widget": "toolbar",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Toolbar",
      "thumbnail": "thumbs/HelloCustomWidgets_input_toolbar.png",
      "demo": "../demos/HelloCustomWidgets_input_toolbar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1355,
      "uniqueColors": 298
    },
    {
      "name": "HelloCustomWidgets_layout_accordion",
      "widgetId": "layout/accordion",
      "category": "layout",
      "widget": "accordion",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Accordion",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_accordion.png",
      "demo": "../demos/HelloCustomWidgets_layout_accordion/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2339,
      "uniqueColors": 314
    },
    {
      "name": "HelloCustomWidgets_layout_adorner_decorator",
      "widgetId": "layout/adorner_decorator",
      "category": "layout",
      "widget": "adorner_decorator",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / AdornerDecorator",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_adorner_decorator.png",
      "demo": "../demos/HelloCustomWidgets_layout_adorner_decorator/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2009,
      "uniqueColors": 218
    },
    {
      "name": "HelloCustomWidgets_layout_block_ui_container",
      "widgetId": "layout/block_ui_container",
      "category": "layout",
      "widget": "block_ui_container",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / BlockUIContainer",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_block_ui_container.png",
      "demo": "../demos/HelloCustomWidgets_layout_block_ui_container/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1818,
      "uniqueColors": 290
    },
    {
      "name": "HelloCustomWidgets_layout_border",
      "widgetId": "layout/border",
      "category": "layout",
      "widget": "border",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / WinUI / Border",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_border.png",
      "demo": "../demos/HelloCustomWidgets_layout_border/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2143,
      "uniqueColors": 229
    },
    {
      "name": "HelloCustomWidgets_layout_bullet_decorator",
      "widgetId": "layout/bullet_decorator",
      "category": "layout",
      "widget": "bullet_decorator",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / BulletDecorator",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_bullet_decorator.png",
      "demo": "../demos/HelloCustomWidgets_layout_bullet_decorator/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1684,
      "uniqueColors": 211
    },
    {
      "name": "HelloCustomWidgets_layout_canvas",
      "widgetId": "layout/canvas",
      "category": "layout",
      "widget": "canvas",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Canvas",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_canvas.png",
      "demo": "../demos/HelloCustomWidgets_layout_canvas/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2143,
      "uniqueColors": 244
    },
    {
      "name": "HelloCustomWidgets_layout_card_action",
      "widgetId": "layout/card_action",
      "category": "layout",
      "widget": "card_action",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CardAction",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_card_action.png",
      "demo": "../demos/HelloCustomWidgets_layout_card_action/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2071,
      "uniqueColors": 311
    },
    {
      "name": "HelloCustomWidgets_layout_card_control",
      "widgetId": "layout/card_control",
      "category": "layout",
      "widget": "card_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CardControl",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_card_control.png",
      "demo": "../demos/HelloCustomWidgets_layout_card_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2107,
      "uniqueColors": 308
    },
    {
      "name": "HelloCustomWidgets_layout_card_expander",
      "widgetId": "layout/card_expander",
      "category": "layout",
      "widget": "card_expander",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / CardExpander",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_card_expander.png",
      "demo": "../demos/HelloCustomWidgets_layout_card_expander/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2179,
      "uniqueColors": 277
    },
    {
      "name": "HelloCustomWidgets_layout_content_control",
      "widgetId": "layout/content_control",
      "category": "layout",
      "widget": "content_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / WinUI / ContentControl",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_content_control.png",
      "demo": "../demos/HelloCustomWidgets_layout_content_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2162,
      "uniqueColors": 218
    },
    {
      "name": "HelloCustomWidgets_layout_content_presenter",
      "widgetId": "layout/content_presenter",
      "category": "layout",
      "widget": "content_presenter",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / WinUI / ContentPresenter",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_content_presenter.png",
      "demo": "../demos/HelloCustomWidgets_layout_content_presenter/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2162,
      "uniqueColors": 215
    },
    {
      "name": "HelloCustomWidgets_layout_data_grid",
      "widgetId": "layout/data_grid",
      "category": "layout",
      "widget": "data_grid",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / DataGrid",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_data_grid.png",
      "demo": "../demos/HelloCustomWidgets_layout_data_grid/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2214,
      "uniqueColors": 479
    },
    {
      "name": "HelloCustomWidgets_layout_data_list_panel",
      "widgetId": "layout/data_list_panel",
      "category": "layout",
      "widget": "data_list_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ListView",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_data_list_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_data_list_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2107,
      "uniqueColors": 448
    },
    {
      "name": "HelloCustomWidgets_layout_dock_panel",
      "widgetId": "layout/dock_panel",
      "category": "layout",
      "widget": "dock_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / DockPanel",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_dock_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_dock_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2107,
      "uniqueColors": 240
    },
    {
      "name": "HelloCustomWidgets_layout_drawer",
      "widgetId": "layout/drawer",
      "category": "layout",
      "widget": "drawer",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Drawer",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_drawer.png",
      "demo": "../demos/HelloCustomWidgets_layout_drawer/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1929,
      "uniqueColors": 247
    },
    {
      "name": "HelloCustomWidgets_layout_expander",
      "widgetId": "layout/expander",
      "category": "layout",
      "widget": "expander",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Expander",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_expander.png",
      "demo": "../demos/HelloCustomWidgets_layout_expander/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2214,
      "uniqueColors": 438
    },
    {
      "name": "HelloCustomWidgets_layout_figure",
      "widgetId": "layout/figure",
      "category": "layout",
      "widget": "figure",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Figure",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_figure.png",
      "demo": "../demos/HelloCustomWidgets_layout_figure/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1818,
      "uniqueColors": 252
    },
    {
      "name": "HelloCustomWidgets_layout_floater",
      "widgetId": "layout/floater",
      "category": "layout",
      "widget": "floater",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Floater",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_floater.png",
      "demo": "../demos/HelloCustomWidgets_layout_floater/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1818,
      "uniqueColors": 277
    },
    {
      "name": "HelloCustomWidgets_layout_grid",
      "widgetId": "layout/grid",
      "category": "layout",
      "widget": "grid",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Grid",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_grid.png",
      "demo": "../demos/HelloCustomWidgets_layout_grid/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1958,
      "uniqueColors": 291
    },
    {
      "name": "HelloCustomWidgets_layout_grid_splitter",
      "widgetId": "layout/grid_splitter",
      "category": "layout",
      "widget": "grid_splitter",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / GridSplitter",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_grid_splitter.png",
      "demo": "../demos/HelloCustomWidgets_layout_grid_splitter/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2107,
      "uniqueColors": 380
    },
    {
      "name": "HelloCustomWidgets_layout_grid_view",
      "widgetId": "layout/grid_view",
      "category": "layout",
      "widget": "grid_view",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / GridView",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_grid_view.png",
      "demo": "../demos/HelloCustomWidgets_layout_grid_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2571,
      "uniqueColors": 461
    },
    {
      "name": "HelloCustomWidgets_layout_group_box",
      "widgetId": "layout/group_box",
      "category": "layout",
      "widget": "group_box",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / GroupBox",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_group_box.png",
      "demo": "../demos/HelloCustomWidgets_layout_group_box/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2219,
      "uniqueColors": 247
    },
    {
      "name": "HelloCustomWidgets_layout_headered_content_control",
      "widgetId": "layout/headered_content_control",
      "category": "layout",
      "widget": "headered_content_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / HeaderedContentControl",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_headered_content_control.png",
      "demo": "../demos/HelloCustomWidgets_layout_headered_content_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2219,
      "uniqueColors": 275
    },
    {
      "name": "HelloCustomWidgets_layout_headered_items_control",
      "widgetId": "layout/headered_items_control",
      "category": "layout",
      "widget": "headered_items_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / HeaderedItemsControl",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_headered_items_control.png",
      "demo": "../demos/HelloCustomWidgets_layout_headered_items_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2219,
      "uniqueColors": 254
    },
    {
      "name": "HelloCustomWidgets_layout_inline_ui_container",
      "widgetId": "layout/inline_ui_container",
      "category": "layout",
      "widget": "inline_ui_container",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / InlineUIContainer",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_inline_ui_container.png",
      "demo": "../demos/HelloCustomWidgets_layout_inline_ui_container/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 249
    },
    {
      "name": "HelloCustomWidgets_layout_items_control",
      "widgetId": "layout/items_control",
      "category": "layout",
      "widget": "items_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / ItemsControl",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_items_control.png",
      "demo": "../demos/HelloCustomWidgets_layout_items_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2219,
      "uniqueColors": 230
    },
    {
      "name": "HelloCustomWidgets_layout_items_repeater",
      "widgetId": "layout/items_repeater",
      "category": "layout",
      "widget": "items_repeater",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / ItemsRepeater",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_items_repeater.png",
      "demo": "../demos/HelloCustomWidgets_layout_items_repeater/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2179,
      "uniqueColors": 438
    },
    {
      "name": "HelloCustomWidgets_layout_list",
      "widgetId": "layout/list",
      "category": "layout",
      "widget": "list",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / List",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_list.png",
      "demo": "../demos/HelloCustomWidgets_layout_list/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 418
    },
    {
      "name": "HelloCustomWidgets_layout_master_detail",
      "widgetId": "layout/master_detail",
      "category": "layout",
      "widget": "master_detail",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / MasterDetail",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_master_detail.png",
      "demo": "../demos/HelloCustomWidgets_layout_master_detail/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1857,
      "uniqueColors": 430
    },
    {
      "name": "HelloCustomWidgets_layout_parallax_view",
      "widgetId": "layout/parallax_view",
      "category": "layout",
      "widget": "parallax_view",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ParallaxView",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_parallax_view.png",
      "demo": "../demos/HelloCustomWidgets_layout_parallax_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2762,
      "uniqueColors": 436
    },
    {
      "name": "HelloCustomWidgets_layout_relative_panel",
      "widgetId": "layout/relative_panel",
      "category": "layout",
      "widget": "relative_panel",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / RelativePanel",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_relative_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_relative_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2535,
      "uniqueColors": 394
    },
    {
      "name": "HelloCustomWidgets_layout_resize_grip",
      "widgetId": "layout/resize_grip",
      "category": "layout",
      "widget": "resize_grip",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / ResizeGrip",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_resize_grip.png",
      "demo": "../demos/HelloCustomWidgets_layout_resize_grip/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1703,
      "uniqueColors": 200
    },
    {
      "name": "HelloCustomWidgets_layout_scroll_presenter",
      "widgetId": "layout/scroll_presenter",
      "category": "layout",
      "widget": "scroll_presenter",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / ScrollPresenter",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_scroll_presenter.png",
      "demo": "../demos/HelloCustomWidgets_layout_scroll_presenter/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2535,
      "uniqueColors": 378
    },
    {
      "name": "HelloCustomWidgets_layout_scroll_viewer",
      "widgetId": "layout/scroll_viewer",
      "category": "layout",
      "widget": "scroll_viewer",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / ScrollViewer",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_scroll_viewer.png",
      "demo": "../demos/HelloCustomWidgets_layout_scroll_viewer/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2535,
      "uniqueColors": 399
    },
    {
      "name": "HelloCustomWidgets_layout_settings_card",
      "widgetId": "layout/settings_card",
      "category": "layout",
      "widget": "settings_card",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SettingCard",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_settings_card.png",
      "demo": "../demos/HelloCustomWidgets_layout_settings_card/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2071,
      "uniqueColors": 313
    },
    {
      "name": "HelloCustomWidgets_layout_settings_expander",
      "widgetId": "layout/settings_expander",
      "category": "layout",
      "widget": "settings_expander",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SettingsExpander",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_settings_expander.png",
      "demo": "../demos/HelloCustomWidgets_layout_settings_expander/HelloCustomWidgets.html",
      "nonBlackRatio": 0.241,
      "uniqueColors": 270
    },
    {
      "name": "HelloCustomWidgets_layout_settings_panel",
      "widgetId": "layout/settings_panel",
      "category": "layout",
      "widget": "settings_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SettingCardGroup",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_settings_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_settings_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2303,
      "uniqueColors": 363
    },
    {
      "name": "HelloCustomWidgets_layout_split_view",
      "widgetId": "layout/split_view",
      "category": "layout",
      "widget": "split_view",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SplitView",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_split_view.png",
      "demo": "../demos/HelloCustomWidgets_layout_split_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 345
    },
    {
      "name": "HelloCustomWidgets_layout_stack_panel",
      "widgetId": "layout/stack_panel",
      "category": "layout",
      "widget": "stack_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / StackPanel",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_stack_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_stack_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2018,
      "uniqueColors": 239
    },
    {
      "name": "HelloCustomWidgets_layout_two_pane_view",
      "widgetId": "layout/two_pane_view",
      "category": "layout",
      "widget": "two_pane_view",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / TwoPaneView",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_two_pane_view.png",
      "demo": "../demos/HelloCustomWidgets_layout_two_pane_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1929,
      "uniqueColors": 332
    },
    {
      "name": "HelloCustomWidgets_layout_uniform_grid",
      "widgetId": "layout/uniform_grid",
      "category": "layout",
      "widget": "uniform_grid",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / UniformGrid",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_uniform_grid.png",
      "demo": "../demos/HelloCustomWidgets_layout_uniform_grid/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2785,
      "uniqueColors": 443
    },
    {
      "name": "HelloCustomWidgets_layout_viewbox",
      "widgetId": "layout/viewbox",
      "category": "layout",
      "widget": "viewbox",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Viewbox",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_viewbox.png",
      "demo": "../demos/HelloCustomWidgets_layout_viewbox/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2143,
      "uniqueColors": 318
    },
    {
      "name": "HelloCustomWidgets_layout_virtualizing_stack_panel",
      "widgetId": "layout/virtualizing_stack_panel",
      "category": "layout",
      "widget": "virtualizing_stack_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / VirtualizingStackPanel",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_virtualizing_stack_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_virtualizing_stack_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2071,
      "uniqueColors": 502
    },
    {
      "name": "HelloCustomWidgets_layout_virtualizing_wrap_panel",
      "widgetId": "layout/virtualizing_wrap_panel",
      "category": "layout",
      "widget": "virtualizing_wrap_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / VirtualizingWrapPanel",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_virtualizing_wrap_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_virtualizing_wrap_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2071,
      "uniqueColors": 489
    },
    {
      "name": "HelloCustomWidgets_layout_wrap_panel",
      "widgetId": "layout/wrap_panel",
      "category": "layout",
      "widget": "wrap_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WrapPanel",
      "thumbnail": "thumbs/HelloCustomWidgets_layout_wrap_panel.png",
      "demo": "../demos/HelloCustomWidgets_layout_wrap_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2179,
      "uniqueColors": 468
    },
    {
      "name": "HelloCustomWidgets_navigation_annotated_scroll_bar",
      "widgetId": "navigation/annotated_scroll_bar",
      "category": "navigation",
      "widget": "annotated_scroll_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / AnnotatedScrollBar",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_annotated_scroll_bar.png",
      "demo": "../demos/HelloCustomWidgets_navigation_annotated_scroll_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2321,
      "uniqueColors": 287
    },
    {
      "name": "HelloCustomWidgets_navigation_breadcrumb_bar",
      "widgetId": "navigation/breadcrumb_bar",
      "category": "navigation",
      "widget": "breadcrumb_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / BreadcrumbBar",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_breadcrumb_bar.png",
      "demo": "../demos/HelloCustomWidgets_navigation_breadcrumb_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1251,
      "uniqueColors": 252
    },
    {
      "name": "HelloCustomWidgets_navigation_flip_view",
      "widgetId": "navigation/flip_view",
      "category": "navigation",
      "widget": "flip_view",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / FlipView",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_flip_view.png",
      "demo": "../demos/HelloCustomWidgets_navigation_flip_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 317
    },
    {
      "name": "HelloCustomWidgets_navigation_menu_bar",
      "widgetId": "navigation/menu_bar",
      "category": "navigation",
      "widget": "menu_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / MenuBar",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_menu_bar.png",
      "demo": "../demos/HelloCustomWidgets_navigation_menu_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 317
    },
    {
      "name": "HelloCustomWidgets_navigation_menu_flyout",
      "widgetId": "navigation/menu_flyout",
      "category": "navigation",
      "widget": "menu_flyout",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / MenuFlyout",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_menu_flyout.png",
      "demo": "../demos/HelloCustomWidgets_navigation_menu_flyout/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 227
    },
    {
      "name": "HelloCustomWidgets_navigation_nav_panel",
      "widgetId": "navigation/nav_panel",
      "category": "navigation",
      "widget": "nav_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / NavigationView",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_nav_panel.png",
      "demo": "../demos/HelloCustomWidgets_navigation_nav_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 256
    },
    {
      "name": "HelloCustomWidgets_navigation_pips_pager",
      "widgetId": "navigation/pips_pager",
      "category": "navigation",
      "widget": "pips_pager",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / PipsPager",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_pips_pager.png",
      "demo": "../demos/HelloCustomWidgets_navigation_pips_pager/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1768,
      "uniqueColors": 214
    },
    {
      "name": "HelloCustomWidgets_navigation_pivot",
      "widgetId": "navigation/pivot",
      "category": "navigation",
      "widget": "pivot",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / Pivot",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_pivot.png",
      "demo": "../demos/HelloCustomWidgets_navigation_pivot/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1851,
      "uniqueColors": 256
    },
    {
      "name": "HelloCustomWidgets_navigation_selector_bar",
      "widgetId": "navigation/selector_bar",
      "category": "navigation",
      "widget": "selector_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SelectorBar",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_selector_bar.png",
      "demo": "../demos/HelloCustomWidgets_navigation_selector_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.184,
      "uniqueColors": 240
    },
    {
      "name": "HelloCustomWidgets_navigation_tab_strip",
      "widgetId": "navigation/tab_strip",
      "category": "navigation",
      "widget": "tab_strip",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TabStrip",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_tab_strip.png",
      "demo": "../demos/HelloCustomWidgets_navigation_tab_strip/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1215,
      "uniqueColors": 240
    },
    {
      "name": "HelloCustomWidgets_navigation_tab_view",
      "widgetId": "navigation/tab_view",
      "category": "navigation",
      "widget": "tab_view",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TabView",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_tab_view.png",
      "demo": "../demos/HelloCustomWidgets_navigation_tab_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 272
    },
    {
      "name": "HelloCustomWidgets_navigation_title_bar",
      "widgetId": "navigation/title_bar",
      "category": "navigation",
      "widget": "title_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TitleBar",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_title_bar.png",
      "demo": "../demos/HelloCustomWidgets_navigation_title_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1911,
      "uniqueColors": 391
    },
    {
      "name": "HelloCustomWidgets_navigation_tree_view",
      "widgetId": "navigation/tree_view",
      "category": "navigation",
      "widget": "tree_view",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TreeView",
      "thumbnail": "thumbs/HelloCustomWidgets_navigation_tree_view.png",
      "demo": "../demos/HelloCustomWidgets_navigation_tree_view/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2107,
      "uniqueColors": 354
    },
    {
      "name": "HelloCustomWidgets_display_access_text",
      "widgetId": "display/access_text",
      "category": "display",
      "widget": "access_text",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / AccessText",
      "thumbnail": "thumbs/HelloCustomWidgets_display_access_text.png",
      "demo": "../demos/HelloCustomWidgets_display_access_text/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1531,
      "uniqueColors": 232
    },
    {
      "name": "HelloCustomWidgets_display_animated_icon",
      "widgetId": "display/animated_icon",
      "category": "display",
      "widget": "animated_icon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / AnimatedIcon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_animated_icon.png",
      "demo": "../demos/HelloCustomWidgets_display_animated_icon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1467,
      "uniqueColors": 203
    },
    {
      "name": "HelloCustomWidgets_display_arc",
      "widgetId": "display/arc",
      "category": "display",
      "widget": "arc",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Arc",
      "thumbnail": "thumbs/HelloCustomWidgets_display_arc.png",
      "demo": "../demos/HelloCustomWidgets_display_arc/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1742,
      "uniqueColors": 288
    },
    {
      "name": "HelloCustomWidgets_display_badge",
      "widgetId": "display/badge",
      "category": "display",
      "widget": "badge",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Badge",
      "thumbnail": "thumbs/HelloCustomWidgets_display_badge.png",
      "demo": "../demos/HelloCustomWidgets_display_badge/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1001,
      "uniqueColors": 219
    },
    {
      "name": "HelloCustomWidgets_display_badge_group",
      "widgetId": "display/badge_group",
      "category": "display",
      "widget": "badge_group",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / BadgeGroup",
      "thumbnail": "thumbs/HelloCustomWidgets_display_badge_group.png",
      "demo": "../demos/HelloCustomWidgets_display_badge_group/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2161,
      "uniqueColors": 291
    },
    {
      "name": "HelloCustomWidgets_display_bitmap_icon",
      "widgetId": "display/bitmap_icon",
      "category": "display",
      "widget": "bitmap_icon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / BitmapIcon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_bitmap_icon.png",
      "demo": "../demos/HelloCustomWidgets_display_bitmap_icon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1357,
      "uniqueColors": 173
    },
    {
      "name": "HelloCustomWidgets_display_card_panel",
      "widgetId": "display/card_panel",
      "category": "display",
      "widget": "card_panel",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Card",
      "thumbnail": "thumbs/HelloCustomWidgets_display_card_panel.png",
      "demo": "../demos/HelloCustomWidgets_display_card_panel/HelloCustomWidgets.html",
      "nonBlackRatio": 0.225,
      "uniqueColors": 271
    },
    {
      "name": "HelloCustomWidgets_display_counter_badge",
      "widgetId": "display/counter_badge",
      "category": "display",
      "widget": "counter_badge",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / CounterBadge",
      "thumbnail": "thumbs/HelloCustomWidgets_display_counter_badge.png",
      "demo": "../demos/HelloCustomWidgets_display_counter_badge/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1357,
      "uniqueColors": 210
    },
    {
      "name": "HelloCustomWidgets_display_divider",
      "widgetId": "display/divider",
      "category": "display",
      "widget": "divider",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Separator",
      "thumbnail": "thumbs/HelloCustomWidgets_display_divider.png",
      "demo": "../demos/HelloCustomWidgets_display_divider/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1211,
      "uniqueColors": 173
    },
    {
      "name": "HelloCustomWidgets_display_ellipse",
      "widgetId": "display/ellipse",
      "category": "display",
      "widget": "ellipse",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Ellipse",
      "thumbnail": "thumbs/HelloCustomWidgets_display_ellipse.png",
      "demo": "../demos/HelloCustomWidgets_display_ellipse/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 255
    },
    {
      "name": "HelloCustomWidgets_display_font_icon",
      "widgetId": "display/font_icon",
      "category": "display",
      "widget": "font_icon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / FontIcon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_font_icon.png",
      "demo": "../demos/HelloCustomWidgets_display_font_icon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1522,
      "uniqueColors": 200
    },
    {
      "name": "HelloCustomWidgets_display_glyphs",
      "widgetId": "display/glyphs",
      "category": "display",
      "widget": "glyphs",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Glyphs",
      "thumbnail": "thumbs/HelloCustomWidgets_display_glyphs.png",
      "demo": "../demos/HelloCustomWidgets_display_glyphs/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 192
    },
    {
      "name": "HelloCustomWidgets_display_image_control",
      "widgetId": "display/image_control",
      "category": "display",
      "widget": "image_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WinUI / WPF UI / Image",
      "thumbnail": "thumbs/HelloCustomWidgets_display_image_control.png",
      "demo": "../demos/HelloCustomWidgets_display_image_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2181,
      "uniqueColors": 196
    },
    {
      "name": "HelloCustomWidgets_display_image_icon",
      "widgetId": "display/image_icon",
      "category": "display",
      "widget": "image_icon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ImageIcon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_image_icon.png",
      "demo": "../demos/HelloCustomWidgets_display_image_icon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1687,
      "uniqueColors": 183
    },
    {
      "name": "HelloCustomWidgets_display_info_badge",
      "widgetId": "display/info_badge",
      "category": "display",
      "widget": "info_badge",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / InfoBadge",
      "thumbnail": "thumbs/HelloCustomWidgets_display_info_badge.png",
      "demo": "../demos/HelloCustomWidgets_display_info_badge/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1286,
      "uniqueColors": 193
    },
    {
      "name": "HelloCustomWidgets_display_info_label",
      "widgetId": "display/info_label",
      "category": "display",
      "widget": "info_label",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / InfoLabel",
      "thumbnail": "thumbs/HelloCustomWidgets_display_info_label.png",
      "demo": "../demos/HelloCustomWidgets_display_info_label/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1732,
      "uniqueColors": 290
    },
    {
      "name": "HelloCustomWidgets_display_label_control",
      "widgetId": "display/label_control",
      "category": "display",
      "widget": "label_control",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Label",
      "thumbnail": "thumbs/HelloCustomWidgets_display_label_control.png",
      "demo": "../demos/HelloCustomWidgets_display_label_control/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1684,
      "uniqueColors": 252
    },
    {
      "name": "HelloCustomWidgets_display_line",
      "widgetId": "display/line",
      "category": "display",
      "widget": "line",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Line",
      "thumbnail": "thumbs/HelloCustomWidgets_display_line.png",
      "demo": "../demos/HelloCustomWidgets_display_line/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 172
    },
    {
      "name": "HelloCustomWidgets_display_path",
      "widgetId": "display/path",
      "category": "display",
      "widget": "path",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Path",
      "thumbnail": "thumbs/HelloCustomWidgets_display_path.png",
      "demo": "../demos/HelloCustomWidgets_display_path/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 230
    },
    {
      "name": "HelloCustomWidgets_display_path_icon",
      "widgetId": "display/path_icon",
      "category": "display",
      "widget": "path_icon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / PathIcon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_path_icon.png",
      "demo": "../demos/HelloCustomWidgets_display_path_icon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1357,
      "uniqueColors": 237
    },
    {
      "name": "HelloCustomWidgets_display_person_picture",
      "widgetId": "display/person_picture",
      "category": "display",
      "widget": "person_picture",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / PersonPicture",
      "thumbnail": "thumbs/HelloCustomWidgets_display_person_picture.png",
      "demo": "../demos/HelloCustomWidgets_display_person_picture/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1559,
      "uniqueColors": 343
    },
    {
      "name": "HelloCustomWidgets_display_persona",
      "widgetId": "display/persona",
      "category": "display",
      "widget": "persona",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Persona",
      "thumbnail": "thumbs/HelloCustomWidgets_display_persona.png",
      "demo": "../demos/HelloCustomWidgets_display_persona/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2182,
      "uniqueColors": 373
    },
    {
      "name": "HelloCustomWidgets_display_persona_group",
      "widgetId": "display/persona_group",
      "category": "display",
      "widget": "persona_group",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / AvatarGroup",
      "thumbnail": "thumbs/HelloCustomWidgets_display_persona_group.png",
      "demo": "../demos/HelloCustomWidgets_display_persona_group/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2054,
      "uniqueColors": 532
    },
    {
      "name": "HelloCustomWidgets_display_polygon",
      "widgetId": "display/polygon",
      "category": "display",
      "widget": "polygon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Polygon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_polygon.png",
      "demo": "../demos/HelloCustomWidgets_display_polygon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1761,
      "uniqueColors": 273
    },
    {
      "name": "HelloCustomWidgets_display_polyline",
      "widgetId": "display/polyline",
      "category": "display",
      "widget": "polyline",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Polyline",
      "thumbnail": "thumbs/HelloCustomWidgets_display_polyline.png",
      "demo": "../demos/HelloCustomWidgets_display_polyline/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 218
    },
    {
      "name": "HelloCustomWidgets_display_presence_badge",
      "widgetId": "display/presence_badge",
      "category": "display",
      "widget": "presence_badge",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / PresenceBadge",
      "thumbnail": "thumbs/HelloCustomWidgets_display_presence_badge.png",
      "demo": "../demos/HelloCustomWidgets_display_presence_badge/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1357,
      "uniqueColors": 202
    },
    {
      "name": "HelloCustomWidgets_display_rectangle",
      "widgetId": "display/rectangle",
      "category": "display",
      "widget": "rectangle",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / Rectangle",
      "thumbnail": "thumbs/HelloCustomWidgets_display_rectangle.png",
      "demo": "../demos/HelloCustomWidgets_display_rectangle/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1722,
      "uniqueColors": 192
    },
    {
      "name": "HelloCustomWidgets_display_rich_text_block",
      "widgetId": "display/rich_text_block",
      "category": "display",
      "widget": "rich_text_block",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / RichTextBlock",
      "thumbnail": "thumbs/HelloCustomWidgets_display_rich_text_block.png",
      "demo": "../demos/HelloCustomWidgets_display_rich_text_block/HelloCustomWidgets.html",
      "nonBlackRatio": 0.187,
      "uniqueColors": 209
    },
    {
      "name": "HelloCustomWidgets_display_status_bar",
      "widgetId": "display/status_bar",
      "category": "display",
      "widget": "status_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / WPF / StatusBar",
      "thumbnail": "thumbs/HelloCustomWidgets_display_status_bar.png",
      "demo": "../demos/HelloCustomWidgets_display_status_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1493,
      "uniqueColors": 288
    },
    {
      "name": "HelloCustomWidgets_display_symbol_icon",
      "widgetId": "display/symbol_icon",
      "category": "display",
      "widget": "symbol_icon",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / SymbolIcon",
      "thumbnail": "thumbs/HelloCustomWidgets_display_symbol_icon.png",
      "demo": "../demos/HelloCustomWidgets_display_symbol_icon/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1577,
      "uniqueColors": 200
    },
    {
      "name": "HelloCustomWidgets_display_tag",
      "widgetId": "display/tag",
      "category": "display",
      "widget": "tag",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Tag",
      "thumbnail": "thumbs/HelloCustomWidgets_display_tag.png",
      "demo": "../demos/HelloCustomWidgets_display_tag/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1284,
      "uniqueColors": 225
    },
    {
      "name": "HelloCustomWidgets_display_text_block",
      "widgetId": "display/text_block",
      "category": "display",
      "widget": "text_block",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TextBlock",
      "thumbnail": "thumbs/HelloCustomWidgets_display_text_block.png",
      "demo": "../demos/HelloCustomWidgets_display_text_block/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1357,
      "uniqueColors": 185
    },
    {
      "name": "HelloCustomWidgets_feedback_activity_ring",
      "widgetId": "feedback/activity_ring",
      "category": "feedback",
      "widget": "activity_ring",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ProgressRing",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_activity_ring.png",
      "demo": "../demos/HelloCustomWidgets_feedback_activity_ring/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1679,
      "uniqueColors": 304
    },
    {
      "name": "HelloCustomWidgets_feedback_dialog_sheet",
      "widgetId": "feedback/dialog_sheet",
      "category": "feedback",
      "widget": "dialog_sheet",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ContentDialog",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_dialog_sheet.png",
      "demo": "../demos/HelloCustomWidgets_feedback_dialog_sheet/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2303,
      "uniqueColors": 299
    },
    {
      "name": "HelloCustomWidgets_feedback_flyout",
      "widgetId": "feedback/flyout",
      "category": "feedback",
      "widget": "flyout",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Flyout",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_flyout.png",
      "demo": "../demos/HelloCustomWidgets_feedback_flyout/HelloCustomWidgets.html",
      "nonBlackRatio": 0.225,
      "uniqueColors": 289
    },
    {
      "name": "HelloCustomWidgets_feedback_info_bar",
      "widgetId": "feedback/info_bar",
      "category": "feedback",
      "widget": "info_bar",
      "track": "reference",
      "reference": "Fluent 2 / WinUI 3 / InfoBar",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_info_bar.png",
      "demo": "../demos/HelloCustomWidgets_feedback_info_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1822,
      "uniqueColors": 277
    },
    {
      "name": "HelloCustomWidgets_feedback_message_bar",
      "widgetId": "feedback/message_bar",
      "category": "feedback",
      "widget": "message_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / MessageBar",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_message_bar.png",
      "demo": "../demos/HelloCustomWidgets_feedback_message_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1964,
      "uniqueColors": 293
    },
    {
      "name": "HelloCustomWidgets_feedback_progress_bar",
      "widgetId": "feedback/progress_bar",
      "category": "feedback",
      "widget": "progress_bar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ProgressBar",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_progress_bar.png",
      "demo": "../demos/HelloCustomWidgets_feedback_progress_bar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1037,
      "uniqueColors": 193
    },
    {
      "name": "HelloCustomWidgets_feedback_skeleton",
      "widgetId": "feedback/skeleton",
      "category": "feedback",
      "widget": "skeleton",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Skeleton",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_skeleton.png",
      "demo": "../demos/HelloCustomWidgets_feedback_skeleton/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2,
      "uniqueColors": 235
    },
    {
      "name": "HelloCustomWidgets_feedback_snackbar",
      "widgetId": "feedback/snackbar",
      "category": "feedback",
      "widget": "snackbar",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Snackbar",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_snackbar.png",
      "demo": "../demos/HelloCustomWidgets_feedback_snackbar/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1732,
      "uniqueColors": 261
    },
    {
      "name": "HelloCustomWidgets_feedback_spinner",
      "widgetId": "feedback/spinner",
      "category": "feedback",
      "widget": "spinner",
      "track": "reference",
      "reference": "Fluent 2 / Fluent UI React / Spinner",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_spinner.png",
      "demo": "../demos/HelloCustomWidgets_feedback_spinner/HelloCustomWidgets.html",
      "nonBlackRatio": 0.1358,
      "uniqueColors": 205
    },
    {
      "name": "HelloCustomWidgets_feedback_teaching_tip",
      "widgetId": "feedback/teaching_tip",
      "category": "feedback",
      "widget": "teaching_tip",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / TeachingTip",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_teaching_tip.png",
      "demo": "../demos/HelloCustomWidgets_feedback_teaching_tip/HelloCustomWidgets.html",
      "nonBlackRatio": 0.225,
      "uniqueColors": 322
    },
    {
      "name": "HelloCustomWidgets_feedback_toast_stack",
      "widgetId": "feedback/toast_stack",
      "category": "feedback",
      "widget": "toast_stack",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / Toast",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_toast_stack.png",
      "demo": "../demos/HelloCustomWidgets_feedback_toast_stack/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2071,
      "uniqueColors": 442
    },
    {
      "name": "HelloCustomWidgets_feedback_tool_tip",
      "widgetId": "feedback/tool_tip",
      "category": "feedback",
      "widget": "tool_tip",
      "track": "reference",
      "reference": "Fluent 2 / WPF UI / ToolTip",
      "thumbnail": "thumbs/HelloCustomWidgets_feedback_tool_tip.png",
      "demo": "../demos/HelloCustomWidgets_feedback_tool_tip/HelloCustomWidgets.html",
      "nonBlackRatio": 0.2125,
      "uniqueColors": 287
    }
  ]
}