diff --git a/design/interface/create-interface.py b/design/interface/create-interface.py index 3e59e28..e0ce3fc 100644 --- a/design/interface/create-interface.py +++ b/design/interface/create-interface.py @@ -47,11 +47,12 @@ def icon(name, c, accent): 'documentaries': f'', 'sport': f'', 'gear': f'', + 'profile': f'', 'office': f'', }[name] -ICONS = ['all', 'entertainment', 'movies', 'comedy', 'kids', 'documentaries', 'sport', 'gear', 'office'] +ICONS = ['all', 'entertainment', 'movies', 'comedy', 'kids', 'documentaries', 'sport', 'gear', 'office', 'profile'] for name in ICONS: src = P / 'icons' / f'orbit_icon_{name}.svg' src.write_text(svg(96, 96, icon(name, SILVER, '#7FB2FF'))) @@ -111,7 +112,7 @@ def picture(x, y, w, h): def top_bar(title='orbit'): return (orbit_logo(60, 26, 76) + - text(1620, 74, 'Sun 1 Nov 20:14', 28, 'white', '600', anchor='end') + rect(1652, 28, 76, 68, PANEL, 12) + use_icon('gear', 1664, 36, 52) + rect(1748, 28, 112, 68, PANEL, 12) + text(1804, 74, 'Profile', 22, MUTED, '600', anchor='middle')) + text(1620, 74, 'Sun 1 Nov 20:14', 28, 'white', '600', anchor='end') + rect(1652, 28, 76, 68, PANEL, 12) + use_icon('gear', 1664, 36, 52) + rect(1748, 28, 76, 68, PANEL, 12) + use_icon('profile', 1762, 38, 48)) def legend(items, y=1040, x=60): diff --git a/design/interface/icons/orbit_icon_profile.png b/design/interface/icons/orbit_icon_profile.png new file mode 100644 index 0000000..ed2bfd1 Binary files /dev/null and b/design/interface/icons/orbit_icon_profile.png differ diff --git a/design/interface/icons/orbit_icon_profile.svg b/design/interface/icons/orbit_icon_profile.svg new file mode 100644 index 0000000..65096f7 --- /dev/null +++ b/design/interface/icons/orbit_icon_profile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/design/interface/icons/orbit_icon_profile.vectorcraft b/design/interface/icons/orbit_icon_profile.vectorcraft new file mode 100644 index 0000000..178a2cf --- /dev/null +++ b/design/interface/icons/orbit_icon_profile.vectorcraft @@ -0,0 +1,1133 @@ +{ + "format": "vectorcraft", + "version": 4, + "generator": "VectorCraft 0.19.0", + "document": { + "version": 1, + "title": "orbit_icon_profile.svg", + "units": "Pixels", + "rulers": "artboard", + "color_mode": "Rgb", + "artboards": [ + { + "id": 1, + "name": "Artboard 1", + "rect": { + "x0": 0.0, + "y0": 0.0, + "x1": 96.0, + "y1": 96.0 + }, + "show_center_mark": false, + "show_cross_hairs": false + } + ], + "layers": [ + { + "id": 1, + "name": "Layer 1", + "kind": { + "type": "layer", + "color": { + "Preset": 0 + }, + "template": false, + "printable": true, + "children": [ + { + "id": 2, + "appearance": { + "items": [ + { + "kind": "fill", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.9098039, + "g": 0.92941177, + "b": 0.9607843 + } + } + } + ] + }, + "kind": { + "type": "path", + "path": { + "subpaths": [ + { + "anchors": [ + { + "p": [ + 67.0, + 33.0 + ], + "in": [ + 67.0, + 22.506589889526367 + ], + "out": [ + 67.0, + 43.493412017822266 + ], + "kind": "Smooth" + }, + { + "p": [ + 48.0, + 52.0 + ], + "in": [ + 58.493412017822266, + 52.0 + ], + "out": [ + 37.506587982177734, + 52.0 + ], + "kind": "Smooth" + }, + { + "p": [ + 29.0, + 33.0 + ], + "in": [ + 29.0, + 43.493412017822266 + ], + "out": [ + 29.0, + 22.506589889526367 + ], + "kind": "Smooth" + }, + { + "p": [ + 48.0, + 14.0 + ], + "in": [ + 37.506587982177734, + 14.0 + ], + "out": [ + 58.493412017822266, + 14.0 + ], + "kind": "Smooth" + } + ], + "closed": true + } + ] + } + } + }, + { + "id": 3, + "appearance": { + "items": [ + { + "kind": "fill", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.9098039, + "g": 0.92941177, + "b": 0.9607843 + } + } + } + ] + }, + "kind": { + "type": "path", + "path": { + "subpaths": [ + { + "anchors": [ + { + "p": [ + 12.0, + 86.0 + ], + "out": [ + 12.0, + 64.0 + ] + }, + { + "p": [ + 48.0, + 56.0 + ], + "in": [ + 28.0, + 56.0 + ], + "out": [ + 68.0, + 56.0 + ], + "kind": "Smooth" + }, + { + "p": [ + 84.0, + 86.0 + ], + "in": [ + 84.0, + 64.0 + ] + } + ], + "closed": true + } + ] + } + } + } + ] + } + } + ], + "swatches": [ + { + "name": "[None]", + "paint": { + "type": "none" + }, + "global": false, + "spot": false + }, + { + "name": "White", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 1.0, + "g": 1.0, + "b": 1.0 + } + }, + "global": false, + "spot": false + }, + { + "name": "Black", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.0, + "b": 0.0 + } + }, + "global": false, + "spot": false + }, + { + "name": "Red", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.92941177, + "g": 0.10980392, + "b": 0.14117648 + } + }, + "global": false, + "spot": false + }, + { + "name": "Orange Red", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.94509804, + "g": 0.3529412, + "b": 0.14117648 + } + }, + "global": false, + "spot": false + }, + { + "name": "Orange", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.96862745, + "g": 0.5764706, + "b": 0.11764706 + } + }, + "global": false, + "spot": false + }, + { + "name": "Amber", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.9843137, + "g": 0.6901961, + "b": 0.23137255 + } + }, + "global": false, + "spot": false + }, + { + "name": "Yellow", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.9882353, + "g": 0.93333334, + "b": 0.12941177 + } + }, + "global": false, + "spot": false + }, + { + "name": "Yellow Green", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.8509804, + "g": 0.8784314, + "b": 0.12941177 + } + }, + "global": false, + "spot": false + }, + { + "name": "Lime", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.54901963, + "g": 0.7764706, + "b": 0.24705882 + } + }, + "global": false, + "spot": false + }, + { + "name": "Green", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.22352941, + "g": 0.70980394, + "b": 0.2901961 + } + }, + "global": false, + "spot": false + }, + { + "name": "Emerald", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.57254905, + "b": 0.27058825 + } + }, + "global": false, + "spot": false + }, + { + "name": "Teal", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.40784314, + "b": 0.21568628 + } + }, + "global": false, + "spot": false + }, + { + "name": "Aqua", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.13333334, + "g": 0.70980394, + "b": 0.4509804 + } + }, + "global": false, + "spot": false + }, + { + "name": "Cyan Green", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.6627451, + "b": 0.6156863 + } + }, + "global": false, + "spot": false + }, + { + "name": "Cyan", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.16078432, + "g": 0.67058825, + "b": 0.8862745 + } + }, + "global": false, + "spot": false + }, + { + "name": "Azure", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.44313726, + "b": 0.7372549 + } + }, + "global": false, + "spot": false + }, + { + "name": "Blue", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.18039216, + "g": 0.19215687, + "b": 0.57254905 + } + }, + "global": false, + "spot": false + }, + { + "name": "Indigo", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.105882354, + "g": 0.078431375, + "b": 0.39215687 + } + }, + "global": false, + "spot": false + }, + { + "name": "Violet", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.4, + "g": 0.1764706, + "b": 0.5686275 + } + }, + "global": false, + "spot": false + }, + { + "name": "Purple", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.5764706, + "g": 0.15294118, + "b": 0.56078434 + } + }, + "global": false, + "spot": false + }, + { + "name": "Magenta", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.61960787, + "g": 0.0, + "b": 0.3647059 + } + }, + "global": false, + "spot": false + }, + { + "name": "Rose", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.83137256, + "g": 0.078431375, + "b": 0.3529412 + } + }, + "global": false, + "spot": false + }, + { + "name": "Pink", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.92941177, + "g": 0.11764706, + "b": 0.4745098 + } + }, + "global": false, + "spot": false + }, + { + "name": "Brown", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.78039217, + "g": 0.69803923, + "b": 0.6 + } + }, + "global": false, + "spot": false + }, + { + "name": "Tan", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.6, + "g": 0.5254902, + "b": 0.45882353 + } + }, + "global": false, + "spot": false + }, + { + "name": "Coffee", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.4509804, + "g": 0.3882353, + "b": 0.34117648 + } + }, + "global": false, + "spot": false + }, + { + "name": "Chocolate", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.3254902, + "g": 0.2784314, + "b": 0.25490198 + } + }, + "global": false, + "spot": false + }, + { + "name": "Sand", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.7764706, + "g": 0.6117647, + "b": 0.42745098 + } + }, + "global": false, + "spot": false + }, + { + "name": "Copper", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.6509804, + "g": 0.4862745, + "b": 0.32156864 + } + }, + "global": false, + "spot": false + }, + { + "name": "Rust", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.54901963, + "g": 0.38431373, + "b": 0.22352941 + } + }, + "global": false, + "spot": false + }, + { + "name": "Walnut", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.45882353, + "g": 0.29803923, + "b": 0.14117648 + } + }, + "global": false, + "spot": false + }, + { + "name": "Espresso", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.3764706, + "g": 0.21960784, + "b": 0.07450981 + } + }, + "global": false, + "spot": false + }, + { + "name": "White, Black", + "paint": { + "type": "gradient", + "gradient": { + "kind": "Linear", + "stops": [ + { + "offset": 0.0, + "color": { + "model": "rgb", + "r": 1.0, + "g": 1.0, + "b": 1.0 + }, + "opacity": 1.0, + "midpoint": 0.5 + }, + { + "offset": 1.0, + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.0, + "b": 0.0 + }, + "opacity": 1.0, + "midpoint": 0.5 + } + ] + }, + "angle": 0.0 + }, + "global": false, + "spot": false + }, + { + "name": "Radial White, Black", + "paint": { + "type": "gradient", + "gradient": { + "kind": "Radial", + "stops": [ + { + "offset": 0.0, + "color": { + "model": "rgb", + "r": 1.0, + "g": 1.0, + "b": 1.0 + }, + "opacity": 1.0, + "midpoint": 0.5 + }, + { + "offset": 1.0, + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.0, + "b": 0.0 + }, + "opacity": 1.0, + "midpoint": 0.5 + } + ] + }, + "angle": 0.0 + }, + "global": false, + "spot": false + }, + { + "name": "Sunset", + "paint": { + "type": "gradient", + "gradient": { + "kind": "Linear", + "stops": [ + { + "offset": 0.0, + "color": { + "model": "rgb", + "r": 0.9843137, + "g": 0.6901961, + "b": 0.23137255 + }, + "opacity": 1.0, + "midpoint": 0.5 + }, + { + "offset": 1.0, + "color": { + "model": "rgb", + "r": 0.83137256, + "g": 0.078431375, + "b": 0.3529412 + }, + "opacity": 1.0, + "midpoint": 0.5 + } + ] + }, + "angle": 0.0 + }, + "global": false, + "spot": false + }, + { + "name": "Ocean", + "paint": { + "type": "gradient", + "gradient": { + "kind": "Linear", + "stops": [ + { + "offset": 0.0, + "color": { + "model": "rgb", + "r": 0.16078432, + "g": 0.67058825, + "b": 0.8862745 + }, + "opacity": 1.0, + "midpoint": 0.5 + }, + { + "offset": 1.0, + "color": { + "model": "rgb", + "r": 0.18039216, + "g": 0.19215687, + "b": 0.57254905 + }, + "opacity": 1.0, + "midpoint": 0.5 + } + ] + }, + "angle": 0.0 + }, + "global": false, + "spot": false + } + ], + "swatch_groups": [ + { + "name": "Grays", + "swatches": [ + { + "name": "K=90", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.9 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=80", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.8 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=70", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.7 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=60", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.6 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=50", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.5 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=40", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.4 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=30", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.3 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=20", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.2 + } + }, + "global": false, + "spot": false + }, + { + "name": "K=10", + "paint": { + "type": "solid", + "color": { + "model": "gray", + "k": 0.1 + } + }, + "global": false, + "spot": false + } + ] + }, + { + "name": "Brights", + "swatches": [ + { + "name": "Bright Red", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 1.0, + "g": 0.11372549, + "b": 0.14509805 + } + }, + "global": false, + "spot": false + }, + { + "name": "Bright Yellow", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 1.0, + "g": 0.9019608, + "b": 0.0 + } + }, + "global": false, + "spot": false + }, + { + "name": "Bright Green", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.9019608, + "b": 0.4627451 + } + }, + "global": false, + "spot": false + }, + { + "name": "Bright Blue", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.16078432, + "g": 0.4745098, + "b": 1.0 + } + }, + "global": false, + "spot": false + }, + { + "name": "Bright Violet", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.8352941, + "g": 0.0, + "b": 0.9764706 + } + }, + "global": false, + "spot": false + } + ] + } + ], + "graphic_styles": [ + { + "name": "Default Graphic Style", + "appearance": { + "items": [ + { + "kind": "fill", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 1.0, + "g": 1.0, + "b": 1.0 + } + } + }, + { + "kind": "stroke", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.0, + "b": 0.0 + } + }, + "width": 1.0 + } + ] + }, + "id": 1, + "unit_box": true + }, + { + "name": "Black Outline", + "appearance": { + "items": [ + { + "kind": "fill", + "paint": { + "type": "none" + } + }, + { + "kind": "stroke", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.0, + "b": 0.0 + } + }, + "width": 1.0 + } + ] + }, + "id": 2, + "unit_box": true + }, + { + "name": "Heavy Ink", + "appearance": { + "items": [ + { + "kind": "fill", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.105882354, + "g": 0.078431375, + "b": 0.39215687 + } + } + }, + { + "kind": "stroke", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.0, + "g": 0.0, + "b": 0.0 + } + }, + "width": 4.0 + } + ] + }, + "id": 3, + "unit_box": true + }, + { + "name": "Sunshine", + "appearance": { + "items": [ + { + "kind": "fill", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.9843137, + "g": 0.6901961, + "b": 0.23137255 + } + } + }, + { + "kind": "stroke", + "paint": { + "type": "solid", + "color": { + "model": "rgb", + "r": 0.94509804, + "g": 0.3529412, + "b": 0.14117648 + } + }, + "width": 2.0 + } + ] + }, + "id": 4, + "unit_box": true + } + ], + "symbols": [], + "guides": [], + "grid": { + "spacing": 72.0, + "subdivisions": 8 + }, + "raster_effects_ppi": 72.0, + "images": {}, + "next_id": 4 + }, + "images": {} +} \ No newline at end of file diff --git a/design/interface/review/orbit_grid_guide.figcraft b/design/interface/review/orbit_grid_guide.figcraft index 6b34e2a..e46b539 100644 Binary files a/design/interface/review/orbit_grid_guide.figcraft and b/design/interface/review/orbit_grid_guide.figcraft differ diff --git a/design/interface/review/orbit_grid_guide.png b/design/interface/review/orbit_grid_guide.png index 4435df3..a651362 100644 Binary files a/design/interface/review/orbit_grid_guide.png and b/design/interface/review/orbit_grid_guide.png differ diff --git a/design/interface/review/orbit_main_menu.figcraft b/design/interface/review/orbit_main_menu.figcraft index a8455af..d56e39c 100644 Binary files a/design/interface/review/orbit_main_menu.figcraft and b/design/interface/review/orbit_main_menu.figcraft differ diff --git a/design/interface/review/orbit_main_menu.png b/design/interface/review/orbit_main_menu.png index a7b0f21..ea061e6 100644 Binary files a/design/interface/review/orbit_main_menu.png and b/design/interface/review/orbit_main_menu.png differ diff --git a/design/interface/sources/orbit_grid_guide.svg b/design/interface/sources/orbit_grid_guide.svg index d3c130b..d3b1912 100644 --- a/design/interface/sources/orbit_grid_guide.svg +++ b/design/interface/sources/orbit_grid_guide.svg @@ -1,4 +1,4 @@ -ORBITSun 1 Nov 20:14Profile +ORBITSun 1 Nov 20:14 diff --git a/design/interface/sources/orbit_main_menu.svg b/design/interface/sources/orbit_main_menu.svg index 1c44d71..ae5aea6 100644 --- a/design/interface/sources/orbit_main_menu.svg +++ b/design/interface/sources/orbit_main_menu.svg @@ -1,4 +1,4 @@ -ORBITSun 1 Nov 20:14ProfileAll ChannelsEntertainmentMoviesComedyKidsDocumentariesSport +ORBITSun 1 Nov 20:14All ChannelsEntertainmentMoviesComedyKidsDocumentariesSport