Update logos and improve film title styling
- Update app-icon.svg with new gradient strokes and circle element - Update logo.svg with matching design improvements and gradient borders - Increase film title size to 20px (text-xl) with bold weight on desktop - Keep 16px (text-base) with semibold weight on mobile for better proportions Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
@@ -1,107 +1,94 @@
|
||||
<svg width="1374" height="1401" viewBox="0 0 1374 1401" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Add glass effect filters -->
|
||||
<defs>
|
||||
<!-- Glass highlight effect -->
|
||||
<filter id="glass-effect" x="-50%" y="-50%" width="200%" height="200%">
|
||||
<feGaussianBlur in="SourceAlpha" stdDeviation="8"/>
|
||||
<feOffset dx="0" dy="-2" result="offsetblur"/>
|
||||
<feComponentTransfer>
|
||||
<feFuncA type="linear" slope="0.3"/>
|
||||
</feComponentTransfer>
|
||||
<feMerge>
|
||||
<feMergeNode/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
|
||||
<!-- Inner glow -->
|
||||
<filter id="inner-glow">
|
||||
<feGaussianBlur stdDeviation="4" result="blur"/>
|
||||
<feComposite in="blur" in2="SourceGraphic" operator="atop"/>
|
||||
</filter>
|
||||
|
||||
<!-- Gradients -->
|
||||
<linearGradient id="paint0_linear_548_65" x1="124.804" y1="-297.569" x2="1351.77" y2="-186.399" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_548_65" x1="1175.8" y1="-298.569" x2="2402.77" y2="-187.399" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_548_65" x1="124.804" y1="684.431" x2="1351.77" y2="795.601" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_548_65" x1="1175.8" y1="683.431" x2="2402.77" y2="794.601" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_548_65" x1="-202.64" y1="492.439" x2="1176.93" y2="666.265" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_548_65" x1="162.651" y1="492.439" x2="1542.49" y2="666.336" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_548_65" x1="512.679" y1="492.439" x2="1933.21" y2="676.92" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_548_65" x1="-411.498" y1="492.439" x2="715.627" y2="607.854" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Logo paths with glass effects -->
|
||||
<g filter="url(#glass-effect)">
|
||||
<path d="M323 419V247.777V162.903V1H0V419H323Z" fill="url(#paint0_linear_548_65)" opacity="0.95"/>
|
||||
<path d="M1374 418V246.777V161.903V0H1051V418H1374Z" fill="url(#paint1_linear_548_65)" opacity="0.95"/>
|
||||
<path d="M323 1401V1229.78V1144.9V983H0V1401H323Z" fill="url(#paint2_linear_548_65)" opacity="0.95"/>
|
||||
<path d="M911 1401V1229.78V1144.9V983H463V1401H911Z" fill="#1D1D1D" opacity="0.9"/>
|
||||
<path d="M911 419V247.777V162.903V1H463V419H911Z" fill="#1D1D1D" opacity="0.9"/>
|
||||
<path d="M1374 1400V1228.78V1143.9V982H1051V1400H1374Z" fill="url(#paint3_linear_548_65)" opacity="0.95"/>
|
||||
<path d="M633.03 843H468.829L303.707 557H467.908L633.03 843Z" fill="url(#paint4_linear_548_65)"/>
|
||||
<path d="M998.495 843H834.226L669.104 557H833.373L998.495 843Z" fill="url(#paint5_linear_548_65)"/>
|
||||
<path d="M1374 843H1199.69L1034.57 557H1374V843Z" fill="url(#paint6_linear_548_65)"/>
|
||||
<path d="M267.634 843H0V557H102.512L267.634 843Z" fill="url(#paint7_linear_548_65)"/>
|
||||
</g>
|
||||
|
||||
<!-- Glass highlights on top -->
|
||||
<g opacity="0.4">
|
||||
<path d="M323 419V247.777V162.903V1H0V150" fill="url(#glass-highlight-1)"/>
|
||||
<path d="M1374 418V246.777V161.903V0H1051V150" fill="url(#glass-highlight-2)"/>
|
||||
<path d="M323 1401V1229.78V1144.9V983H0V1100" fill="url(#glass-highlight-3)"/>
|
||||
<path d="M1374 1400V1228.78V1143.9V982H1051V1100" fill="url(#glass-highlight-4)"/>
|
||||
</g>
|
||||
|
||||
<!-- Glass highlight gradients -->
|
||||
<defs>
|
||||
<linearGradient id="glass-highlight-1" x1="161.5" y1="1" x2="161.5" y2="150" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0.3"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="glass-highlight-2" x1="1212.5" y1="0" x2="1212.5" y2="150" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0.3"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="glass-highlight-3" x1="161.5" y1="983" x2="161.5" y2="1100" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0.3"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="glass-highlight-4" x1="1212.5" y1="982" x2="1212.5" y2="1100" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0.3"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path d="M321.5 2.5V417.5H1.5V2.5H321.5Z" fill="url(#paint0_linear_548_65)" stroke="url(#paint1_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M1372.5 1.5V416.5H1052.5V1.5H1372.5Z" fill="url(#paint2_linear_548_65)" stroke="url(#paint3_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M321.5 984.5V1399.5H1.5V984.5H321.5Z" fill="url(#paint4_linear_548_65)" stroke="url(#paint5_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M909.5 984.5V1399.5H464.5V984.5H909.5Z" fill="#1D1D1D" stroke="url(#paint6_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M1372.5 983.5V1398.5H1052.5V983.5H1372.5Z" fill="url(#paint7_linear_548_65)" stroke="url(#paint8_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M467.042 558.5L630.433 841.5H469.695L306.305 558.5H467.042Z" fill="url(#paint9_linear_548_65)" stroke="url(#paint10_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M832.507 558.5L995.897 841.5H835.092L671.701 558.5H832.507Z" fill="url(#paint11_linear_548_65)" stroke="url(#paint12_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M1372.5 558.5V841.5H1200.56L1037.17 558.5H1372.5Z" fill="url(#paint13_linear_548_65)" stroke="url(#paint14_linear_548_65)" stroke-width="3"/>
|
||||
<path d="M101.646 558.5L265.036 841.5H1.5V558.5H101.646Z" fill="url(#paint15_linear_548_65)" stroke="url(#paint16_linear_548_65)" stroke-width="3"/>
|
||||
<circle cx="687.5" cy="210.5" r="209" fill="#1D1D1D" stroke="url(#paint17_linear_548_65)" stroke-width="3"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_548_65" x1="124.804" y1="-297.569" x2="1351.77" y2="-186.399" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_548_65" x1="0" y1="1" x2="323" y2="419" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#F52532"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_548_65" x1="1175.8" y1="-298.569" x2="2402.77" y2="-187.399" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_548_65" x1="1051" y1="0" x2="1374" y2="418" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#F52532"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_548_65" x1="124.804" y1="684.431" x2="1351.77" y2="795.601" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_548_65" x1="323" y1="1067.2" x2="6.09023e-06" y2="1316.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#F52532"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_548_65" x1="687" y1="1401" x2="687" y2="983" gradientUnits="userSpaceOnUse">
|
||||
<stop/>
|
||||
<stop offset="1" stop-color="#666666"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_548_65" x1="1175.8" y1="683.431" x2="2402.77" y2="794.601" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_548_65" x1="1374" y1="1066.2" x2="1051" y2="1315.8" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#F52532"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_548_65" x1="-202.64" y1="492.439" x2="1176.93" y2="666.265" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_548_65" x1="303.707" y1="557" x2="562.607" y2="896.973" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FAFAFA"/>
|
||||
<stop offset="1" stop-color="#A5729F"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_548_65" x1="162.651" y1="492.439" x2="1542.49" y2="666.336" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint12_linear_548_65" x1="669.104" y1="557" x2="927.989" y2="897.025" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FAFAFA"/>
|
||||
<stop offset="1" stop-color="#A5729F"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint13_linear_548_65" x1="512.679" y1="492.439" x2="1933.21" y2="676.92" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint14_linear_548_65" x1="1034.57" y1="557" x2="1291.29" y2="904.456" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FAFAFA"/>
|
||||
<stop offset="1" stop-color="#A5729F"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint15_linear_548_65" x1="-411.498" y1="492.439" x2="715.627" y2="607.854" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F0003D"/>
|
||||
<stop offset="0.369792" stop-color="#FA4727"/>
|
||||
<stop offset="0.776042" stop-color="#6B90F4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint16_linear_548_65" x1="0" y1="557" x2="268" y2="843" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FAFAFA"/>
|
||||
<stop offset="1" stop-color="#A5729F"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint17_linear_548_65" x1="687.5" y1="0" x2="687.5" y2="421" gradientUnits="userSpaceOnUse">
|
||||
<stop/>
|
||||
<stop offset="1" stop-color="#666666"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.5 KiB |
Reference in New Issue
Block a user