| Element | Content | Layout (final) | Animations (property · range · frames · easing) |
|---|---|---|---|
| grid_pattern el_02 · shape · z0 |
#F5EEDD |
x540 y960 1080×1920 |
opacity 0.51→1.0 f3–115 spring spring(18/80) |
| quotes_icon el_03 · text · z1 |
'' #000000 |
x186 y234 72×72 |
x 234.0→186.0 f3–119 spring spring(12/120) y 288.0→234.0 f3–119 spring spring(8/120) |
| user_icon_body el_04 · shape · z2 |
#42A5F5 |
x540 y850 500×500 |
x 540.0→540.0 f3–119 anticipate y 850.0→853.0 f12–106 spring spring(8/80) opacity 1.0→1.0 f21–86 anticipate |
| portrait_frame_bg el_06 · shape · z3 |
#2196F3 |
x540 y586 798×744 |
x 545.8→538.8 f6–17 spring spring(8/200) y 594.0→589.0 f6–106 spring spring(8/120) opacity 0.79→1.0 f3–108 spring spring(26/120) |
| portrait_slot_text el_07 · text · z4 |
PORTRAIT SLOT #FFFFFF |
x540 y480 320×120 |
x 543.0→540.0 f6–119 spring spring(12/80) y 530.0→480.0 f3–119 spring spring(8/80) |
| microphone_icon el_08 · shape · z5 |
#34495E |
x540 y700 80×120 |
y 698.0→708.0 f32–108 spring spring(40/80) opacity 0.86→1.0 f6–91 linear |
| portrait_slot_microphone el_09 · shape · z6 |
#33B5E5 |
x540 y790 100×180 |
x 537.0→540.0 f10–119 spring spring(8/80) y 791.0→792.0 f10–106 spring spring(8/80) opacity 1.0→1.0 f10–119 anticipate |
| quote_marks el_11 · text · z7 |
// #000000 |
x128 y160 64×64 |
x 182.0→128.0 f6–57 easeInCubic y 160.0→160.0 f3–10 easeInBack opacity 1.0→1.0 f6–67 anticipate |
| quotes_icon el_16 · icon · z8 |
#000000 |
x180 y290 60×60 |
x 229.0→180.0 f3–119 spring spring(12/120) y 342.0→290.0 f3–119 spring spring(8/120) |
| portrait_figure_head el_17 · shape · z9 |
#3090C0 |
x540 y477 255×255 |
x 543.6→539.6 f3–119 spring spring(18/80) y 519.6→476.6 f3–119 spring spring(8/80) |
| play_button_bg el_18 · shape · z10 |
#FFD600 |
x860 y140 100×100 |
x 865.0→861.0 f14–106 easeOutCubic y 154.0→152.0 f12–106 spring spring(8/200) opacity 0.03→1.0 f3–115 spring spring(26/120) |
| portrait_frame_shadow el_19 · shape · z11 |
#000000 |
x539 y635 471×234 |
y 645.0→646.0 f3–115 easeInBack opacity 1.0→0.9 f57–62 linear |
| underline el_20 · shape · z12 |
#FFD700 |
x540 y1452 840×24 |
x 606.0→540.0 f3–106 spring spring(18/200) y 1454.0→1449.0 f10–17 easeOutBack opacity 0.38→0.96 f6–108 spring spring(12/120) |
| play_icon_triangle el_21 · shape · z13 |
#000000 |
x860 y140 44×44 |
x 904.0→860.0 f12–119 spring spring(40/80) y 140.0→140.0 f10–119 spring spring(40/200) opacity 1.0→0.01 f12–106 linear |
| play_button_bg el_22 · shape · z14 |
#FFD700 |
x870 y240 140×140 |
x 841.0→871.0 f3–103 spring spring(18/80) y 261.0→238.0 f45–79 spring spring(40/80) opacity 0.12→1.0 f10–115 spring spring(12/80) |
| play_button_triangle el_25 · shape · z15 |
#000000 |
x860 y300 50×50 |
x 873.0→863.0 f6–106 spring spring(26/80) y 304.0→311.0 f74–86 anticipate opacity 1.0→1.0 f14–115 anticipate |
| headline_line3 el_27 · text · z16 |
ВИДЕО #000000 |
x540 y1472 952×128 |
x 539.0→546.0 f3–6 linear y 1475.0→1469.0 f10–17 easeOutBack opacity 0.81→0.85 f14–108 spring spring(8/200) |
| decorative_lines el_28 · shape · z17 |
#000000 |
x110 y180 60×60 |
x 164.0→110.0 f12–57 easeInBack y 180.0→180.0 f3–14 anticipate opacity 1.0→1.0 f3–103 anticipate |
| underline el_32 · shape · z18 |
#FFEB3B |
x424 y1548 720×24 |
x 427.0→422.0 f6–115 linear y 1174.0→1613.0 f6–10 linear opacity 0.99→1.0 f21–119 easeInBack |
| play_button_circle el_33 · shape · z19 |
#FFFFFF |
x890 y210 80×80 |
x 890.0→891.0 f17–103 spring spring(8/80) y 301.0→210.0 f3–119 spring spring(12/80) opacity 0.15→0.99 f6–115 spring spring(26/120) |
| small_yellow_dot el_36 · shape · z20 |
#FFD700 |
x540 y1740 40×40 |
x 572.0→540.0 f6–10 linear y 1758.0→1740.0 f10–119 spring spring(8/200) opacity 1.0→1.0 f21–119 easeInBack |
| play_button_triangle el_37 · shape · z21 |
#000000 |
x890 y210 30×40 |
x 923.0→890.0 f12–119 spring spring(8/120) y 236.0→218.0 f10–106 spring spring(8/200) opacity 0.01→1.0 f3–115 spring spring(26/80) |
| text_smotri el_39 · text · z22 |
СМОТРИ #222222 |
x539 y1149 858×118 |
x 540.2→543.2 f3–6 linear y 1150.1→1149.1 f17–119 spring spring(18/80) opacity 1.0→0.92 f3–108 easeInCubic |
| underline el_40 · shape · z23 |
#FFEB3B |
x300 y1320 400×20 |
x 305.0→300.0 f3–106 spring spring(26/120) y 1360.0→1311.0 f3–10 easeOutCubic opacity 1.0→1.0 f10–108 anticipate |
| decorative_dot el_42 · shape · z24 |
#FFD600 |
x710 y1460 20×20 |
x 690.0→720.0 f3–6 linear y 1478.0→1476.0 f10–115 spring spring(8/200) |
| headline_part2 el_43 · text · z25 |
ПЕРВОЕ #000000 |
x540 y1268 859×118 |
x 543.6→539.6 f6–106 spring spring(18/80) y 1303.1→1261.1 f3–10 easeOutCubic opacity 0.96→0.91 f40–50 anticipate |
| underline el_44 · shape · z26 |
#FFD700 |
x330 y1510 400×20 |
x 591.0→336.0 f3–6 linear y 1514.0→1507.0 f10–17 easeOutBack opacity 1.0→1.0 f10–115 anticipate |
| underline el_45 · shape · z27 |
#FFEB3B |
x300 y1390 400×20 |
x 558.0→301.0 f3–6 linear y 1390.0→1389.0 f10–17 spring spring(8/200) opacity 0.38→1.0 f6–115 spring spring(18/120) |