{"json_modified": "2016-04-28T04:55:53.243667", "uuid": "4126aa87-3cd9-4edd-974d-626376308be8", "title": "TV icon design", "url": "/en-US/docs/Mozilla/Firefox_OS_for_TV/UX_overview/Icon_design", "tags": ["resolution", "icon design", "font", "typography", "size", "Firefox OS", "UI", "UX", "Icons", "Resolution", "Design", "TV"], "translations": [{"uuid": "4964914a-726a-483c-aeb2-80726281419b", "title": "TV icon design", "url": "/sq/docs/Web/Apps/Design/Firefox_OS_TV_UX/Icon_design", "tags": [], "summary": "When creating app icons for Firefox OS Smart TVs, developers should follow the <a href=\"https://www.mozilla.org/en-US/styleguide/products/firefox-os/icons/\">icon design guidelines</a> defined by Mozilla. However, app developers can still create UI elements (e.g. buttons and action icons) that have their own style while still fitting in with the look and feel of the devices they are distributed on. This article details the icon design guide specifics particular to Firefox OS for TVs.", "localization_tags": ["inprogress"], "locale": "sq", "last_edit": "2015-06-22T14:55:39", "review_tags": []}], "modified": "2016-04-28T04:55:53", "label": "TV icon design", "localization_tags": [], "locale": "en-US", "id": 148375, "last_edit": "2016-04-28T04:55:51", "summary": "This article explains how to create app icons for Firefox OS Smart TVs using the\u00a0relevant subset of the Mozilla <a href=\"https://www.mozilla.org/en-US/styleguide/products/firefox-os/icons/\">icon design guidelines</a>. \u00a0Applying these guidelines gives you the freedom\u00a0to create original icons that also work with the look and feel of Firefox OS Smart TVs.", "sections": [{"id": "App_launcher_icons", "title": "App launcher icons"}, {"id": "Icon_production", "title": "Icon production"}, {"id": "Type_A_(Recommended)", "title": "Type A (Recommended)"}, {"id": "Type_B", "title": "Type B"}, {"id": "Design_Principles", "title": "Design Principles"}, {"id": "Example_Highlight_launcher", "title": "Example: Highlight launcher"}, {"id": "Notification_Icons", "title": "Notification Icons"}, {"id": "Size", "title": "Size"}, {"id": "Option_icons", "title": "Option icons"}, {"id": "Size_2", "title": "Size"}, {"id": "Style", "title": "Style"}, {"id": "Color_Palette", "title": "Color Palette"}, {"id": "Main_Colors", "title": "Main Colors"}, {"id": "All_Colors", "title": "All Colors"}, {"id": "Colors_for_Buttons", "title": "Colors for Buttons"}, {"id": "Colors_for_text_panels", "title": "Colors for text panels"}, {"id": "Typography", "title": "Typography"}, {"id": "Main_fonts", "title": "Main fonts"}, {"id": "Fira_Sans_Light", "title": "Fira Sans Light"}, {"id": "Fira_Sans_Light_Italic", "title": "Fira Sans Light Italic"}, {"id": "Fira_Sans_Regular", "title": "Fira Sans Regular"}, {"id": "Fira_Sans_Italic", "title": "Fira Sans Italic"}, {"id": "Common_text_styles", "title": "Common text styles"}, {"id": "Converting_type_sizes_between_points_pixels_and_rems", "title": "Converting type sizes between points, pixels, and rems"}, {"id": "Conversion_Formula", "title": "Conversion Formula"}, {"id": "Type_Unit", "title": "Type Unit"}, {"id": "Font_Weight", "title": "Font Weight"}, {"id": "Download", "title": "Download"}], "slug": "Mozilla/Firefox_OS_for_TV/UX_overview/Icon_design", "review_tags": []}