返回 ppt-master
team_roster.svg
根目录 / skills / ppt-master / templates / charts / team_roster.svg
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"
2 font-family="Roboto, -apple-system, BlinkMacSystemFont, sans-serif"
3 font-size="12">
4 <!--
5 Team Roster / Executive Board Template
6 Purpose: Introduce key team members, executives, or project leaders
7 Use cases: Company overview, pitch decks, "Meet the Team" slides
8 Design Principles: Clean card grid, circular photo placeholders, clear typographic hierarchy
9 -->
10 <defs>
11 <clipPath id="circleClip">
12 <circle cx="80" cy="80" r="80"/>
13 </clipPath>
14 </defs>
15 <rect width="1280" height="720" fill="#F8FAFC"/>
16 <!-- ==================== Header ==================== -->
17 <g id="header" data-pptx-bounds="40 15 1200 125">
18 <text x="640" y="80" font-family="Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="36" font-weight="800" fill="#0F172A" text-anchor="middle">Meet Our Executive Team</text>
19 <text x="640" y="110" font-family="Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="15" font-weight="600" fill="#64748B" letter-spacing="1" text-anchor="middle">LEADERSHIP DRIVING INNOVATION AND GROWTH</text>
20 </g>
21 <!-- ==================== Team Cards ==================== -->
22 <g id="executive-team-roster" data-pptx-bounds="0 152 1280 476" transform="translate(60, 180)">
23 <!-- Card 1 -->
24 <g transform="translate(0, 0)">
25 <rect width="270" height="420" rx="16" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
26 <!-- Photo Placeholder -->
27 <g transform="translate(55, 40)">
28 <!-- Ground anchor ellipse (CHART_STYLE_GUIDE §11.6) — visually grounds the
29 photo on the card surface without using a filter shadow. -->
30 <ellipse cx="80" cy="172" rx="70" ry="5" fill="#0F172A" opacity="0.10"/>
31 <circle cx="80" cy="80" r="80" fill="#E2E8F0"/>
32 <circle cx="80" cy="65" r="30" fill="#94A3B8"/>
33 <path d="M 20 140 Q 80 80 140 140" fill="none" stroke="#94A3B8" stroke-width="40" stroke-linecap="round"/>
34 </g>
35 <!-- Text Info -->
36 <text x="135" y="240" font-size="22" font-weight="800" fill="#0F172A" text-anchor="middle">Eleanor Vance</text>
37 <text x="135" y="270" font-size="14" font-weight="700" fill="#3B82F6" letter-spacing="0.5" text-anchor="middle">CHIEF EXECUTIVE OFFICER</text>
38 <line x1="95" y1="290" x2="175" y2="290" stroke="#CBD5E1" stroke-width="2"/>
39 <!-- Bio / Description -->
40 <text x="135" y="320" font-size="13" fill="#475569" text-anchor="middle"><tspan>15+ years experience in</tspan></text>
41 <text x="135" y="340" font-size="13" fill="#475569" text-anchor="middle"><tspan>SaaS scale-ups. Former</tspan></text>
42 <text x="135" y="360" font-size="13" fill="#475569" text-anchor="middle"><tspan>VP of Strategy at TechCorp.</tspan></text>
43 <text x="135" y="380" font-size="13" fill="#475569" text-anchor="middle"><tspan>Stanford MBA.</tspan></text>
44 </g>
45 <!-- Card 2 -->
46 <g transform="translate(300, 0)">
47 <rect width="270" height="420" rx="16" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
48 <g transform="translate(55, 40)">
49 <!-- Ground anchor ellipse (CHART_STYLE_GUIDE §11.6) — visually grounds the
50 photo on the card surface without using a filter shadow. -->
51 <ellipse cx="80" cy="172" rx="70" ry="5" fill="#0F172A" opacity="0.10"/>
52 <circle cx="80" cy="80" r="80" fill="#E2E8F0"/>
53 <circle cx="80" cy="65" r="30" fill="#94A3B8"/>
54 <path d="M 20 140 Q 80 80 140 140" fill="none" stroke="#94A3B8" stroke-width="40" stroke-linecap="round"/>
55 </g>
56 <text x="135" y="240" font-size="22" font-weight="800" fill="#0F172A" text-anchor="middle">Marcus Chen</text>
57 <text x="135" y="270" font-size="14" font-weight="700" fill="#3B82F6" letter-spacing="0.5" text-anchor="middle">CHIEF TECHNOLOGY OFFICER</text>
58 <line x1="95" y1="290" x2="175" y2="290" stroke="#CBD5E1" stroke-width="2"/>
59 <text x="135" y="320" font-size="13" fill="#475569" text-anchor="middle"><tspan>Pioneer in distributed</tspan></text>
60 <text x="135" y="340" font-size="13" fill="#475569" text-anchor="middle"><tspan>systems. Led engineering</tspan></text>
61 <text x="135" y="360" font-size="13" fill="#475569" text-anchor="middle"><tspan>at GlobalScale Inc.</tspan></text>
62 <text x="135" y="380" font-size="13" fill="#475569" text-anchor="middle"><tspan>Holds 12 software patents.</tspan></text>
63 </g>
64 <!-- Card 3 -->
65 <g transform="translate(600, 0)">
66 <rect width="270" height="420" rx="16" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
67 <g transform="translate(55, 40)">
68 <!-- Ground anchor ellipse (CHART_STYLE_GUIDE §11.6) — visually grounds the
69 photo on the card surface without using a filter shadow. -->
70 <ellipse cx="80" cy="172" rx="70" ry="5" fill="#0F172A" opacity="0.10"/>
71 <circle cx="80" cy="80" r="80" fill="#E2E8F0"/>
72 <circle cx="80" cy="65" r="30" fill="#94A3B8"/>
73 <path d="M 20 140 Q 80 80 140 140" fill="none" stroke="#94A3B8" stroke-width="40" stroke-linecap="round"/>
74 </g>
75 <text x="135" y="240" font-size="22" font-weight="800" fill="#0F172A" text-anchor="middle">Sarah Jenkins</text>
76 <text x="135" y="270" font-size="14" font-weight="700" fill="#3B82F6" letter-spacing="0.5" text-anchor="middle">CHIEF REVENUE OFFICER</text>
77 <line x1="95" y1="290" x2="175" y2="290" stroke="#CBD5E1" stroke-width="2"/>
78 <text x="135" y="320" font-size="13" fill="#475569" text-anchor="middle"><tspan>Drove 300% YoY growth</tspan></text>
79 <text x="135" y="340" font-size="13" fill="#475569" text-anchor="middle"><tspan>in previous B2B role.</tspan></text>
80 <text x="135" y="360" font-size="13" fill="#475569" text-anchor="middle"><tspan>Expert in enterprise</tspan></text>
81 <text x="135" y="380" font-size="13" fill="#475569" text-anchor="middle"><tspan>sales &amp; partnerships.</tspan></text>
82 </g>
83 <!-- Card 4 -->
84 <g transform="translate(900, 0)">
85 <rect width="270" height="420" rx="16" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
86 <g transform="translate(55, 40)">
87 <!-- Ground anchor ellipse (CHART_STYLE_GUIDE §11.6) — visually grounds the
88 photo on the card surface without using a filter shadow. -->
89 <ellipse cx="80" cy="172" rx="70" ry="5" fill="#0F172A" opacity="0.10"/>
90 <circle cx="80" cy="80" r="80" fill="#E2E8F0"/>
91 <circle cx="80" cy="65" r="30" fill="#94A3B8"/>
92 <path d="M 20 140 Q 80 80 140 140" fill="none" stroke="#94A3B8" stroke-width="40" stroke-linecap="round"/>
93 </g>
94 <text x="135" y="240" font-size="22" font-weight="800" fill="#0F172A" text-anchor="middle">David Torres</text>
95 <text x="135" y="270" font-size="14" font-weight="700" fill="#3B82F6" letter-spacing="0.5" text-anchor="middle">CHIEF PRODUCT OFFICER</text>
96 <line x1="95" y1="290" x2="175" y2="290" stroke="#CBD5E1" stroke-width="2"/>
97 <text x="135" y="320" font-size="13" fill="#475569" text-anchor="middle"><tspan>Design-thinking advocate.</tspan></text>
98 <text x="135" y="340" font-size="13" fill="#475569" text-anchor="middle"><tspan>Shipped award-winning</tspan></text>
99 <text x="135" y="360" font-size="13" fill="#475569" text-anchor="middle"><tspan>consumer products.</tspan></text>
100 <text x="135" y="380" font-size="13" fill="#475569" text-anchor="middle"><tspan>ex-Google Design Lead.</tspan></text>
101 </g>
102 </g>
103 </svg>
104
104 lines Plain Text