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