{ "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": 13, "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": "$accent", "content": "В ЭФИРЕ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 2 }, { "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": 184, "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, "justifyContent": "center", "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", "width": "fill_container", "height": 15 }, { "type": "rectangle", "cornerRadius": 2, "id": "w5ipc", "name": "b16", "fill": "$accent", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "xgS6F", "name": "b17", "fill": "$accent", "width": "fill_container", "height": 34 }, { "type": "rectangle", "cornerRadius": 2, "id": "TkdTv", "name": "b18", "fill": "$accent", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "2U6fc", "name": "c1", "fill": "$accent", "width": "fill_container", "height": 28 }, { "type": "rectangle", "cornerRadius": 2, "id": "V1V3C", "name": "c2", "fill": "$accent", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "tOsg0", "name": "c3", "fill": "$accent", "width": "fill_container", "height": 36 }, { "type": "rectangle", "cornerRadius": 2, "id": "OPzkk", "name": "c4", "fill": "$accent", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "HSTaL", "name": "c5", "fill": "$accent", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "pRqhR", "name": "c6", "fill": "$accent", "width": "fill_container", "height": 30 }, { "type": "rectangle", "cornerRadius": 2, "id": "leKba", "name": "c7", "fill": "$accent", "width": "fill_container", "height": 24 }, { "type": "rectangle", "cornerRadius": 2, "id": "TKoUA", "name": "c8", "fill": "$accent", "width": "fill_container", "height": 38 }, { "type": "rectangle", "cornerRadius": 2, "id": "Atx6H", "name": "c9", "fill": "$accent", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "QTM7i", "name": "c10", "fill": "$accent", "width": "fill_container", "height": 26 }, { "type": "rectangle", "cornerRadius": 2, "id": "aVouU", "name": "c11", "fill": "$accent", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "SigD6", "name": "c12", "fill": "$accent", "width": "fill_container", "height": 32 }, { "type": "rectangle", "cornerRadius": 2, "id": "atYmx", "name": "c13", "fill": "$accent", "width": "fill_container", "height": 15 }, { "type": "rectangle", "cornerRadius": 2, "id": "tmC7e", "name": "c14", "fill": "$accent", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "M9aJp", "name": "c15", "fill": "$accent", "width": "fill_container", "height": 10 } ] } ] }, { "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", "layout": "vertical", "gap": 16, "justifyContent": "space_between", "children": [ { "type": "frame", "id": "XIpcA", "name": "svcRow1", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "OiR61", "name": "yaItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "Wwuhj", "name": "yaBtn", "width": 54, "height": 54, "fill": "#00000000", "cornerRadius": 27, "stroke": { "thickness": 0, "fill": "#00000000" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "JJjkT", "name": "yap", "geometry": "M33.983 16.865a82 82 0 0 1 41.44-15.783v24.744a57.4 57.4 0 1 0 63.681 45.747l20.847-16.914c5.609 15.43 6.383 32.29 2.334 48.252a82.002 82.002 0 0 1-156.724 7.364 82 82 0 0 1 28.422-93.41z m110.632 11.815s-10.808 16.62-14.198 22.005a57.69 57.69 0 0 0-19.735-18.12v50.187c0 15.398-12.482 27.88-27.88 27.88-15.397 0-27.88-12.482-27.88-27.88s12.483-27.88 27.88-27.88a27.75 27.75 0 0 1 15.58 4.756v-57.398c18.101 3.482 34.484 13.182 46.233 26.45z", "fillRule": "evenodd", "viewBox": [ 0, 0, 192, 192 ], "fill": "$text-secondary", "width": 36, "height": 36 } ] }, { "type": "text", "id": "dBxVv", "name": "yaLbl", "fill": "$text-secondary", "content": "Яндекс", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "6qg5u", "name": "vkItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "dbHt3", "name": "vkBtn", "width": 54, "height": 54, "fill": "#00000000", "cornerRadius": 27, "stroke": { "thickness": 0, "fill": "#00000000" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "erwMY", "name": "vkp", "geometry": "M9.489 0.004l0.729-0.003h3.564l0.73 0.003 0.914 0.01 0.433 0.007 0.418 0.011 0.403 0.014 0.388 0.016 0.374 0.021 0.36 0.025 0.345 0.03 0.333 0.033c1.74 0.196 2.933 0.616 3.833 1.516 0.9 0.9 1.32 2.092 1.516 3.833l0.034 0.333 0.029 0.346 0.025 0.36 0.02 0.373 0.025 0.588 0.012 0.41 0.013 0.644 0.009 0.915 0.004 0.98-0.001 3.313-0.003 0.73-0.01 0.914-0.007 0.433-0.011 0.418-0.014 0.403-0.016 0.388-0.021 0.374-0.025 0.36-0.03 0.345-0.033 0.333c-0.196 1.74-0.616 2.933-1.516 3.833-0.9 0.9-2.092 1.32-3.833 1.516l-0.333 0.034-0.346 0.029-0.36 0.025-0.373 0.02-0.588 0.025-0.41 0.012-0.644 0.013-0.915 0.009-0.98 0.004-3.313-0.001-0.73-0.003-0.914-0.01-0.433-0.007-0.418-0.011-0.403-0.014-0.388-0.016-0.374-0.021-0.36-0.025-0.345-0.03-0.333-0.033c-1.74-0.196-2.933-0.616-3.833-1.516-0.9-0.9-1.32-2.092-1.516-3.833l-0.034-0.333-0.029-0.346-0.025-0.36-0.02-0.373-0.025-0.588-0.012-0.41-0.013-0.644-0.009-0.915-0.004-0.98 0.001-3.313 0.003-0.73 0.01-0.914 0.007-0.433 0.011-0.418 0.014-0.403 0.016-0.388 0.021-0.374 0.025-0.36 0.03-0.345 0.033-0.333c0.196-1.74 0.616-2.933 1.516-3.833 0.9-0.9 2.092-1.32 3.833-1.516l0.333-0.034 0.346-0.029 0.36-0.025 0.373-0.02 0.588-0.025 0.41-0.012 0.644-0.013 0.915-0.009z m-2.699 7.296h-2.74c0.13 6.24 3.25 9.99 8.72 9.99h0.31v-3.57c2.01 0.2 3.53 1.67 4.14 3.57h2.84c-0.78-2.84-2.83-4.41-4.11-5.01 1.28-0.74 3.08-2.54 3.51-4.98h-2.58c-0.56 1.98-2.22 3.78-3.8 3.95v-3.95h-2.58v6.92c-1.6-0.4-3.62-2.34-3.71-6.92z", "viewBox": [ 0, 0, 24, 24 ], "fill": "$text-secondary", "width": 36, "height": 36 } ] }, { "type": "text", "id": "Jzsmb", "name": "vkLbl", "fill": "$text-secondary", "content": "ВК Музыка", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "rLEIo", "name": "spItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "HeOxo", "name": "spBtn", "width": 54, "height": 54, "fill": "#A8E05F29", "cornerRadius": 27, "stroke": { "thickness": 0, "fill": "#00000000" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "K7al3", "name": "spLogo", "geometry": "M12 0c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.34-12-12-12z m5.521 17.34c-0.24 0.359-0.66 0.48-1.021 0.24-2.82-1.74-6.36-2.101-10.561-1.141-0.418 0.122-0.779-0.179-0.899-0.539-0.12-0.421 0.18-0.78 0.54-0.9 4.56-1.021 8.52-0.6 11.64 1.32 0.42 0.18 0.479 0.659 0.301 1.02z m1.44-3.3c-0.301 0.42-0.841 0.6-1.262 0.3-3.239-1.98-8.159-2.58-11.939-1.38-0.479 0.12-1.02-0.12-1.14-0.6-0.12-0.48 0.12-1.021 0.6-1.141 4.38-1.319 9.78-0.658 13.5 1.621 0.361 0.181 0.54 0.78 0.241 1.2z m0.12-3.36c-3.841-2.28-10.261-2.52-13.921-1.379-0.6 0.179-1.2-0.181-1.38-0.721-0.18-0.601 0.18-1.2 0.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621 0.539 0.3 0.719 1.02 0.419 1.56-0.299 0.421-1.02 0.599-1.559 0.3z", "viewBox": [ 0, 0, 24, 24 ], "fill": "$accent", "width": 36, "height": 36, "stroke": { "thickness": 0, "fill": "#00000000" } } ] }, { "type": "text", "id": "1Embd", "name": "spLbl", "fill": "$accent", "content": "Spotify", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] }, { "type": "frame", "id": "qy4Rk", "name": "apItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "JxQWV", "name": "apBtn", "width": 54, "height": 54, "fill": "#00000000", "cornerRadius": 27, "stroke": { "thickness": 0, "fill": "#00000000" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "aXTwF", "name": "app", "geometry": "M23.994 6.124a9.23 9.23 0 0 0-0.24-2.19c-0.317-1.31-1.062-2.31-2.18-3.043a5.022 5.022 0 0 0-1.877-0.726 10.496 10.496 0 0 0-1.564-0.15c-0.04-0.003-0.083-0.01-0.124-0.013h-12.023c-0.152 0.01-0.303 0.017-0.455 0.026-0.747 0.043-1.49 0.123-2.193 0.4-1.336 0.53-2.3 1.452-2.865 2.78-0.192 0.448-0.292 0.925-0.363 1.408-0.056 0.392-0.088 0.785-0.1 1.18 0 0.032-0.007 0.062-0.01 0.093v12.223c0.01 0.14 0.017 0.283 0.027 0.424 0.05 0.815 0.154 1.624 0.497 2.373 0.65 1.42 1.738 2.353 3.234 2.801 0.42 0.127 0.856 0.187 1.293 0.228 0.555 0.053 1.11 0.06 1.667 0.06h11.03a12.5 12.5 0 0 0 1.57-0.1c0.822-0.106 1.596-0.35 2.295-0.81a5.046 5.046 0 0 0 1.88-2.207c0.186-0.42 0.293-0.87 0.37-1.324 0.113-0.675 0.138-1.358 0.137-2.04-0.002-3.8 0-7.595-0.003-11.393z m-6.423 3.99v5.712c0 0.417-0.058 0.827-0.244 1.206-0.29 0.59-0.76 0.962-1.388 1.14-0.35 0.1-0.706 0.157-1.07 0.173-0.95 0.045-1.773-0.6-1.943-1.536a1.88 1.88 0 0 1 1.038-2.022c0.323-0.16 0.67-0.25 1.018-0.324 0.378-0.082 0.758-0.153 1.134-0.24 0.274-0.063 0.457-0.23 0.51-0.516a0.904 0.904 0 0 0 0.02-0.193c0-1.815 0-3.63-0.002-5.443a0.725 0.725 0 0 0-0.026-0.185c-0.04-0.15-0.15-0.243-0.304-0.234-0.16 0.01-0.318 0.035-0.475 0.066-0.76 0.15-1.52 0.303-2.28 0.456l-2.325 0.47-1.374 0.278c-0.016 0.003-0.032 0.01-0.048 0.013-0.277 0.077-0.377 0.203-0.39 0.49-0.002 0.042 0 0.086 0 0.13-0.002 2.602 0 5.204-0.003 7.805 0 0.42-0.047 0.836-0.215 1.227-0.278 0.64-0.77 1.04-1.434 1.233-0.35 0.1-0.71 0.16-1.075 0.172-0.96 0.036-1.755-0.6-1.92-1.544-0.14-0.812 0.23-1.685 1.154-2.075 0.357-0.15 0.73-0.232 1.108-0.31 0.287-0.06 0.575-0.116 0.86-0.177 0.383-0.083 0.583-0.323 0.6-0.714v-0.15c0-2.96 0-5.922 0.002-8.882 0-0.123 0.013-0.25 0.042-0.37 0.07-0.285 0.273-0.448 0.546-0.518 0.255-0.066 0.515-0.112 0.774-0.165 0.733-0.15 1.466-0.296 2.2-0.444l2.27-0.46c0.67-0.134 1.34-0.27 2.01-0.403 0.22-0.043 0.442-0.088 0.663-0.106 0.31-0.025 0.523 0.17 0.554 0.482 0.008 0.073 0.012 0.148 0.012 0.223 0.002 1.91 0.002 3.822 0 5.732z", "viewBox": [ 0, 0, 24, 24 ], "fill": "$text-secondary", "width": 36, "height": 36 } ] }, { "type": "text", "id": "xuto8", "name": "apLbl", "fill": "$text-secondary", "content": "Apple Music", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "KQv9L", "name": "svcRow2", "width": "fill_container", "gap": 10, "children": [ { "type": "frame", "id": "vQ6i4", "name": "ytItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "yvHif", "name": "ytBtn", "width": 54, "height": 54, "fill": "#00000000", "cornerRadius": 27, "stroke": { "thickness": 0, "fill": "#00000000" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "bpfEn", "name": "ytp", "geometry": "M12 0c-6.624 0-12 5.376-12 12s5.376 12 12 12 12-5.376 12-12-5.376-12-12-12z m0 19.104c-3.924 0-7.104-3.18-7.104-7.104s3.18-7.104 7.104-7.104 7.104 3.18 7.104 7.104-3.18 7.104-7.104 7.104z m0-13.332c-3.432 0-6.228 2.796-6.228 6.228s2.796 6.228 6.228 6.228 6.228-2.796 6.228-6.228-2.796-6.228-6.228-6.228z m-2.316 9.768v-7.08l6.132 3.54-6.132 3.54z", "viewBox": [ 0, 0, 24, 24 ], "fill": "$text-secondary", "width": 36, "height": 36 } ] }, { "type": "text", "id": "V53Q8", "name": "ytLbl", "fill": "$text-secondary", "content": "YT Music", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "i7K3B", "name": "tdItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "tNCva", "name": "tdBtn", "width": 54, "height": 54, "fill": "#00000000", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "hKryn", "name": "tdLogo", "geometry": "M12.012 3.992l-4.004 4.004-4.004-4.004-4.004 4.004 4.004 4.004 4.004-4.004 4.004 4.004-4.004 4.004 4.004 4.004 4.004-4.004-4.004-4.004 4.004-4.004-4.004-4.004z m4.03 4.004l3.979-3.979 3.979 3.979-3.979 3.979", "viewBox": [ 0, 0, 24, 24 ], "fill": "$text-secondary", "width": 34, "height": 34 } ] }, { "type": "text", "id": "yC2hA", "name": "tdLbl", "fill": "$text-secondary", "content": "Tidal", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "yjIWh", "name": "dzItem", "width": 80, "layout": "vertical", "gap": 7, "alignItems": "center", "children": [ { "type": "frame", "id": "SADwY", "name": "dzBtn", "width": 54, "height": 54, "fill": "#00000000", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "path", "id": "XHQkk", "name": "dzLogo", "geometry": "M0.693 10.024c0.381 0 0.693-1.256 0.693-2.807 0-1.55-0.312-2.807-0.693-2.807-0.381 0-0.693 1.256-0.693 2.807s0.312 2.808 0.693 2.808z m20.345-8.464c-0.364 0-0.684 0.805-0.91 2.096-0.363-2.21-0.944-3.656-1.602-3.656-0.78 0-1.464 2.036-1.784 5-0.312-2.158-0.788-3.536-1.325-3.536-0.745 0-1.386 2.704-1.62 6.472-0.442-1.932-1.083-3.145-1.793-3.145s-1.35 1.213-1.793 3.145c-0.242-3.76-0.874-6.463-1.628-6.463-0.537 0-1.013 1.378-1.325 3.535-0.32-2.972-0.996-5.008-1.784-5.008-0.658 0-1.247 1.447-1.602 3.665-0.217-1.291-0.546-2.105-0.91-2.105-0.675 0-1.221 2.807-1.221 6.272 0 3.466 0.546 6.273 1.221 6.273 0.277 0 0.537-0.476 0.736-1.273 0.32 2.928 0.996 4.938 1.776 4.938 0.606 0 1.143-1.204 1.507-3.11 0.251 3.622 0.875 6.195 1.602 6.195 0.46 0 0.875-1.023 1.187-2.677 0.372 3.422 1.23 5.822 2.234 5.822 1.005 0 1.863-2.4 2.235-5.822 0.312 1.654 0.727 2.677 1.186 2.677 0.728 0 1.352-2.573 1.603-6.195 0.364 1.906 0.9 3.11 1.507 3.11 0.78 0 1.455-2.01 1.775-4.938 0.208 0.797 0.46 1.273 0.737 1.273 0.675 0 1.22-2.807 1.22-6.273-0.008-3.457-0.553-6.272-1.23-6.272z m2.269 8.464c0.381 0 0.693-1.256 0.693-2.807 0-1.55-0.312-2.807-0.693-2.807-0.381 0-0.693 1.256-0.693 2.807s0.312 2.808 0.693 2.808z", "viewBox": [ 0, 0, 24, 24 ], "fill": "$text-secondary", "width": 34, "height": 34 } ] }, { "type": "text", "id": "Ps31X", "name": "dzLbl", "fill": "$text-secondary", "content": "Deezer", "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" } ] } ] } ] }, { "type": "frame", "id": "Teeu6", "x": 440, "y": 1888, "name": "Settings", "clip": true, "width": 390, "height": 844, "fill": "$bg-base", "layout": "vertical", "children": [ { "id": "HsSLN", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbset" }, { "type": "frame", "id": "NMca2", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 6, 20, 0, 20 ], "children": [ { "type": "text", "id": "wKOu1", "name": "settitle", "fill": "$text-primary", "content": "Настройки", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "frame", "id": "8cZR5", "name": "profileCard", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 18, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 14, "padding": 14, "alignItems": "center", "children": [ { "type": "frame", "id": "NMrnh", "name": "pci", "width": 46, "height": 46, "fill": "$bg-surface-2", "cornerRadius": 23, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "DkyxX", "name": "pcii", "width": 22, "height": 22, "iconFontName": "user-round", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "T64LU", "name": "pctext", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "slHM6", "name": "pct1", "fill": "$text-primary", "content": "Вы не вошли", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "JRX4k", "name": "pct2", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Вход не обязателен — это для синхронизации", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "v4iBf", "name": "pcbtn", "fill": "$accent", "cornerRadius": 12, "padding": [ 9, 16 ], "children": [ { "type": "text", "id": "NtB9z", "name": "pcbtnt", "fill": "$bg-base", "content": "Войти", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700" } ] } ] }, { "type": "frame", "id": "bB9QP", "name": "sleepBlock", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "frame", "id": "yL0il", "name": "slRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "nYeAs", "name": "slL", "fill": "$text-primary", "content": "Таймер сна", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "wrT1R", "name": "slV", "fill": "$accent", "content": "45 мин", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "auecr", "name": "track", "width": "fill_container", "height": 18, "layout": "none", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "msH4U", "x": 0, "y": 7, "name": "slBg", "fill": "$bg-surface-2", "width": 350, "height": 4 }, { "type": "rectangle", "cornerRadius": 2, "id": "k5gyr", "x": 0, "y": 7, "name": "slFill", "fill": "$accent", "width": 140, "height": 4 }, { "type": "ellipse", "id": "zH0gG", "x": 132, "y": 0, "name": "slKnob", "fill": "$accent", "width": 18, "height": 18 } ] } ] }, { "type": "frame", "id": "NlmIz", "name": "eqBlock", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [ { "type": "text", "id": "x0jTP", "name": "eqL", "fill": "$text-primary", "content": "Эквалайзер", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "frame", "id": "0UFSr", "name": "eqRow", "width": "fill_container", "gap": 8, "children": [ { "type": "frame", "id": "bGq44", "name": "eq1", "width": "fill_container", "height": 38, "fill": "$accent", "cornerRadius": 11, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "3TH2A", "name": "eq1t", "fill": "$bg-base", "content": "Flat", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "i6gQG", "name": "eq2", "width": "fill_container", "height": 38, "fill": "$bg-surface-2", "cornerRadius": 11, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "BTHHn", "name": "eq2t", "fill": "$text-secondary", "content": "Rock", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "p3uH8", "name": "eq3", "width": "fill_container", "height": 38, "fill": "$bg-surface-2", "cornerRadius": 11, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "A6Fp1", "name": "eq3t", "fill": "$text-secondary", "content": "Pop", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "mAOTl", "name": "eq4", "width": "fill_container", "height": 38, "fill": "$bg-surface-2", "cornerRadius": 11, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "z2uXQ", "name": "eq4t", "fill": "$text-secondary", "content": "Jazz", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "frame", "id": "3xUJa", "name": "eq5", "width": "fill_container", "height": 38, "fill": "$bg-surface-2", "cornerRadius": 11, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ykCvF", "name": "eq5t", "fill": "$text-secondary", "content": "Bass", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "I6u72", "name": "servicesSec", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "NnbBC", "name": "svcH", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Музыкальные сервисы", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "frame", "id": "5bvzA", "name": "sr1", "width": "fill_container", "padding": [ 10, 0 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "lLyTZ", "name": "sr1t", "fill": "$text-secondary", "content": "Яндекс Музыка", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "id": "Vz69B", "type": "ref", "ref": "2p1JH", "name": "sr1s" } ] }, { "type": "frame", "id": "v3h1M", "name": "sr2", "width": "fill_container", "padding": [ 10, 0 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "LSsm7", "name": "sr2t", "fill": "$text-secondary", "content": "ВК Музыка", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "id": "DKD0P", "type": "ref", "ref": "2p1JH", "name": "sr2s" } ] }, { "type": "frame", "id": "XrSXm", "name": "sr3", "width": "fill_container", "padding": [ 10, 0 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "35iT0", "name": "sr3t", "fill": "$text-secondary", "content": "BOOM", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "id": "FqRr9", "type": "ref", "ref": "dpXaj", "name": "sr3s" } ] }, { "type": "frame", "id": "6fkM5", "name": "sr4", "width": "fill_container", "padding": [ 10, 0 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "M4NcK", "name": "sr4t", "fill": "$text-secondary", "content": "Spotify", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "id": "h4FFf", "type": "ref", "ref": "2p1JH", "name": "sr4s" } ] }, { "type": "frame", "id": "y317E", "name": "sr5", "width": "fill_container", "padding": [ 10, 0 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "M5KcQ", "name": "sr5t", "fill": "$text-secondary", "content": "Apple Music", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "id": "QidsP", "type": "ref", "ref": "2p1JH", "name": "sr5s" } ] } ] }, { "type": "frame", "id": "MHCtU", "name": "recRow", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "x96Jx", "name": "recL", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "C11X3", "name": "recL1", "fill": "$text-primary", "content": "Запись эфира", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "WiFgG", "name": "recL2", "fill": "$text-secondary", "content": "Сохранять трансляцию в файлы", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "K95nH", "type": "ref", "ref": "2p1JH", "name": "recS" } ] }, { "type": "frame", "id": "JFB95", "name": "testBtn", "width": "fill_container", "fill": "#00000000", "cornerRadius": 14, "stroke": { "thickness": 1.5, "fill": "$border" }, "gap": 10, "padding": [ 14, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "jT9t5", "name": "testBi", "width": 18, "height": 18, "iconFontName": "activity", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "JkHtH", "name": "testBt", "fill": "$text-primary", "content": "Проверить станции", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] } ] }, { "id": "w3z7q", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbset", "descendants": { "8vDTY": { "fill": "#00000000" }, "ZIXR4": { "fill": "$text-secondary" }, "hp2PJ": { "fill": "$text-secondary" }, "RJfJX": { "fill": "$accent" }, "GNMc7": { "fill": "$bg-base" }, "YlV72": { "fill": "$bg-base" } } } ] }, { "type": "frame", "id": "8bcq9", "x": 880, "y": 1888, "name": "Recordings", "clip": true, "width": 390, "height": 844, "fill": "$bg-base", "layout": "vertical", "children": [ { "id": "jiM9Z", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbrec" }, { "type": "frame", "id": "sii52", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 6, 20, 0, 20 ], "children": [ { "type": "text", "id": "dzmHg", "name": "rectitle", "fill": "$text-primary", "content": "Записи", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "frame", "id": "Qncc4", "name": "recBanner", "width": "fill_container", "fill": "#FF52521F", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "#FF525266" }, "padding": [ 14, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "S0E5h", "name": "bl", "gap": 10, "alignItems": "center", "children": [ { "type": "ellipse", "id": "UGnLj", "name": "bdot", "fill": "#FF5252", "width": 11, "height": 11 }, { "type": "text", "id": "z369e", "name": "bt", "fill": "#FF6B6B", "content": "Идёт запись · RADIO RECORD", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "text", "id": "SknUN", "name": "btime", "fill": "#FF6B6B", "content": "01:23", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" } ] }, { "type": "frame", "id": "CWPyV", "name": "recList", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [ { "id": "QWf4W", "type": "ref", "ref": "CmQt5", "width": "fill_container", "name": "ri1" }, { "id": "oysm6", "type": "ref", "ref": "CmQt5", "width": "fill_container", "name": "ri2", "descendants": { "2sYMr": { "content": "Радио Energy" }, "GjADY": { "content": "Midnight Drive — André Bratten" }, "WlRmS": { "content": "02.06.2026 19:05 • 27:48" } } }, { "id": "Dz5Y0", "type": "ref", "ref": "CmQt5", "width": "fill_container", "name": "ri3", "descendants": { "2sYMr": { "content": "Megapolis FM" }, "GjADY": { "content": "Vanished World — DJ Wolfox" }, "WlRmS": { "content": "01.06.2026 23:12 • 08:15" } } }, { "id": "SUUK7", "type": "ref", "ref": "CmQt5", "width": "fill_container", "name": "ri4", "descendants": { "2sYMr": { "content": "DFM" }, "GjADY": { "content": "Aegis — Sub Focus" }, "WlRmS": { "content": "01.06.2026 14:30 • 41:06" } } } ] } ] }, { "id": "BzhCn", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbrec", "descendants": { "8vDTY": { "fill": "#00000000" }, "ZIXR4": { "fill": "$text-secondary" }, "hp2PJ": { "fill": "$text-secondary" }, "RJfJX": { "fill": "$accent" }, "GNMc7": { "fill": "$bg-base" }, "YlV72": { "fill": "$bg-base" } } } ] }, { "type": "frame", "id": "2p1JH", "x": 1380, "y": 840, "name": "SwitchOn", "reusable": true, "width": 46, "height": 26, "fill": "$accent", "cornerRadius": 13, "padding": [ 0, 3 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "ellipse", "id": "xmZ3e", "name": "swonk", "fill": "$bg-base", "width": 20, "height": 20 } ] }, { "type": "frame", "id": "dpXaj", "x": 1440, "y": 840, "name": "SwitchOff", "reusable": true, "width": 46, "height": 26, "fill": "$bg-elevated", "cornerRadius": 13, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 0, 3 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "HwD9k", "name": "swoffk", "fill": "$text-muted", "width": 20, "height": 20 } ] }, { "type": "frame", "id": "PPme9", "x": 0, "y": 1888, "name": "Auth", "clip": true, "width": 390, "height": 844, "fill": "$bg-base", "layout": "vertical", "children": [ { "id": "gk5bN", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sba" }, { "type": "frame", "id": "5RcRu", "name": "ahdr", "width": "fill_container", "padding": [ 6, 20 ], "children": [ { "type": "icon_font", "id": "r1Wws", "name": "aclose", "width": 26, "height": 26, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "yIMnt", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 18, "padding": [ 80, 28, 28, 28 ], "alignItems": "center", "children": [ { "type": "frame", "id": "y8JZW", "name": "logo", "layout": "vertical", "gap": 16, "alignItems": "center", "children": [ { "type": "frame", "id": "ozIud", "name": "ic", "width": 84, "height": 84, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "cv3Z0", "name": "it3t", "fill": "$bg-base", "content": "R", "fontFamily": "Agdasima", "fontSize": 70, "fontWeight": "700" } ] }, { "type": "frame", "id": "tjNrW", "name": "wmk", "gap": 1, "alignItems": "center", "children": [ { "type": "text", "id": "OJrpF", "name": "w5a", "fill": "$text-primary", "content": "Radi", "fontFamily": "Agdasima", "fontSize": 38, "fontWeight": "700" }, { "type": "text", "id": "0D953", "name": "w5b", "fill": "$accent", "content": "OLA", "fontFamily": "Agdasima", "fontSize": 50, "fontWeight": "700" } ] } ] }, { "type": "text", "id": "BxxCW", "name": "atitle", "fill": "$text-primary", "content": "Добро пожаловать", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "700" }, { "type": "text", "id": "HRXYN", "name": "asub", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Войдите, чтобы синхронизировать избранное и историю между устройствами", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "frame", "id": "ogkIH", "name": "emailField", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 14, "stroke": { "thickness": 1.5, "fill": "$border" }, "gap": 12, "padding": 16, "alignItems": "center", "children": [ { "type": "icon_font", "id": "1nOri", "name": "fmi", "width": 20, "height": 20, "iconFontName": "mail", "iconFontFamily": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "9wT3d", "name": "ftxt", "fill": "$text-muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "you@email.com", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "frame", "id": "iYKQ9", "name": "primaryBtn", "width": "fill_container", "fill": "$accent", "cornerRadius": 14, "padding": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "miB4T", "name": "pbtnt", "fill": "$bg-base", "content": "Получить код", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "700" } ] }, { "type": "text", "id": "q61N2", "name": "skip", "fill": "$text-secondary", "content": "Продолжить без входа", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "MJV5n", "name": "ahint", "gap": 6, "alignItems": "center", "children": [ { "type": "icon_font", "id": "HagkI", "name": "ahinti", "width": 13, "height": 13, "iconFontName": "shield-check", "iconFontFamily": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "pTGoF", "name": "ahintt", "fill": "$text-muted", "content": "Вход по коду из письма — без пароля", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "CmQt5", "x": 1900, "y": 0, "name": "RecordingItem", "reusable": true, "width": 350, "fill": "$bg-surface", "cornerRadius": 14, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 12, "padding": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "POBRV", "name": "riplay", "width": 42, "height": 42, "fill": "$bg-surface-2", "cornerRadius": 21, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "1LVRV", "name": "riplayi", "width": 18, "height": 18, "iconFontName": "play", "iconFontFamily": "lucide", "fill": "$accent" } ] }, { "type": "frame", "id": "FIshj", "name": "riinfo", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "text", "id": "2sYMr", "name": "ristation", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "RADIO RECORD", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "GjADY", "name": "ritrack", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Galaxy — Alex Mercip", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "text", "id": "WlRmS", "name": "rimeta", "fill": "$text-muted", "content": "02.06.2026 21:40 • 14:32", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "icon_font", "id": "T6uMX", "name": "ridel", "width": 20, "height": 20, "iconFontName": "trash-2", "iconFontFamily": "lucide", "fill": "#FF6B6B" } ] }, { "type": "frame", "id": "lgOpT", "x": 1900, "y": 120, "name": "FavCard", "reusable": true, "width": 160, "layout": "vertical", "gap": 10, "children": [ { "type": "frame", "id": "dh62E", "name": "fcArt", "clip": true, "width": "fill_container", "height": 150, "fill": "$bg-surface-2", "cornerRadius": 16, "layout": "none", "children": [ { "type": "frame", "id": "5OKRk", "x": 116, "y": 10, "name": "heartBtn", "width": 32, "height": 32, "fill": "#00000066", "cornerRadius": 16, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "OPOhk", "name": "fchearti", "width": 17, "height": 17, "iconFontName": "favorite", "iconFontFamily": "Material Symbols Rounded", "fill": "$accent" } ] } ] }, { "type": "text", "id": "AyaFj", "name": "fcname", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Chillhop Radio", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "om17r", "name": "fcgenre", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Lo-Fi", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "1VHKQ", "x": 0, "y": 2832, "name": "Favorites", "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.3, "y": 0.05 } }, "layout": "vertical", "children": [ { "id": "oBI3T", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbf" }, { "type": "frame", "id": "ZLHHT", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 18, "padding": [ 6, 20, 0, 20 ], "children": [ { "type": "frame", "id": "uD8og", "name": "favhdr", "width": "fill_container", "justifyContent": "space_between", "alignItems": "end", "children": [ { "type": "text", "id": "zKFwN", "name": "favtt", "fill": "$text-primary", "content": "Избранное", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "text", "id": "0OM1K", "name": "favcnt", "fill": "$text-secondary", "content": "6 станций", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "3sfTa", "name": "grid", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "Gp6sf", "name": "fgr1", "width": "fill_container", "gap": 14, "children": [ { "id": "fHrWg", "type": "ref", "ref": "lgOpT", "width": "fill_container", "name": "fa", "descendants": { "dh62E": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1576056238696-975dcdd6132e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MTkwMzd8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } } } }, { "id": "Uxrtr", "type": "ref", "ref": "lgOpT", "width": "fill_container", "name": "fb", "descendants": { "dh62E": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1603239699774-885100e49753?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MTkwMzd8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "AyaFj": { "content": "Deep Jazz FM" }, "om17r": { "content": "Джаз" } } } ] }, { "type": "frame", "id": "DXeWf", "name": "fgr2", "width": "fill_container", "gap": 14, "children": [ { "id": "rmUqp", "type": "ref", "ref": "lgOpT", "width": "fill_container", "name": "fcc", "descendants": { "dh62E": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1560049417-4490ff3a1f3d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MTkwMzh8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "AyaFj": { "content": "Neon Nights" }, "om17r": { "content": "Электроника" } } }, { "id": "Go73h", "type": "ref", "ref": "lgOpT", "width": "fill_container", "name": "fd", "descendants": { "dh62E": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1567517849576-ae9432e1a03e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MTkwMzl8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "AyaFj": { "content": "RADIO RECORD" }, "om17r": { "content": "Танцевальное" } } } ] }, { "type": "frame", "id": "8uT3b", "name": "fgr3", "width": "fill_container", "gap": 14, "children": [ { "id": "0U2qU", "type": "ref", "ref": "lgOpT", "width": "fill_container", "name": "fe", "descendants": { "dh62E": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1647524904834-1ed784e73d2c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MTkwNDB8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "AyaFj": { "content": "Радио Energy" }, "om17r": { "content": "Поп · Dance" } } }, { "id": "NkFlt", "type": "ref", "ref": "lgOpT", "width": "fill_container", "name": "ff", "descendants": { "dh62E": { "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1535498730771-e735b998cd64?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MTkwNDF8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" } }, "AyaFj": { "content": "Megapolis FM" }, "om17r": { "content": "Хаус" } } } ] } ] } ] }, { "id": "u69X8", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbf", "descendants": { "8vDTY": { "fill": "#00000000" }, "ZIXR4": { "fill": "$text-secondary" }, "hp2PJ": { "fill": "$text-secondary" }, "AR0aN": { "fill": "$accent" }, "r6OEB": { "fill": "$bg-base" }, "Ae8Aw": { "fill": "$bg-base" } } } ] }, { "type": "frame", "id": "WFf4d", "x": 1900, "y": 340, "name": "HistoryRow", "reusable": true, "width": 350, "fill": "#00000000", "gap": 12, "padding": [ 8, 2 ], "alignItems": "center", "children": [ { "type": "frame", "id": "L8TqP", "name": "hrthumb", "width": 44, "height": 44, "fill": "$bg-surface-2", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "IKl5m", "name": "hrti", "width": 20, "height": 20, "iconFontName": "music", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] }, { "type": "frame", "id": "gKFsF", "name": "hrinfo", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "text", "id": "OzlWt", "name": "hrtitle", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Galaxy", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" }, { "type": "text", "id": "7PQ2O", "name": "hrsub", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Alex Mercip · RADIO RECORD", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "text", "id": "SF26T", "name": "hrtime", "fill": "$text-muted", "content": "21:40", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "TOAjf", "x": 440, "y": 2832, "name": "History", "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": { "y": 0.05 } }, "layout": "vertical", "children": [ { "id": "iGhjH", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbh" }, { "type": "frame", "id": "K986G", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 6, 20, 0, 20 ], "children": [ { "type": "text", "id": "xs7CL", "name": "histt", "fill": "$text-primary", "content": "История", "fontFamily": "Inter", "fontSize": 30, "fontWeight": "700" }, { "type": "frame", "id": "mdtIN", "name": "hsearch", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 14, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 12, "padding": [ 13, 16 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "gCaUM", "name": "hsi", "width": 19, "height": 19, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$text-muted" }, { "type": "text", "id": "laOjI", "name": "hst", "fill": "$text-muted", "textGrowth": "fixed-width", "width": "fill_container", "content": "Поиск в истории…", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" } ] }, { "type": "text", "id": "uHLu1", "name": "hlbl1", "fill": "$text-muted", "content": "СЕГОДНЯ", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.2 }, { "type": "frame", "id": "yQg7f", "name": "hlist1", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "id": "tKELo", "type": "ref", "ref": "WFf4d", "width": "fill_container", "name": "h1" }, { "id": "jssKh", "type": "ref", "ref": "WFf4d", "width": "fill_container", "name": "h2", "descendants": { "OzlWt": { "content": "Midnight Drive" }, "7PQ2O": { "content": "André Bratten · Радио Energy" }, "SF26T": { "content": "20:14" } } }, { "id": "gO7zT", "type": "ref", "ref": "WFf4d", "width": "fill_container", "name": "h3", "descendants": { "OzlWt": { "content": "Vanished World" }, "7PQ2O": { "content": "DJ Wolfox · Megapolis FM" }, "SF26T": { "content": "18:02" } } } ] }, { "type": "text", "id": "dej8Z", "name": "hlbl2", "fill": "$text-muted", "content": "ВЧЕРА", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.2 }, { "type": "frame", "id": "UN182", "name": "hlist2", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "id": "jHSNG", "type": "ref", "ref": "WFf4d", "width": "fill_container", "name": "h4", "descendants": { "OzlWt": { "content": "Aegis — Original Mix" }, "7PQ2O": { "content": "Sub Focus · DFM" }, "SF26T": { "content": "23:47" } } }, { "id": "nYAqw", "type": "ref", "ref": "WFf4d", "width": "fill_container", "name": "h5", "descendants": { "OzlWt": { "content": "Fever — Radio Edit" }, "7PQ2O": { "content": "Sarah Vaughan · Megapolis FM" }, "SF26T": { "content": "21:30" } } } ] } ] }, { "id": "u9QL3", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbh", "descendants": { "8vDTY": { "fill": "#00000000" }, "ZIXR4": { "fill": "$text-secondary" }, "hp2PJ": { "fill": "$text-secondary" }, "RJfJX": { "fill": "$accent" }, "GNMc7": { "fill": "$bg-base" }, "YlV72": { "fill": "$bg-base" } } } ] }, { "type": "frame", "id": "sWx61", "x": 0, "y": 3850, "name": "Brand", "width": 820, "fill": "$bg-base", "layout": "vertical", "gap": 36, "padding": 44, "children": [ { "type": "frame", "id": "juxs4", "name": "secA", "width": "fill_container", "layout": "vertical", "gap": 18, "children": [ { "type": "text", "id": "Zw2bT", "name": "secAh", "fill": "$text-muted", "content": "ЛОГОТИП · НАЧЕРТАНИЯ", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700", "letterSpacing": 2 }, { "type": "frame", "id": "gQlAE", "name": "wm1", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 22, 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "Jnx10", "name": "w1g", "alignItems": "end", "children": [ { "type": "text", "id": "YFLMN", "name": "w1a", "fill": "$text-primary", "content": "radi", "fontFamily": "Poppins", "fontSize": 38, "fontWeight": "700", "letterSpacing": -1 }, { "type": "text", "id": "J6n2t", "name": "w1b", "fill": "$accent", "content": "OLA", "fontFamily": "Poppins", "fontSize": 38, "fontWeight": "700", "letterSpacing": -1 } ] }, { "type": "text", "id": "KOqGm", "name": "w1l", "fill": "$text-muted", "content": "Poppins · Geometric", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "9LYDU", "name": "wm2", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 22, 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "C6YI1", "name": "w2g", "alignItems": "end", "children": [ { "type": "text", "id": "jTL1N", "name": "w2r", "fill": "$accent", "content": "r", "fontFamily": "Playfair Display", "fontSize": 52, "fontWeight": "800" }, { "type": "text", "id": "xeiUa", "name": "w2a", "fill": "$text-primary", "content": "adi", "fontFamily": "Playfair Display", "fontSize": 38, "fontWeight": "700" }, { "type": "text", "id": "XLgrh", "name": "w2b", "fill": "$accent", "content": "OLA", "fontFamily": "Playfair Display", "fontSize": 38, "fontWeight": "700", "fontStyle": "italic" } ] }, { "type": "text", "id": "097dk", "name": "w2l", "fill": "$text-muted", "content": "Playfair · Serif drop-cap", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Fu3Cf", "name": "wm3", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 22, 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "FLKIu", "name": "w3g", "alignItems": "end", "children": [ { "type": "text", "id": "R5vhr", "name": "w3a", "fill": "$text-primary", "content": "RADI", "fontFamily": "Space Mono", "fontSize": 34, "fontWeight": "700", "letterSpacing": 2 }, { "type": "text", "id": "9Ywne", "name": "w3b", "fill": "$accent", "content": "OLA", "fontFamily": "Space Mono", "fontSize": 34, "fontWeight": "700", "letterSpacing": 2 } ] }, { "type": "text", "id": "jtjJw", "name": "w3l", "fill": "$text-muted", "content": "Space Mono · Techno", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Ty3LJ", "name": "wm4", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 22, 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "lKXtV", "name": "w4g", "alignItems": "end", "children": [ { "type": "text", "id": "d0wWG", "name": "w4a", "fill": "$text-primary", "content": "radi", "fontFamily": "Archivo Black", "fontSize": 36, "fontWeight": "900", "letterSpacing": -1 }, { "type": "text", "id": "74w0L", "name": "w4b", "fill": "$accent", "content": "OLA", "fontFamily": "Archivo Black", "fontSize": 36, "fontWeight": "900", "letterSpacing": -1 } ] }, { "type": "text", "id": "t4UB6", "name": "w4l", "fill": "$text-muted", "content": "Archivo Black · Heavy", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "51Aqf", "name": "wm5", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "padding": [ 22, 28 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "azDrS", "name": "w5g", "gap": 1, "alignItems": "center", "children": [ { "type": "text", "id": "0pcBk", "name": "w5a", "fill": "$text-primary", "content": "Radi", "fontFamily": "Agdasima", "fontSize": 38, "fontWeight": "700" }, { "type": "text", "id": "ReicK", "name": "w5b", "fill": "$accent", "content": "OLA", "fontFamily": "Agdasima", "fontSize": 50, "fontWeight": "700" } ] }, { "type": "text", "id": "T8g4t", "name": "w5l", "fill": "$text-muted", "content": "Quicksand · Rounded, «O» = ring", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "tGAvT", "name": "secB", "width": "fill_container", "layout": "vertical", "gap": 20, "children": [ { "type": "text", "id": "57Whb", "name": "secBh", "fill": "$text-muted", "content": "ИКОНКА ПРИЛОЖЕНИЯ", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700", "letterSpacing": 2 }, { "type": "frame", "id": "1aPVr", "name": "icrow", "width": "fill_container", "gap": 22, "children": [ { "type": "frame", "id": "gkJ4n", "name": "it1", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "GC5Gt", "name": "it1b", "width": 96, "height": 96, "fill": "$accent", "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "zvDiR", "name": "it1i", "width": 46, "height": 46, "iconFontName": "radio", "iconFontFamily": "lucide", "fill": "$bg-base" } ] }, { "type": "text", "id": "2d9bz", "name": "it1l", "fill": "$text-muted", "content": "Lime · Radio", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "btgiW", "name": "it2", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "7KAUg", "name": "it2b", "width": 96, "height": 96, "fill": "$bg-surface-2", "cornerRadius": 26, "stroke": { "thickness": 1, "fill": "$border" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "pYFlV", "name": "it2i", "width": 48, "height": 48, "iconFontName": "audio-lines", "iconFontFamily": "lucide", "fill": "$accent" } ] }, { "type": "text", "id": "pLv9F", "name": "it2l", "fill": "$text-muted", "content": "Dark · Waves", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "lh0iG", "name": "it3", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "jRXnS", "name": "it3b", "width": 96, "height": 96, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "TbAWa", "name": "it3t", "fill": "$bg-base", "content": "R", "fontFamily": "Agdasima", "fontSize": 70, "fontWeight": "700" } ] }, { "type": "text", "id": "t5829", "name": "it3l", "fill": "$text-muted", "content": "Gradient · «r»", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "1VftR", "name": "it4", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "loCKL", "name": "it4b", "width": 96, "height": 96, "fill": "$bg-elevated", "cornerRadius": 48, "stroke": { "thickness": 1.5, "fill": "$accent" }, "layout": "none", "children": [ { "type": "path", "id": "TVGrV", "x": 23, "y": 26, "name": "it4arc", "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": 50, "height": 38, "stroke": { "align": "center", "thickness": 2.4, "cap": "round", "fill": "$accent" } }, { "type": "ellipse", "id": "fRRxH", "x": 43, "y": 60, "name": "it4dot", "fill": "$accent", "width": 9, "height": 9 } ] }, { "type": "text", "id": "bBNMy", "name": "it4l", "fill": "$text-muted", "content": "Circle · Broadcast", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "jTK0f", "name": "it5", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "E2nLd", "name": "it5b", "width": 96, "height": 96, "fill": "#0A1109", "cornerRadius": 26, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "none", "children": [ { "type": "text", "id": "EZtZy", "x": 22, "y": 18, "name": "it5t", "fill": "$accent", "content": "r", "fontFamily": "Poppins", "fontSize": 54, "fontWeight": "700" }, { "type": "path", "id": "cYGu4", "x": 54, "y": 33, "name": "it5arc", "geometry": "M2 4q6 4 0 8m5-11q9 7 0 14m5-17q12 10 0 20", "viewBox": [ 0, -2, 16, 20 ], "width": 26, "height": 30, "stroke": { "align": "center", "thickness": 2.4, "cap": "round", "fill": "$accent" } } ] }, { "type": "text", "id": "Rpirh", "name": "it5l", "fill": "$text-muted", "content": "Mono · «r)))»", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "rExFR", "x": 880, "y": 2832, "name": "RecPlayer", "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": "7c0W3", "type": "ref", "ref": "K7Dzi", "width": "fill_container", "name": "sbrp" }, { "type": "frame", "id": "AID0D", "name": "content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 18, "padding": [ 4, 20, 0, 20 ], "alignItems": "center", "children": [ { "type": "frame", "id": "VnRAh", "name": "rphdr", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "icon_font", "id": "COAdN", "name": "rpback", "width": 26, "height": 26, "iconFontName": "chevron-left", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "yAdJI", "name": "rphl", "fill": "$text-secondary", "content": "ЗАПИСЬ ЭФИРА", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.5 }, { "type": "icon_font", "id": "gOXdb", "name": "rpdel", "width": 22, "height": 22, "iconFontName": "trash-2", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] }, { "type": "text", "id": "IIox8", "name": "rpsub", "fill": "$text-secondary", "content": "RADIO RECORD · 02.06.2026", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1 }, { "type": "frame", "id": "iDKyu", "name": "cover", "metadata": { "type": "unsplash", "username": "bel2000a", "link": "https://unsplash.com/@bel2000a", "author": "Belinda Fewings" }, "clip": true, "width": 230, "height": 230, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1596385447162-ac514c8db85c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MjExMTN8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 24 }, { "type": "frame", "id": "0Uu5R", "name": "rptitlewrap", "width": "fill_container", "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "cqJ4L", "name": "rptitle", "fill": "$text-primary", "content": "Galaxy", "fontFamily": "Inter", "fontSize": 26, "fontWeight": "700" }, { "type": "text", "id": "AK5bi", "name": "rpartist", "fill": "$text-secondary", "content": "Alex Mercip Oliver", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" } ] }, { "type": "frame", "id": "QiTJA", "name": "seekRow", "width": "fill_container", "gap": 10, "alignItems": "center", "children": [ { "type": "text", "id": "20AXn", "name": "rptl", "fill": "$accent", "content": "06:12", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "frame", "id": "tNcrv", "name": "bars", "width": "fill_container", "height": 40, "gap": 3, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "Hu8ZA", "name": "p1", "fill": "$accent", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "TqCag", "name": "p2", "fill": "$accent", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "GD1M5", "name": "p3", "fill": "$accent", "width": "fill_container", "height": 28 }, { "type": "rectangle", "cornerRadius": 2, "id": "BfQrF", "name": "p4", "fill": "$accent", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "3CFka", "name": "p5", "fill": "$accent", "width": "fill_container", "height": 34 }, { "type": "rectangle", "cornerRadius": 2, "id": "CHkst", "name": "p6", "fill": "$accent", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "WtToK", "name": "p7", "fill": "$accent", "width": "fill_container", "height": 30 }, { "type": "rectangle", "cornerRadius": 2, "id": "lRo1e", "name": "p8", "fill": "$accent", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "JcE1B", "name": "p9", "fill": "$accent", "width": "fill_container", "height": 26 }, { "type": "rectangle", "cornerRadius": 2, "id": "Di60Z", "name": "p10", "fill": "$accent", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "gVz2q", "name": "p11", "fill": "$accent", "width": "fill_container", "height": 32 }, { "type": "rectangle", "cornerRadius": 2, "id": "SVXqB", "name": "p12", "fill": "$accent", "width": "fill_container", "height": 24 }, { "type": "rectangle", "cornerRadius": 2, "id": "PKjwg", "name": "p13", "fill": "$accent", "width": "fill_container", "height": 10 }, { "type": "ellipse", "id": "LddEI", "name": "knob", "fill": "$accent", "width": 16, "height": 16, "stroke": { "thickness": 3, "fill": "$bg-base" } }, { "type": "rectangle", "cornerRadius": 2, "id": "PXo3b", "name": "m1", "fill": "$text-muted", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "EMKl8", "name": "m2", "fill": "$text-muted", "width": "fill_container", "height": 14 }, { "type": "rectangle", "cornerRadius": 2, "id": "9qiN3", "name": "m3", "fill": "$text-muted", "width": "fill_container", "height": 30 }, { "type": "rectangle", "cornerRadius": 2, "id": "cJyBz", "name": "m4", "fill": "$text-muted", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "T8Mnt", "name": "m5", "fill": "$text-muted", "width": "fill_container", "height": 34 }, { "type": "rectangle", "cornerRadius": 2, "id": "Yco6N", "name": "m6", "fill": "$text-muted", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "VfZWt", "name": "m7", "fill": "$text-muted", "width": "fill_container", "height": 26 }, { "type": "rectangle", "cornerRadius": 2, "id": "zfdRe", "name": "m8", "fill": "$text-muted", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "jZW7N", "name": "m9", "fill": "$text-muted", "width": "fill_container", "height": 32 }, { "type": "rectangle", "cornerRadius": 2, "id": "847XA", "name": "m10", "fill": "$text-muted", "width": "fill_container", "height": 16 }, { "type": "rectangle", "cornerRadius": 2, "id": "xs0BS", "name": "m11", "fill": "$text-muted", "width": "fill_container", "height": 28 }, { "type": "rectangle", "cornerRadius": 2, "id": "eD15h", "name": "m12", "fill": "$text-muted", "width": "fill_container", "height": 24 }, { "type": "rectangle", "cornerRadius": 2, "id": "tDnzE", "name": "m13", "fill": "$text-muted", "width": "fill_container", "height": 15 }, { "type": "rectangle", "cornerRadius": 2, "id": "ZTfEu", "name": "m14", "fill": "$text-muted", "width": "fill_container", "height": 36 }, { "type": "rectangle", "cornerRadius": 2, "id": "JNEOI", "name": "m15", "fill": "$text-muted", "width": "fill_container", "height": 20 }, { "type": "rectangle", "cornerRadius": 2, "id": "P1B44", "name": "m16", "fill": "$text-muted", "width": "fill_container", "height": 13 }, { "type": "rectangle", "cornerRadius": 2, "id": "dbfcu", "name": "m17", "fill": "$text-muted", "width": "fill_container", "height": 28 }, { "type": "rectangle", "cornerRadius": 2, "id": "MEfFl", "name": "m18", "fill": "$text-muted", "width": "fill_container", "height": 18 }, { "type": "rectangle", "cornerRadius": 2, "id": "OxUCd", "name": "m19", "fill": "$text-muted", "width": "fill_container", "height": 30 }, { "type": "rectangle", "cornerRadius": 2, "id": "rWOAC", "name": "m20", "fill": "$text-muted", "width": "fill_container", "height": 22 }, { "type": "rectangle", "cornerRadius": 2, "id": "7KUZj", "name": "m21", "fill": "$text-muted", "width": "fill_container", "height": 12 }, { "type": "rectangle", "cornerRadius": 2, "id": "WWGrA", "name": "m22", "fill": "$text-muted", "width": "fill_container", "height": 24 } ] }, { "type": "text", "id": "vA4bP", "name": "rptr", "fill": "$text-muted", "content": "14:32", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "tnmtx", "name": "controls", "width": "fill_container", "padding": [ 6, 4, 0, 4 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "ec7xr", "name": "spd", "fill": "$bg-surface-2", "cornerRadius": 13, "padding": [ 6, 12 ], "children": [ { "type": "text", "id": "AwRAK", "name": "spdt", "fill": "$text-secondary", "content": "1×", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "icon_font", "id": "SltyO", "name": "rew", "width": 26, "height": 26, "iconFontName": "rewind", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "frame", "id": "fkqrw", "name": "rpplay", "width": 68, "height": 68, "fill": "$accent", "cornerRadius": 34, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "TzWtG", "name": "rpplayi", "width": 28, "height": 28, "iconFontName": "pause", "iconFontFamily": "lucide", "fill": "$bg-base" } ] }, { "type": "icon_font", "id": "BT6Z7", "name": "ffw", "width": 26, "height": 26, "iconFontName": "fast-forward", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "icon_font", "id": "5J8Th", "name": "shr", "width": 22, "height": 22, "iconFontName": "share-2", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] } ] }, { "id": "Fkf3W", "type": "ref", "ref": "iM71m", "width": "fill_container", "name": "tbrp", "descendants": { "8vDTY": { "fill": "#00000000" }, "ZIXR4": { "fill": "$text-secondary" }, "hp2PJ": { "fill": "$text-secondary" }, "RJfJX": { "fill": "$accent" }, "GNMc7": { "fill": "$bg-base" }, "YlV72": { "fill": "$bg-base" } } } ] }, { "type": "frame", "id": "zzLtl", "x": 1320, "y": 2832, "name": "Splash", "clip": true, "width": 390, "height": 844, "fill": { "type": "gradient", "gradientType": "radial", "enabled": true, "rotation": 0, "size": { "width": 1.4, "height": 1.2 }, "colors": [ { "color": "#1E3026", "position": 0 }, { "color": "$bg-base", "position": 1 } ], "center": { "y": 0.42 } }, "layout": "vertical", "gap": 26, "padding": [ 300, 40, 40, 40 ], "alignItems": "center", "children": [ { "type": "frame", "id": "tECDv", "name": "spIcon", "width": 104, "height": 104, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 26, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "1JAty", "name": "it3t", "fill": "$bg-base", "content": "R", "fontFamily": "Agdasima", "fontSize": 70, "fontWeight": "700" } ] }, { "type": "frame", "id": "EDb7v", "name": "spWm", "gap": 1, "alignItems": "center", "children": [ { "type": "text", "id": "r8fJR", "name": "w5a", "fill": "$text-primary", "content": "Radi", "fontFamily": "Agdasima", "fontSize": 38, "fontWeight": "700" }, { "type": "text", "id": "pnXLm", "name": "w5b", "fill": "$accent", "content": "OLA", "fontFamily": "Agdasima", "fontSize": 50, "fontWeight": "700" } ] }, { "type": "text", "id": "b0tnb", "name": "spTag", "fill": "$text-secondary", "content": "Твоё радио всегда с тобой", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" }, { "type": "frame", "id": "BWfPR", "name": "loader", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "eMwOk", "name": "d1", "fill": "$accent", "width": 8, "height": 8 }, { "type": "ellipse", "id": "Jh9LP", "name": "d2", "fill": "$accent-dim", "width": 8, "height": 8 }, { "type": "ellipse", "id": "JyCLW", "name": "d3", "fill": "$bg-elevated", "width": 8, "height": 8 } ] } ] }, { "type": "frame", "id": "FPXeF", "x": 0, "y": 4900, "name": "IconAssets", "width": 760, "fill": "$bg-base", "layout": "vertical", "gap": 32, "padding": 44, "children": [ { "type": "text", "id": "PZG5b", "name": "abh", "fill": "$text-muted", "content": "ИКОНКА · АДАПТИВНАЯ (ANDROID)", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700", "letterSpacing": 2 }, { "type": "frame", "id": "AeQV7", "name": "arow", "width": "fill_container", "gap": 24, "children": [ { "type": "frame", "id": "HRuHb", "name": "fgItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "uXclO", "name": "foreground", "width": 120, "height": 120, "fill": "#16201A", "cornerRadius": 14, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "none", "children": [ { "type": "ellipse", "id": "sjcSK", "x": 16, "y": 16, "name": "fgSafe", "fill": "#00000000", "width": 88, "height": 88, "stroke": { "thickness": 1.5, "fill": "$accent-dim" } }, { "type": "frame", "id": "ZZ6Y4", "x": 0, "y": 0, "name": "fgCenter", "width": 120, "height": 120, "fill": "#00000000", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "L7vQi", "name": "fgR", "fill": "$accent", "content": "R", "fontFamily": "Poppins", "fontSize": 66, "fontWeight": "700" } ] } ] }, { "type": "text", "id": "90s0J", "name": "fgL", "fill": "$text-muted", "content": "Foreground + safe-zone", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "BYNDW", "name": "bgItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "HPA6K", "name": "bgBox", "width": 120, "height": 120, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 14 }, { "type": "text", "id": "QrcfO", "name": "bgL", "fill": "$text-muted", "content": "Background", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "v5zud", "name": "sqItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "P9GEn", "name": "sqBox", "width": 120, "height": 120, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 28, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "uJgKH", "name": "sqR", "fill": "#0C1410", "content": "R", "fontFamily": "Poppins", "fontSize": 66, "fontWeight": "700" } ] }, { "type": "text", "id": "qnYen", "name": "sqL", "fill": "$text-muted", "content": "Squircle (маска)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "hNIsP", "name": "ciItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "v76ei", "name": "ciBox", "width": 120, "height": 120, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 60, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "tSKzf", "name": "ciR", "fill": "#0C1410", "content": "R", "fontFamily": "Poppins", "fontSize": 66, "fontWeight": "700" } ] }, { "type": "text", "id": "qnMMn", "name": "ciL", "fill": "$text-muted", "content": "Circle (маска)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "PJrRH", "name": "mh", "fill": "$text-muted", "content": "МОНОХРОМ (ТЕМА / УВЕДОМЛЕНИЯ / ВИДЖЕТ)", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700", "letterSpacing": 2 }, { "type": "frame", "id": "vCGf2", "name": "mrow", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "frame", "id": "Yh7tk", "name": "mIconItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "VIfgN", "name": "mIconBox", "width": 120, "height": 120, "fill": "#16201A", "cornerRadius": 28, "stroke": { "thickness": 1, "fill": "$border" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "9k0Ou", "name": "mIconR", "fill": "$text-primary", "content": "R", "fontFamily": "Poppins", "fontSize": 66, "fontWeight": "700" } ] }, { "type": "text", "id": "7vX8v", "name": "mIconL", "fill": "$text-muted", "content": "Themed (Android 13)", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ZQFTC", "name": "mDarkItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "AoQHP", "name": "mDarkBox", "width": 220, "height": 120, "fill": "$bg-surface", "cornerRadius": 16, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "sjj8N", "name": "md1", "fill": "$text-primary", "content": "Radi", "fontFamily": "Quicksand", "fontSize": 32, "fontWeight": "700" }, { "type": "ellipse", "id": "1lHlO", "name": "mdRing", "fill": "#00000000", "width": 25, "height": 25, "stroke": { "thickness": 4.5, "fill": "$text-primary" } }, { "type": "text", "id": "3EJrJ", "name": "md2", "fill": "$text-primary", "content": "LA", "fontFamily": "Quicksand", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "text", "id": "KfnTT", "name": "mDarkL", "fill": "$text-muted", "content": "Mono / на тёмном", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "TSZs3", "name": "mLightItem", "layout": "vertical", "gap": 10, "alignItems": "center", "children": [ { "type": "frame", "id": "JC0gb", "name": "mLightBox", "width": 220, "height": 120, "fill": "#EAF0E6", "cornerRadius": 16, "gap": 1, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "V0d1N", "name": "ml1", "fill": "#0C1410", "content": "Radi", "fontFamily": "Quicksand", "fontSize": 32, "fontWeight": "700" }, { "type": "ellipse", "id": "kvGZE", "name": "mlRing", "fill": "#00000000", "width": 25, "height": 25, "stroke": { "thickness": 4.5, "fill": "#0C1410" } }, { "type": "text", "id": "f8K9R", "name": "ml2", "fill": "#0C1410", "content": "LA", "fontFamily": "Quicksand", "fontSize": 32, "fontWeight": "700" } ] }, { "type": "text", "id": "R1wLS", "name": "mLightL", "fill": "$text-muted", "content": "Mono / на светлом", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "SZZMN", "x": 0, "y": 5420, "name": "SystemUI", "width": 520, "fill": "$bg-base", "layout": "vertical", "gap": 30, "padding": 44, "children": [ { "type": "text", "id": "013kF", "name": "nh", "fill": "$text-muted", "content": "МЕДИА-УВЕДОМЛЕНИЕ (ЭКРАН БЛОКИРОВКИ)", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700", "letterSpacing": 2 }, { "type": "frame", "id": "cIxhW", "name": "notification", "width": 400, "fill": "#1B2620", "cornerRadius": 22, "stroke": { "thickness": 1, "fill": "$border" }, "layout": "vertical", "gap": 14, "padding": [ 16, 18, 18, 18 ], "children": [ { "type": "frame", "id": "Gu5KD", "name": "nrow1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "GnOZv", "name": "nappg", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "AezAh", "name": "nappi", "width": 22, "height": 22, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": { "height": 1 }, "colors": [ { "color": "#C2F25B", "position": 0 }, { "color": "#6FA53C", "position": 1 } ] }, "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Pf4oj", "name": "nappr", "fill": "#0C1410", "content": "R", "fontFamily": "Poppins", "fontSize": 13, "fontWeight": "700" } ] }, { "type": "text", "id": "lJguw", "name": "nappn", "fill": "$text-secondary", "content": "radiOLA", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" } ] }, { "type": "frame", "id": "Kg5ff", "name": "nlive", "gap": 6, "alignItems": "center", "children": [ { "type": "ellipse", "id": "xxv1j", "name": "nlived", "fill": "#FF5252", "width": 7, "height": 7 }, { "type": "text", "id": "iJU1w", "name": "nlivet", "fill": "#FF6B6B", "content": "В ЭФИРЕ", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "700", "letterSpacing": 0.5 } ] } ] }, { "type": "frame", "id": "3OrMM", "name": "nrow2", "width": "fill_container", "gap": 14, "alignItems": "center", "children": [ { "type": "frame", "id": "YV75G", "name": "nart", "metadata": { "type": "unsplash", "username": "designhorf", "link": "https://unsplash.com/@designhorf", "author": "Ferenc Horvath" }, "clip": true, "width": 58, "height": 58, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1519810755548-39cd217da494?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MjM0OTF8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 12 }, { "type": "frame", "id": "t5xWg", "name": "ntext", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "text", "id": "ZObJa", "name": "ntitle", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Galaxy", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "700" }, { "type": "text", "id": "awusl", "name": "nsub", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Alex Mercip · RADIO RECORD", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "6maBu", "name": "nctrl", "width": "fill_container", "padding": [ 2, 8, 0, 8 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "icon_font", "id": "cVq4M", "name": "ncfav", "width": 22, "height": 22, "iconFontName": "favorite", "iconFontFamily": "Material Symbols Rounded", "fill": "$accent" }, { "type": "icon_font", "id": "RBES5", "name": "ncprev", "width": 24, "height": 24, "iconFontName": "skip-back", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "frame", "id": "Ns6dc", "name": "ncplay", "width": 50, "height": 50, "fill": "$accent", "cornerRadius": 25, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "cwTbY", "name": "ncplayi", "width": 22, "height": 22, "iconFontName": "pause", "iconFontFamily": "lucide", "fill": "$bg-base" } ] }, { "type": "icon_font", "id": "Sf3VC", "name": "ncnext", "width": 24, "height": 24, "iconFontName": "skip-forward", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "icon_font", "id": "UyS9s", "name": "ncstop", "width": 20, "height": 20, "iconFontName": "square", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] } ] }, { "type": "text", "id": "ducks", "name": "wh", "fill": "$text-muted", "content": "ВИДЖЕТ 4×1 (РАБОЧИЙ СТОЛ)", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "700", "letterSpacing": 2 }, { "type": "frame", "id": "UhzRH", "name": "widget", "width": 400, "fill": "#1B2620", "cornerRadius": 20, "stroke": { "thickness": 1, "fill": "$border" }, "gap": 14, "padding": [ 12, 14, 12, 12 ], "alignItems": "center", "children": [ { "type": "frame", "id": "PACjz", "name": "wart", "metadata": { "type": "unsplash", "username": "clarissemeyer", "link": "https://unsplash.com/@clarissemeyer", "author": "Clarisse Meyer" }, "clip": true, "width": 64, "height": 64, "fill": { "type": "image", "enabled": true, "url": "https://images.unsplash.com/photo-1498590880827-3f79fdcd7fbe?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODA0MjM0OTF8&ixlib=rb-4.1.0&q=80&w=1080", "mode": "fill" }, "cornerRadius": 12 }, { "type": "frame", "id": "miEe4", "name": "wtext", "width": "fill_container", "layout": "vertical", "gap": 3, "children": [ { "type": "frame", "id": "2h1wF", "name": "wstation", "width": "fill_container", "gap": 6, "alignItems": "center", "children": [ { "type": "ellipse", "id": "K7tbA", "name": "wsd", "fill": "#FF5252", "width": 6, "height": 6 }, { "type": "text", "id": "EJRXQ", "name": "wsn", "fill": "$text-secondary", "content": "RADIO RECORD", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 0.5 } ] }, { "type": "text", "id": "jRs7f", "name": "wtrack", "fill": "$text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Galaxy — Alex Mercip", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "600" } ] }, { "type": "frame", "id": "Qsm4w", "name": "wctrl", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "bBMoA", "name": "wplay", "width": 46, "height": 46, "fill": "$accent", "cornerRadius": 23, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "WsuvV", "name": "wplayi", "width": 20, "height": 20, "iconFontName": "pause", "iconFontFamily": "lucide", "fill": "$bg-base" } ] }, { "type": "frame", "id": "IEDsx", "name": "wnext", "width": 46, "height": 46, "fill": "$bg-surface-2", "cornerRadius": 23, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "cNt3m", "name": "wnexti", "width": 19, "height": 19, "iconFontName": "skip-forward", "iconFontFamily": "lucide", "fill": "$text-primary" } ] } ] } ] } ] } ], "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" } } }