nikita/radiola-android
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
55a380d34bc68bde2c1cdf4af530b7c7e7328b46
radiola-android/tempfiles/radiOLA.pen
nk 1771a5b975 chore(repo): игнор tempfiles/, фикс дизайн-файла и ассетов RuStore 
- tempfiles/ в .gitignore (скрэтч: картинки, HTML-эксперименты, мокапы),
  кроме tempfiles/radiOLA.pen — дизайн-файл остаётся под версией
- коммит изменений radiOLA.pen
- docs/rustore-listing.md и design/logos/*.html — ассеты карточки RuStore

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 17:28:48 +03:00

7557 lines
240 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"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"
}
}
}
Reference in New Issue View Git Blame Copy Permalink