{ "version": "2.11", "children": [ { "type": "frame", "id": "DrE20", "x": 0, "y": 0, "name": "Stations", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "radial", "enabled": true, "rotation": 0, "size": { "width": 1.4, "height": 1.2 }, "colors": [ { "color": "#1A2A20", "position": 0 }, { "color": "$bg-base", "position": 1 } ], "center": { "x": 0.2, "y": 0.1 } }, "layout": "vertical", "children": [ { "id": "KInrq", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sb1" }, { "type": "frame", "id": "Fbmze", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 22, "padding": [ 8, 20, 0, 20 ], "children": [ { "type": "frame", "id": "pB12C", "name": "header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "6aUBt", "name": "hdrl", "gap": 6, "alignItems": "center", "children": [ { "type": "icon_font", "id": "GGvWk", "name": "hdrli", "width": 13, "height": 13, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "pmG1X", "name": "hdrlt", "fill": "$text-secondary", "content": "12 подписчиков", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "aw48b", "name": "avatar", "width": 40, "height": 40, "fill": "$accent-dim", "cornerRadius": 20 } ] }, { "type": "frame", "id": "xn3BT", "name": "titleblk", "width": "fill_container", "gap": 10, "alignItems": "end", "children": [ { "type": "text", "id": "YFZt4", "name": "ttl1", "fill": "$text-primary", "content": "Избранные", "fontFamily": "Inter", "fontSize": 34, "fontWeight": "700" }, { "type": "text", "id": "zrp8g", "name": "ttl2", "fill": "$accent", "content": "станции", "fontFamily": "Inter", "fontSize": 34, "fontWeight": "700" } ] }, { "type": "frame", "id": "YGXqT", "name": "downloadRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "RfvTH", "name": "dll", "fill": "$text-muted", "content": "СКАЧАННЫЕ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.2 }, { "type": "frame", "id": "rkKdV", "name": "toggle", "width": 46, "height": 26, "fill": "$accent", "cornerRadius": 13, "padding": [ 0, 3 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "frame", "id": "6d5YT", "name": "knob", "width": 20, "height": 20, "fill": "$bg-base", "cornerRadius": 10 } ] } ] }, { "type": "frame", "id": "wOS1X", "name": "stationList", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "id": "60qhz", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "r1", "descendants": { "9pHBd": { "fill": "$accent" }, "DENjW": { "iconFontName": "audio-lines", "fill": "$bg-base" }, "O0hcP": { "content": "Lost in Amsterdam", "fill": "$accent" }, "rxt6Z": { "content": "Persona Beats · Slime" } } }, { "id": "jikfT", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "r2", "descendants": { "O0hcP": { "content": "Vanished World" }, "rxt6Z": { "content": "DJ Wolfox · Memory Loop" } } }, { "id": "CIWus", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "r3", "descendants": { "O0hcP": { "content": "Aegis — Original Mix" }, "rxt6Z": { "content": "André Bratten · Be A Man" } } }, { "id": "bKTS9", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "r4", "descendants": { "O0hcP": { "content": "Murder to the Mind" }, "rxt6Z": { "content": "Sub Focus · Wilkinson" } } }, { "id": "bQ8cE", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "r5", "descendants": { "O0hcP": { "content": "Fever — Radio Edit" }, "rxt6Z": { "content": "Sarah Vaughan · Adam Freeland" } } } ] } ] }, { "type": "frame", "id": "DKIx3", "name": "bottomWrap", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "uPYEL", "name": "mpwrap1", "width": "fill_container", "padding": [ 0, 20, 8, 20 ], "children": [ { "id": "9taGa", "type": "ref", "ref": "hXnvL", "width": "fill_container", "name": "mp1" } ] }, { "id": "BBHfq", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tb1" } ] } ] }, { "type": "frame", "id": "Pca08", "x": 440, "y": 0, "name": "Now Playing", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "radial", "enabled": true, "rotation": 0, "size": { "width": 1.6, "height": 1.3 }, "colors": [ { "color": "#1C2D22", "position": 0 }, { "color": "$bg-base", "position": 1 } ], "center": { "y": 0.15 } }, "layout": "vertical", "children": [ { "id": "3meP2", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sb2" }, { "type": "frame", "id": "oEzJu", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 4, 20, 0, 20 ], "alignItems": "center", "children": [ { "type": "frame", "id": "2gqPE", "name": "npHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "icon_font", "id": "3i5wF", "name": "back2", "width": 26, "height": 26, "iconFontName": "chevron-left", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "B229F", "name": "hlbl2", "fill": "$text-secondary", "content": "СЕЙЧАС ИГРАЕТ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.5 }, { "type": "frame", "id": "7Pciv", "name": "av2", "width": 40, "height": 40, "fill": "#A8E05F26", "cornerRadius": 20, "stroke": { "thickness": 1.5, "fill": "$accent" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "DHl1o", "name": "favIcon", "width": 22, "height": 22, "iconFontName": "favorite", "iconFontFamily": "Material Symbols Rounded", "fill": "$accent" } ] } ] }, { "type": "text", "id": "i8LLN", "name": "sublbl2", "fill": "$text-secondary", "content": "RADIO RECORD", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "type": "frame", "id": "j6gMT", "name": "albumArt", "metadata": { "type": "unsplash", "username": "nathananderson", "link": "https://unsplash.com/@nathananderson", "author": "Nathan Anderson" }, "clip": true, "width": 300, "height": 248, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1476504825079-f50520ac761d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY2NTN8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 24 }, { "type": "frame", "id": "KlnhE", "name": "titlewrap2", "width": "fill_container", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "Pi1KX", "name": "nptitle", "fill": "$text-primary", "content": "Galaxy", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700" }, { "type": "text", "id": "VIqfF", "name": "npsub", "fill": "$text-secondary", "content": "Alex Mercip Oliver", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" } ] }, { "type": "frame", "id": "nhXRP", "name": "waveRow", "width": "fill_container", "gap": 14, "alignItems": "center", "children": [ { "type": "icon_font", "id": "RzGBW", "name": "heart2", "width": 22, "height": 22, "iconFontName": "share-2", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "frame", "id": "tqIKl", "name": "waveform", "width": "fill_container", "height": 40, "gap": 3, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "Ck0qQ", "name": "b1", "fill": "$accent", "width": "fill_container", "height": 10 }, { "type": "rectangle", "cornerRadius": 2, "id": "VtxuF", "name": "b2", "fill": "$accent", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "VcHKl", "name": "b3", "fill": "$accent", "width": "fill_container", "height": 26 }, { "type": "rectangle", "cornerRadius": 2, "id": "BYObs", "name": "b4", "fill": "$accent", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "deYZv", "name": "b5", "fill": "$accent", "width": "fill_container", "height": 32 }, { "type": "rectangle", "cornerRadius": 2, "id": "XqfXq", "name": "b6", "fill": "$accent", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "UuS4o", "name": "b7", "fill": "$accent", "width": "fill_container", "height": 38 }, { "type": "rectangle", "cornerRadius": 2, "id": "gwgq2", "name": "b8", "fill": "$accent", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "PbKUt", "name": "b9", "fill": "$accent", "width": "fill_container", "height": 28 }, { "type": "rectangle", "cornerRadius": 2, "id": "Sfxd4", "name": "b10", "fill": "$accent", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "zUWPO", "name": "b11", "fill": "$accent", "width": "fill_container", "height": 34 }, { "type": "rectangle", "cornerRadius": 2, "id": "2YIiE", "name": "b12", "fill": "$accent", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "CixSU", "name": "b13", "fill": "$accent", "width": "fill_container", "height": 24 }, { "type": "rectangle", "cornerRadius": 2, "id": "r5Rlt", "name": "b14", "fill": "$accent", "width": "fill_container", "height": 30 }, { "type": "rectangle", "cornerRadius": 2, "id": "nQbwk", "name": "b15", "fill": "$accent-dim", "width": "fill_container", "height": 15 }, { "type": "rectangle", "cornerRadius": 2, "id": "w5ipc", "name": "b16", "fill": "$text-muted", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "xgS6F", "name": "b17", "fill": "$text-muted", "width": "fill_container", "height": 34 }, { "type": "rectangle", "cornerRadius": 2, "id": "TkdTv", "name": "b18", "fill": "$text-muted", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "2U6fc", "name": "c1", "fill": "$text-muted", "width": "fill_container", "height": 28 }, { "type": "rectangle", "cornerRadius": 2, "id": "V1V3C", "name": "c2", "fill": "$text-muted", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "tOsg0", "name": "c3", "fill": "$text-muted", "width": "fill_container", "height": 36 }, { "type": "rectangle", "cornerRadius": 2, "id": "OPzkk", "name": "c4", "fill": "$text-muted", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "HSTaL", "name": "c5", "fill": "$text-muted", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "pRqhR", "name": "c6", "fill": "$text-muted", "width": "fill_container", "height": 30 }, { "type": "rectangle", "cornerRadius": 2, "id": "leKba", "name": "c7", "fill": "$text-muted", "width": "fill_container", "height": 24 }, { "type": "rectangle", "cornerRadius": 2, "id": "TKoUA", "name": "c8", "fill": "$text-muted", "width": "fill_container", "height": 38 }, { "type": "rectangle", "cornerRadius": 2, "id": "Atx6H", "name": "c9", "fill": "$text-muted", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "QTM7i", "name": "c10", "fill": "$text-muted", "width": "fill_container", "height": 26 }, { "type": "rectangle", "cornerRadius": 2, "id": "aVouU", "name": "c11", "fill": "$text-muted", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "SigD6", "name": "c12", "fill": "$text-muted", "width": "fill_container", "height": 32 }, { "type": "rectangle", "cornerRadius": 2, "id": "atYmx", "name": "c13", "fill": "$text-muted", "width": "fill_container", "height": 15 }, { "type": "rectangle", "cornerRadius": 2, "id": "tmC7e", "name": "c14", "fill": "$text-muted", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "M9aJp", "name": "c15", "fill": "$text-muted", "width": "fill_container", "height": 10 } ] }, { "type": "text", "id": "S5Km1", "name": "dur", "fill": "$text-secondary", "content": "3:24", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "oLlm5", "name": "controls", "width": "fill_container", "padding": [ 8, 8, 0, 8 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "icon_font", "id": "MWUL1", "name": "sh", "width": 22, "height": 22, "iconFontName": "shuffle", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "icon_font", "id": "rDP2d", "name": "prev", "width": 28, "height": 28, "iconFontName": "skip-back", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "frame", "id": "bIynF", "name": "playBtn", "width": 68, "height": 68, "fill": "$accent", "cornerRadius": 34, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "ZoQR0", "name": "playicon", "width": 28, "height": 28, "iconFontName": "pause", "iconFontFamily": "lucide", "fill": "$bg-base" } ] }, { "type": "icon_font", "id": "OPHN3", "name": "next", "width": 28, "height": 28, "iconFontName": "skip-forward", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "icon_font", "id": "CpfzG", "name": "rep", "width": 22, "height": 22, "iconFontName": "repeat", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "F9RqZ", "name": "findTrack", "width": "fill_container", "layout": "vertical", "gap": 12, "alignItems": "center", "children": [ { "type": "text", "id": "lyaJ2", "name": "svclbl", "fill": "$text-muted", "content": "НАЙТИ ТРЕК В", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 1.5 }, { "type": "frame", "id": "z1yu8", "name": "svcRow", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "OiR61", "name": "yaItem", "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "Wwuhj", "name": "yaBtn", "width": 54, "height": 54, "fill": "$bg-surface-2", "cornerRadius": 27, "stroke": { "thickness": 1, "fill": "$border" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "xCP5T", "name": "yaIcon", "width": 24, "height": 24, "iconFontName": "music", "iconFontFamily": "lucide", "fill": "$text-primary" } ] }, { "type": "text", "id": "dBxVv", "name": "yaLbl", "fill": "$text-secondary", "content": "Яндекс", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "6qg5u", "name": "vkItem", "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "dbHt3", "name": "vkBtn", "width": 54, "height": 54, "fill": "$bg-surface-2", "cornerRadius": 27, "stroke": { "thickness": 1, "fill": "$border" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "4PvTY", "name": "vkIcon", "fill": "$text-primary", "content": "VK", "fontFamily": "Inter", "fontSize": 19, "fontWeight": "700" } ] }, { "type": "text", "id": "Jzsmb", "name": "vkLbl", "fill": "$text-secondary", "content": "ВК Музыка", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "rLEIo", "name": "spItem", "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "HeOxo", "name": "spBtn", "width": 54, "height": 54, "fill": "$bg-surface-2", "cornerRadius": 27, "stroke": { "thickness": 1, "fill": "$border" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "K7al3", "name": "spLogo", "geometry": "M4 10.5q8-4 16 0m-14.5 3.5q6.5-3.5 13 0m-11.5 3q5-3 10 0", "viewBox": [ 2, 5, 20, 14 ], "width": 28, "height": 22, "stroke": { "align": "center", "thickness": 2.2, "cap": "round", "fill": "$text-primary" } } ] }, { "type": "text", "id": "1Embd", "name": "spLbl", "fill": "$text-secondary", "content": "Spotify", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "qy4Rk", "name": "apItem", "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "JxQWV", "name": "apBtn", "width": 54, "height": 54, "fill": "$bg-surface-2", "cornerRadius": 27, "stroke": { "thickness": 1, "fill": "$border" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "BV4pb", "name": "apIcon", "width": 24, "height": 24, "iconFontName": "music", "iconFontFamily": "lucide", "fill": "$text-primary" } ] }, { "type": "text", "id": "xuto8", "name": "apLbl", "fill": "$text-secondary", "content": "Apple Music", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "vQ6i4", "name": "ytItem", "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "yvHif", "name": "ytBtn", "width": 54, "height": 54, "fill": "$bg-surface-2", "cornerRadius": 27, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "none", "children": [ { "type": "ellipse", "id": "4SKoL", "x": 10, "y": 10, "name": "ytRing", "fill": "#00000000", "width": 34, "height": 34, "stroke": { "align": "center", "thickness": 2.4, "fill": "$text-primary" } }, { "type": "path", "id": "Ayxib", "x": 22, "y": 20, "name": "ytTri", "geometry": "M0 0l12 7-12 7z", "viewBox": [ 0, 0, 12, 14 ], "fill": "$text-primary", "width": 12, "height": 14 } ] }, { "type": "text", "id": "V53Q8", "name": "ytLbl", "fill": "$text-secondary", "content": "YT Music", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] } ] } ] }, { "id": "VGzX2", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tb2" } ] }, { "type": "frame", "id": "TkC9o", "x": 880, "y": 0, "name": "Library", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "radial", "enabled": true, "rotation": 0, "size": { "width": 1.5, "height": 1.2 }, "colors": [ { "color": "#1A2A20", "position": 0 }, { "color": "$bg-base", "position": 1 } ], "center": { "x": 0.8, "y": 0.1 } }, "layout": "vertical", "children": [ { "id": "arq3e", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sb3" }, { "type": "frame", "id": "NNXxa", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 8, 20, 0, 20 ], "children": [ { "type": "frame", "id": "5g7Tl", "name": "hdr3", "width": "fill_container", "justifyContent": "space_between", "children": [ { "type": "frame", "id": "qIWht", "name": "hdr3l", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "SVEs6", "name": "wlbl", "fill": "$text-secondary", "content": "С ВОЗВРАЩЕНИЕМ, МЭТТ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.5 }, { "type": "frame", "id": "MGeBw", "name": "ttlrow", "gap": 9, "alignItems": "end", "children": [ { "type": "text", "id": "xD8up", "name": "t3a", "fill": "$text-primary", "content": "Недавно", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "text", "id": "lg2iX", "name": "t3b", "fill": "$accent", "content": "слушали", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "2tTAG", "name": "av3", "width": 40, "height": 40, "fill": "$accent-dim", "cornerRadius": 20 } ] }, { "type": "frame", "id": "3cY7O", "name": "grid", "width": "fill_container", "layout": "vertical", "gap": 18, "children": [ { "type": "frame", "id": "bfzeM", "name": "gr1", "width": "fill_container", "gap": 16, "children": [ { "id": "XabXc", "type": "ref", "ref": "In0hD", "width": "fill_container", "name": "ca", "descendants": { "Qr3UD": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1514912885225-5c9ec8507d68?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY2NTN8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } } } }, { "id": "K631n", "type": "ref", "ref": "In0hD", "width": "fill_container", "name": "cb", "descendants": { "Qr3UD": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1600486913747-55e5470d6f40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY2NTR8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "xXsDw": { "content": "Midnight Drive" }, "63riZ": { "content": "André Bratten" } } } ] }, { "type": "frame", "id": "UmCO7", "name": "gr2", "width": "fill_container", "gap": 16, "children": [ { "id": "B26nG", "type": "ref", "ref": "In0hD", "width": "fill_container", "name": "cc", "descendants": { "Qr3UD": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1614595737476-42487331b8a1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY2NTV8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "xXsDw": { "content": "Vanished World" }, "63riZ": { "content": "DJ Wolfox" } } }, { "id": "ul2Jl", "type": "ref", "ref": "In0hD", "width": "fill_container", "name": "cd", "descendants": { "Qr3UD": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1606110970151-2addc4d4fc31?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY2NTZ8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "xXsDw": { "content": "Aegis" }, "63riZ": { "content": "Sub Focus · Wilkinson" } } } ] } ] } ] }, { "type": "frame", "id": "T7UYK", "name": "bottomWrap", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "9qYNB", "name": "mpwrap3", "width": "fill_container", "padding": [ 0, 20, 8, 20 ], "children": [ { "id": "3QCaK", "type": "ref", "ref": "hXnvL", "width": "fill_container", "name": "mp3", "descendants": { "nloC7": { "content": "Fever — Radio Edit" } } } ] }, { "id": "m8cmB", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tb3" } ] } ] }, { "type": "frame", "id": "K7Dzi", "x": 1380, "y": 0, "name": "StatusBar", "reusable": true, "width": 390, "height": 62, "fill": "#00000000", "padding": [ 0, 24, 0, 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "PR3TA", "name": "time", "fill": "$text-primary", "content": "9:41", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "frame", "id": "9dVPC", "name": "sbicons", "gap": 7, "alignItems": "center", "children": [ { "type": "icon_font", "id": "Pz8sg", "name": "i1", "width": 18, "height": 18, "iconFontName": "signal", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "icon_font", "id": "UtoAu", "name": "i2", "width": 18, "height": 18, "iconFontName": "wifi", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "icon_font", "id": "tQyst", "name": "i3", "width": 22, "height": 18, "iconFontName": "battery-full", "iconFontFamily": "lucide", "fill": "$text-primary" } ] } ] }, { "type": "frame", "id": "iM71m", "x": 1380, "y": 120, "name": "TabBar", "reusable": true, "width": 390, "fill": "#00000000", "padding": [ 12, 21, 21, 21 ], "children": [ { "type": "frame", "id": "lU9Sx", "name": "pill", "width": "fill_container", "height": 62, "fill": "$bg-surface-2", "cornerRadius": 36, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 4, "padding": 4, "children": [ { "type": "frame", "id": "8vDTY", "name": "tabHome", "width": "fill_container", "height": "fill_container", "fill": "$accent", "cornerRadius": 26, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "ZIXR4", "name": "t1i", "width": 18, "height": 18, "iconFontName": "radio", "iconFontFamily": "lucide", "fill": "$bg-base" }, { "type": "text", "id": "hp2PJ", "name": "t1l", "fill": "$bg-base", "content": "СТАНЦИИ", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0.5 } ] }, { "type": "frame", "id": "AR0aN", "name": "tabFav", "width": "fill_container", "height": "fill_container", "fill": "#00000000", "cornerRadius": 26, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "r6OEB", "name": "t2i", "width": 18, "height": 18, "iconFontName": "heart", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "Ae8Aw", "name": "t2l", "fill": "$text-secondary", "content": "ИЗБРАННОЕ", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0.5 } ] }, { "type": "frame", "id": "bdQPE", "name": "tabSearch", "width": "fill_container", "height": "fill_container", "fill": "#00000000", "cornerRadius": 26, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "dygeV", "name": "t3i", "width": 18, "height": 18, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "bf7xg", "name": "t3l", "fill": "$text-secondary", "content": "ПОИСК", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0.5 } ] }, { "type": "frame", "id": "RJfJX", "name": "tabProfile", "width": "fill_container", "height": "fill_container", "fill": "#00000000", "cornerRadius": 26, "layout": "vertical", "gap": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "GNMc7", "name": "t4i", "width": 18, "height": 18, "iconFontName": "user", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "text", "id": "YlV72", "name": "t4l", "fill": "$text-secondary", "content": "ПРОФИЛЬ", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0.5 } ] } ] } ] }, { "type": "frame", "id": "hXnvL", "x": 1380, "y": 230, "name": "MiniPlayer", "reusable": true, "width": 350, "height": 64, "fill": "$bg-elevated", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 12, "padding": [ 8, 10, 8, 8 ], "alignItems": "center", "children": [ { "type": "frame", "id": "0kmvZ", "name": "mpArt", "width": 48, "height": 48, "fill": "$accent-dim", "cornerRadius": 12 }, { "type": "frame", "id": "gcqer", "name": "mpText", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "Bvb9f", "name": "mplabel", "fill": "$accent", "content": "СЕЙЧАС ИГРАЕТ", "fontFamily": "Inter", "fontSize": 9, "fontWeight": "600", "letterSpacing": 1 }, { "type": "text", "id": "nloC7", "name": "mptitle", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Lost in Amsterdam", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "q16qE", "name": "mpBtn", "width": 44, "height": 44, "fill": "$accent", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "3NHT1", "name": "mpicon", "width": 20, "height": 20, "iconFontName": "pause", "iconFontFamily": "lucide", "fill": "$bg-base" } ] } ] }, { "type": "frame", "id": "jswMb", "x": 1380, "y": 330, "name": "StationRow", "reusable": true, "width": 350, "fill": "#00000000", "gap": 14, "padding": [ 8, 4 ], "alignItems": "center", "children": [ { "type": "frame", "id": "9pHBd", "name": "rowArt", "width": 48, "height": 48, "fill": "$bg-surface-2", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "DENjW", "name": "arti", "width": 22, "height": 22, "iconFontName": "radio", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "gutkV", "name": "rowInfo", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "O0hcP", "name": "title", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Fever — Radio Edit", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "rxt6Z", "name": "sub", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Sarah Vaughan · Adam Freeland", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "icon_font", "id": "TS0x7", "name": "more", "width": 20, "height": 20, "iconFontName": "ellipsis-vertical", "iconFontFamily": "lucide", "fill": "$text-muted" } ] }, { "type": "frame", "id": "In0hD", "x": 1380, "y": 430, "name": "Card", "reusable": true, "width": 160, "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "Qr3UD", "name": "cardArt", "clip": true, "width": "fill_container", "height": 150, "fill": "$bg-surface-2", "cornerRadius": 16 }, { "type": "frame", "id": "2aGLY", "name": "cardInfo", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "text", "id": "xXsDw", "name": "ctitle", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Galaxy", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "63riZ", "name": "csub", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Alex Mercip · Oliver", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "Q3Mwd", "x": 0, "y": 944, "name": "Discover", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "radial", "enabled": true, "rotation": 0, "size": { "width": 1.5, "height": 1.2 }, "colors": [ { "color": "#1B2C21", "position": 0 }, { "color": "$bg-base", "position": 1 } ], "center": { "x": 0.3, "y": 0.05 } }, "layout": "vertical", "children": [ { "id": "k6g59", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbd" }, { "type": "frame", "id": "BP7lo", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 6, 20, 0, 20 ], "children": [ { "type": "frame", "id": "AVESM", "name": "hd", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "GTgBe", "name": "hdl", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "K6kiJ", "name": "hdlbl", "fill": "$text-secondary", "content": "ДОБРЫЙ ВЕЧЕР", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.5 }, { "type": "frame", "id": "YhN69", "name": "hdrow", "gap": 8, "alignItems": "end", "children": [ { "type": "text", "id": "Yl0mE", "name": "hda", "fill": "$text-primary", "content": "Обзор", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "text", "id": "U6l3d", "name": "hdb", "fill": "$accent", "content": "радио", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "CQi5U", "name": "avd", "width": 40, "height": 40, "fill": "$accent-dim", "cornerRadius": 20 } ] }, { "type": "frame", "id": "luYSE", "name": "searchBar", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 12, "padding": [ 14, 16 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "glnth", "name": "sbi", "width": 20, "height": 20, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "SCKZ0", "name": "sbt", "fill": "$text-muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "Поиск станций, жанров…", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "icon_font", "id": "0tktz", "name": "sbm", "width": 18, "height": 18, "iconFontName": "sliders-horizontal", "iconFontFamily": "lucide", "fill": "$accent" } ] }, { "type": "frame", "id": "RvY5e", "name": "chips", "width": "fill_container", "gap": 9, "children": [ { "id": "wGvo4", "type": "ref", "ref": "1gZvN", "fill": "$accent", "stroke": { "thickness": 0, "fill": "#00000000" }, "name": "ch1", "descendants": { "jJAOr": { "content": "Все", "fill": "$bg-base" } } }, { "id": "5CyfC", "type": "ref", "ref": "1gZvN", "name": "ch2", "descendants": { "jJAOr": { "content": "Lo-Fi" } } }, { "id": "LaXz4", "type": "ref", "ref": "1gZvN", "name": "ch3", "descendants": { "jJAOr": { "content": "Джаз" } } }, { "id": "MVAME", "type": "ref", "ref": "1gZvN", "name": "ch4", "descendants": { "jJAOr": { "content": "Электроника" } } }, { "id": "Z3jO3", "type": "ref", "ref": "1gZvN", "name": "ch5", "descendants": { "jJAOr": { "content": "Новости" } } } ] }, { "type": "frame", "id": "1Uhdc", "name": "popularSec", "width": "fill_container", "layout": "vertical", "gap": 14, "children": [ { "type": "frame", "id": "wwJeU", "name": "sh1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "6CBPD", "name": "sh1t", "fill": "$text-primary", "content": "Популярное", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "kVu3c", "name": "sh1a", "fill": "$accent", "content": "Все", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "yzz1R", "name": "featuredRow", "width": "fill_container", "gap": 14, "children": [ { "id": "wp9jf", "type": "ref", "ref": "yku69", "name": "f1", "descendants": { "agbTk": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1653324101493-254c64719ba9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY4NDN8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } } } }, { "id": "CVomw", "type": "ref", "ref": "yku69", "name": "f2", "descendants": { "agbTk": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1655891182838-bbb0596a1d2d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY4NDR8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "0MUR5": { "content": "Deep Jazz FM" }, "mjRZY": { "content": "Джаз" }, "WUqWB": { "content": "8.1k" } } }, { "id": "03avB", "type": "ref", "ref": "yku69", "name": "f3", "descendants": { "agbTk": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1637010819595-db28b9365b76?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODAzNDY4NDV8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "0MUR5": { "content": "Neon Nights" }, "mjRZY": { "content": "Электроника" }, "WUqWB": { "content": "21k" } } } ] } ] }, { "type": "frame", "id": "3RLBt", "name": "allSec", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "G6W2Z", "name": "sh2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "RyszW", "name": "sh2t", "fill": "$text-primary", "content": "Все станции", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700" }, { "type": "text", "id": "lhQCu", "name": "sh2a", "fill": "$accent", "content": "Все", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "k9Ps6", "name": "dList", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "id": "R2Te2", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "dr1", "descendants": { "O0hcP": { "content": "Sunset Boulevard" }, "rxt6Z": { "content": "Соул · Фанк · 96 кбит/с" } } }, { "id": "4kRZH", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "dr2", "descendants": { "O0hcP": { "content": "Capital News 24" }, "rxt6Z": { "content": "Новости · Разговоры · 128 кбит/с" } } }, { "id": "8xbVu", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "dr3", "descendants": { "O0hcP": { "content": "Velvet Lounge" }, "rxt6Z": { "content": "Чилаут · Эмбиент · 320 кбит/с" } } } ] } ] } ] }, { "type": "frame", "id": "1j7M5", "name": "bottomWrap", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "jmlfb", "name": "mpwd", "width": "fill_container", "padding": [ 0, 20, 8, 20 ], "children": [ { "id": "jUnW3", "type": "ref", "ref": "hXnvL", "width": "fill_container", "name": "mpd" } ] }, { "id": "KwHvS", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbd" } ] } ] }, { "type": "frame", "id": "L0f4d", "x": 440, "y": 944, "name": "Search", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "radial", "enabled": true, "rotation": 0, "size": { "width": 1.5, "height": 1.2 }, "colors": [ { "color": "#1B2C21", "position": 0 }, { "color": "$bg-base", "position": 1 } ], "center": { "y": 0.05 } }, "layout": "vertical", "children": [ { "id": "LtpcZ", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbs" }, { "type": "frame", "id": "s346B", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 24, "padding": [ 6, 20, 0, 20 ], "children": [ { "type": "text", "id": "kLWjG", "name": "stitle", "fill": "$text-primary", "content": "Поиск", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "frame", "id": "jweDu", "name": "searchRow", "width": "fill_container", "gap": 14, "alignItems": "center", "children": [ { "type": "frame", "id": "YPOpU", "name": "field", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1.5, "fill": "$accent" }, "gap": 12, "padding": [ 14, 14, 14, 16 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "XnYX2", "name": "sfi", "width": 20, "height": 20, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$accent" }, { "type": "text", "id": "UNTec", "name": "sftxt", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Lo-Fi", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" }, { "type": "frame", "id": "M3n7s", "name": "sfclear", "width": 18, "height": 18, "fill": "$bg-elevated", "cornerRadius": 9, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "ALEKA", "name": "sfci", "width": 12, "height": 12, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] } ] }, { "type": "text", "id": "Z58T9", "name": "scancel", "fill": "$accent", "content": "Отмена", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "OsQoi", "name": "recentSec", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "text", "id": "FonGd", "name": "rech", "fill": "$text-muted", "content": "НЕДАВНИЕ ЗАПРОСЫ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.2 }, { "type": "frame", "id": "DyNJK", "name": "recchips", "width": "fill_container", "gap": 9, "children": [ { "id": "pM21P", "type": "ref", "ref": "1gZvN", "name": "rc1", "descendants": { "jJAOr": { "content": "Эмбиент" } } }, { "id": "vZD6X", "type": "ref", "ref": "1gZvN", "name": "rc2", "descendants": { "jJAOr": { "content": "BBC Radio" } } }, { "id": "NUN0Y", "type": "ref", "ref": "1gZvN", "name": "rc3", "descendants": { "jJAOr": { "content": "Synthwave" } } } ] } ] }, { "type": "frame", "id": "0G8fP", "name": "resultsSec", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "ppKTe", "name": "resh", "fill": "$text-muted", "content": "РЕЗУЛЬТАТЫ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.2 }, { "type": "frame", "id": "LtyfL", "name": "reslist", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "id": "uMm6k", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "rr1", "descendants": { "9pHBd": { "fill": "$accent" }, "DENjW": { "iconFontName": "music", "fill": "$bg-base" }, "O0hcP": { "content": "Chillhop Radio" }, "rxt6Z": { "content": "Lo-Fi · Хип-хоп · 128 кбит/с" } } }, { "id": "t36On", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "rr2", "descendants": { "O0hcP": { "content": "Lofi Sleep Beats" }, "rxt6Z": { "content": "Lo-Fi · Эмбиент · 96 кбит/с" } } }, { "id": "ZNfuH", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "rr3", "descendants": { "O0hcP": { "content": "Study Lounge FM" }, "rxt6Z": { "content": "Lo-Fi · Джаз · 192 кбит/с" } } }, { "id": "AVzkH", "type": "ref", "ref": "jswMb", "width": "fill_container", "name": "rr4", "descendants": { "O0hcP": { "content": "Mellow Lo-Fi Cafe" }, "rxt6Z": { "content": "Lo-Fi · Чилл · 128 кбит/с" } } } ] } ] } ] }, { "id": "ctSYQ", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbs", "descendants": { "8vDTY": { "fill": "#00000000" }, "ZIXR4": { "fill": "$text-secondary" }, "hp2PJ": { "fill": "$text-secondary" }, "bdQPE": { "fill": "$accent" }, "dygeV": { "fill": "$bg-base" }, "bf7xg": { "fill": "$bg-base" } } } ] }, { "type": "frame", "id": "1gZvN", "x": 1380, "y": 680, "name": "GenreChip", "reusable": true, "fill": "$bg-surface-2", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 9, 16 ], "children": [ { "type": "text", "id": "jJAOr", "name": "chipt", "fill": "$text-secondary", "content": "Lo-Fi", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "yku69", "x": 1380, "y": 760, "name": "FeaturedCard", "reusable": true, "width": 156, "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "agbTk", "name": "fArt", "clip": true, "width": "fill_container", "height": 156, "fill": "$bg-surface-2", "cornerRadius": 18, "layout": "none", "children": [ { "type": "frame", "id": "oXKGx", "x": 10, "y": 10, "name": "liveBadge", "fill": "#E5484D", "cornerRadius": 8, "gap": 5, "padding": [ 4, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "PXmIL", "name": "fdot", "fill": "$white", "width": 6, "height": 6 }, { "type": "text", "id": "7xE14", "name": "fblbl", "fill": "$white", "content": "LIVE", "fontFamily": "Inter", "fontSize": 9, "fontWeight": "700", "letterSpacing": 0.5 } ] }, { "type": "frame", "id": "iHp36", "x": 106, "y": 106, "name": "fPlay", "width": 40, "height": 40, "fill": "$accent", "cornerRadius": 20, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "mXmzv", "name": "fplayi", "width": 18, "height": 18, "iconFontName": "play", "iconFontFamily": "lucide", "fill": "$bg-base" } ] } ] }, { "type": "frame", "id": "LhnE6", "name": "finfo", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "text", "id": "0MUR5", "name": "fname", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Chillhop Radio", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "frame", "id": "p4lfw", "name": "fmeta", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "mjRZY", "name": "fgenre", "fill": "$text-secondary", "content": "Lo-Fi", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "ellipse", "id": "Fzimc", "name": "fdot2", "fill": "$text-muted", "width": 3, "height": 3 }, { "type": "text", "id": "WUqWB", "name": "flisten", "fill": "$text-muted", "content": "12.4k", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] } ], "variables": { "accent": { "type": "color", "value": "#A8E05F" }, "accent-dim": { "type": "color", "value": "#6FA53C" }, "bg-base": { "type": "color", "value": "#0C1410" }, "bg-elevated": { "type": "color", "value": "#243029" }, "bg-surface": { "type": "color", "value": "#16201A" }, "bg-surface-2": { "type": "color", "value": "#1E2A23" }, "black": { "type": "color", "value": "#000000" }, "border": { "type": "color", "value": "#2A352E" }, "text-muted": { "type": "color", "value": "#5C6E63" }, "text-primary": { "type": "color", "value": "#FFFFFF" }, "text-secondary": { "type": "color", "value": "#8FA396" }, "white": { "type": "color", "value": "#FFFFFF" } } }