返回 ppt-master
vertical_list.svg
根目录 / skills / ppt-master / templates / charts / vertical_list.svg
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"
2 font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
3 font-size="12">
4 <!--
5 Vertical List Template
6 Purpose: Feature listing, vertical roadmap, key points
7 Use cases: Core strengths, key findings, checklists
8 Feature: Stage-colored tracking line, overlapping nodes, and ordered content cards
9 -->
10 <defs>
11 <!-- Track Gradient -->
12 <linearGradient id="lineGrad" x1="0%" y1="0%" x2="0%" y2="100%">
13 <stop offset="0%" stop-color="#8B5CF6"/>
14 <stop offset="25%" stop-color="#6366F1"/>
15 <stop offset="50%" stop-color="#0EA5E9"/>
16 <stop offset="75%" stop-color="#10B981"/>
17 <stop offset="100%" stop-color="#F59E0B"/>
18 </linearGradient>
19 </defs>
20 <!-- Background -->
21 <rect width="1280" height="720" fill="#F8FAFC"/>
22 <!-- ==================== Header ==================== -->
23 <g id="header" data-pptx-bounds="40 15 1200 125">
24 <text x="60" y="60" font-size="32" font-weight="800" fill="#0F172A">Five Core Competitive Advantages</text>
25 <text x="60" y="88" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">CORE STRENGTHS · BUILDING A DIFFERENTIATED COMPETITIVE MOAT</text>
26 </g>
27 <!-- ==================== Main Track ==================== -->
28 <g id="list-track" data-pptx-bounds="133 75 54 610">
29 <rect x="158" y="113" width="4" height="524" rx="2" fill="url(#lineGrad)"/>
30 <polygon points="160,646 168,632 152,632" fill="#F59E0B"/>
31 </g>
32 <!-- ==================== Item 01 ==================== -->
33 <g id="item-01" data-pptx-bounds="46 107 1234 96">
34 <!-- Node -->
35 <circle cx="160" cy="155" r="32" fill="#8B5CF6" opacity="0.15"/>
36 <circle cx="160" cy="155" r="22" fill="#8B5CF6"/>
37 <text x="160" y="161" text-anchor="middle" font-size="15" font-weight="800" fill="#FFFFFF">01</text>
38 <!-- Connector -->
39 <line x1="192" y1="155" x2="230" y2="155" stroke="#8B5CF6" stroke-width="2.5" stroke-dasharray="4,3"/>
40 <!-- Card -->
41 <g>
42 <rect x="230" y="115" width="990" height="80" rx="10" fill="#FFFFFF"/>
43 <rect x="230" y="115" width="6" height="80" rx="3" fill="#8B5CF6"/>
44 </g>
45 <text x="260" y="145" font-size="18" font-weight="800" fill="#0F172A">Brand Influence</text>
46 <text x="260" y="172" font-size="14" font-weight="600" fill="#64748B">Industry-leading brand awareness and reputation, top 3 brand value for three consecutive years.</text>
47 <!-- Watermark -->
48 <text x="1200" y="172" text-anchor="end" font-size="48" font-weight="900" fill="#8B5CF6" fill-opacity="0.06" letter-spacing="2">BRAND</text>
49 </g>
50 <!-- ==================== Item 02 ==================== -->
51 <g id="item-02" data-pptx-bounds="46 217 1234 96">
52 <!-- Node -->
53 <circle cx="160" cy="265" r="32" fill="#6366F1" opacity="0.15"/>
54 <circle cx="160" cy="265" r="22" fill="#6366F1"/>
55 <text x="160" y="271" text-anchor="middle" font-size="15" font-weight="800" fill="#FFFFFF">02</text>
56 <!-- Connector -->
57 <line x1="192" y1="265" x2="230" y2="265" stroke="#6366F1" stroke-width="2.5" stroke-dasharray="4,3"/>
58 <!-- Card -->
59 <g>
60 <rect x="230" y="225" width="990" height="80" rx="10" fill="#FFFFFF"/>
61 <rect x="230" y="225" width="6" height="80" rx="3" fill="#6366F1"/>
62 </g>
63 <text x="260" y="255" font-size="18" font-weight="800" fill="#0F172A">R&amp;D Capabilities</text>
64 <text x="260" y="282" font-size="14" font-weight="600" fill="#64748B">Consistent 15%+ R&amp;D investment, 500+ proprietary patents, driven by AI and Big Data.</text>
65 <!-- Watermark -->
66 <text x="1200" y="282" text-anchor="end" font-size="48" font-weight="900" fill="#6366F1" fill-opacity="0.06" letter-spacing="2">TECH</text>
67 </g>
68 <!-- ==================== Item 03 ==================== -->
69 <g id="item-03" data-pptx-bounds="46 327 1234 96">
70 <!-- Node -->
71 <circle cx="160" cy="375" r="32" fill="#0EA5E9" opacity="0.15"/>
72 <circle cx="160" cy="375" r="22" fill="#0EA5E9"/>
73 <text x="160" y="381" text-anchor="middle" font-size="15" font-weight="800" fill="#FFFFFF">03</text>
74 <!-- Connector -->
75 <line x1="192" y1="375" x2="230" y2="375" stroke="#0EA5E9" stroke-width="2.5" stroke-dasharray="4,3"/>
76 <!-- Card -->
77 <g>
78 <rect x="230" y="335" width="990" height="80" rx="10" fill="#FFFFFF"/>
79 <rect x="230" y="335" width="6" height="80" rx="3" fill="#0EA5E9"/>
80 </g>
81 <text x="260" y="365" font-size="18" font-weight="800" fill="#0F172A">Supply Chain Management</text>
82 <text x="260" y="392" font-size="14" font-weight="600" fill="#64748B">Global supply chain and smart warehousing, covering 300+ cities with 40% faster delivery times.</text>
83 <!-- Watermark -->
84 <text x="1200" y="392" text-anchor="end" font-size="48" font-weight="900" fill="#0EA5E9" fill-opacity="0.06" letter-spacing="2">SUPPLY</text>
85 </g>
86 <!-- ==================== Item 04 ==================== -->
87 <g id="item-04" data-pptx-bounds="46 437 1234 96">
88 <!-- Node -->
89 <circle cx="160" cy="485" r="32" fill="#10B981" opacity="0.15"/>
90 <circle cx="160" cy="485" r="22" fill="#10B981"/>
91 <text x="160" y="491" text-anchor="middle" font-size="15" font-weight="800" fill="#FFFFFF">04</text>
92 <!-- Connector -->
93 <line x1="192" y1="485" x2="230" y2="485" stroke="#10B981" stroke-width="2.5" stroke-dasharray="4,3"/>
94 <!-- Card -->
95 <g>
96 <rect x="230" y="445" width="990" height="80" rx="10" fill="#FFFFFF"/>
97 <rect x="230" y="445" width="6" height="80" rx="3" fill="#10B981"/>
98 </g>
99 <text x="260" y="475" font-size="18" font-weight="800" fill="#0F172A">Customer Service System</text>
100 <text x="260" y="502" font-size="14" font-weight="600" fill="#64748B">24/7 rapid response mechanism, sustained 96%+ customer satisfaction, and industry-leading NPS.</text>
101 <!-- Watermark -->
102 <text x="1200" y="502" text-anchor="end" font-size="48" font-weight="900" fill="#10B981" fill-opacity="0.06" letter-spacing="2">SERVICE</text>
103 </g>
104 <!-- ==================== Item 05 ==================== -->
105 <g id="item-05" data-pptx-bounds="46 547 1234 96">
106 <!-- Node -->
107 <circle cx="160" cy="595" r="32" fill="#F59E0B" opacity="0.15"/>
108 <circle cx="160" cy="595" r="22" fill="#F59E0B"/>
109 <text x="160" y="601" text-anchor="middle" font-size="15" font-weight="800" fill="#FFFFFF">05</text>
110 <!-- Connector -->
111 <line x1="192" y1="595" x2="230" y2="595" stroke="#F59E0B" stroke-width="2.5" stroke-dasharray="4,3"/>
112 <!-- Card -->
113 <g>
114 <rect x="230" y="555" width="990" height="80" rx="10" fill="#FFFFFF"/>
115 <rect x="230" y="555" width="6" height="80" rx="3" fill="#F59E0B"/>
116 </g>
117 <text x="260" y="585" font-size="18" font-weight="800" fill="#0F172A">Innovation &amp; Intelligence</text>
118 <text x="260" y="612" font-size="14" font-weight="600" fill="#64748B">AI-empowered business decisions, launching 10+ innovative solutions annually to lead industry change.</text>
119 <!-- Watermark -->
120 <text x="1200" y="612" text-anchor="end" font-size="48" font-weight="900" fill="#F59E0B" fill-opacity="0.06" letter-spacing="2">INNOVATION</text>
121 </g>
122 <!-- ==================== Footer ==================== -->
123 <g id="source" data-pptx-bounds="40 666 1200 39">
124 <text x="640" y="690" text-anchor="middle" font-size="13" font-weight="600" fill="#94A3B8">Note: The vertical axis indicates priority order, while the expanded cards detail the key competitive strengths.</text>
125 </g>
126 </svg>
127
127 lines Plain Text