返回
Create a complete, valid, editable SVG illustration, not a raster image. Output only raw SVG code. Do not use Markdown, explanations, external images, embedded PNG/JPEG, base64 data, or bitmap filters. Canvas: - Use viewBox="0 0 1200 1500". - White background. - Portrait-oriented icon asset sheet. - Clean academic infographic style. - Flat vector design with subtle pastel fills, crisp strokes, rounded geometry, and consistent stroke weights. - All assets should be drawn using native SVG elements only: <path>, <circle>, <ellipse>, <rect>, <line>, <polyline>, <polygon>, <g>, <defs>, <linearGradient>, and simple reusable symbols. - Do not include labels, titles, captions, headings, or explanatory text. - The only permitted glyphs are the dollar sign in the housing-price icon and the numbers 1, 2, and 3 inside the phase badges. If strict no-text output is required, replace the dollar sign with an upward price arrow and replace numbered phase badges with three plain colored circles. Overall layout: - Arrange the assets as a balanced icon board with generous spacing. - Use a four-row grid for the circular icons, followed by three wide horizontal vignette illustrations. - Keep all icons visually isolated and reusable. - Use soft pastel circular backplates behind the main icons. - Do not draw enclosing section boxes. - Maintain a polished Journal of the American Planning Association-style academic figure aesthetic: lively but restrained, professional, legible, and not cartoonish. Color palette: - Phase 1 teal/mint: - dark teal: #006D62 - medium teal: #3FA89A - pale mint fill: #E8F6F3 - mint stroke: #8CCBC3 - Phase 2 amber/gold: - dark amber: #B96D00 - medium amber: #D99016 - pale amber fill: #FFF3DD - amber stroke: #F1B85A - Phase 3 rose/red: - dark red: #B82E2E - medium rose: #D96767 - pale rose fill: #FDECEC - rose stroke: #ECA0A0 - Shared markers: - dark navy gray: #243140 - medium gray: #647280 - pale neutral: #F5F7F8 Icon rows: Row 1, three teal circular icons: 1. Remote work icon: - Pale mint circular backplate. - Draw a laptop with rounded screen and base. - Inside the laptop screen, draw a simple house symbol with roof, square body, and door. - Use dark teal fill and stroke. 2. Shared micromobility icon: - Pale mint circular backplate. - Draw a simple electric kick scooter with two wheels, deck, vertical stem, and handlebar. - Use dark teal fill and stroke. 3. Autonomous vehicle icon: - Pale mint circular backplate. - Draw a small rounded car profile. - Add three wireless signal arcs above the car and one small signal dot. - Use dark teal fill and stroke. Row 2, three amber circular icons: 4. CBD hollowing icon: - Pale amber circular backplate. - Draw a downtown cluster of three to five high-rise buildings with small rectangular windows. - Include tiny trees at the base. - Use dark amber fill and stroke. 5. Residential sorting icon: - Pale amber circular backplate. - Draw a pitched-roof house with door and window. - Add a simple tree beside the house and a horizontal ground line. - Use dark amber fill and stroke. 6. Transit decline icon: - Pale amber circular backplate. - Draw a front-facing bus with rounded windshield, side mirrors, headlights, and wheels. - Use dark amber fill and stroke. Row 3, four red circular icons: 7. Office vacancy icon: - Pale rose circular backplate. - Draw a simple office swivel chair with backrest, seat, armrests, central stem, and five small wheels. - Use dark red fill and stroke. 8. Housing prices icon: - Pale rose circular backplate. - Draw a house outline with pitched roof. - Place a dollar sign or price symbol inside the house. - Use dark red fill and stroke. 9. Rural reversal icon: - Pale rose circular backplate. - Draw a radio or broadband signal tower with triangular support structure. - Add symmetrical broadcast arcs on both sides. - Use dark red fill and stroke. 10. Fiscal stress icon: - Pale rose circular backplate. - Draw a classical government building with triangular pediment, columns, base, and roof line. - Use dark red fill and stroke. Row 4, shared markers: 11. Map pin marker: - Draw a dark navy-gray teardrop location pin with a circular cutout. - No text. 12. Critical intervention window clock: - Draw a gold clock face inside a dashed circular ring. - Use simple hour and minute hands. - No text. 13. Downward transition arrow: - Draw a thick dark navy-gray downward arrow with rounded shaft and triangular arrowhead. 14. Phase badge 1: - Draw a teal circular badge with white numeral 1 centered inside. - Add a thin white inner ring and subtle teal outer ring. 15. Phase badge 2: - Draw an amber circular badge with white numeral 2 centered inside. - Add a thin white inner ring and subtle amber outer ring. 16. Phase badge 3: - Draw a red circular badge with white numeral 3 centered inside. - Add a thin white inner ring and subtle red outer ring. Bottom vignette illustrations: Vignette 1, teal walkable city-park streetscape: - Draw a wide horizontal landscape strip. - Include rolling low hills, bushes, several stylized trees, a clean ground line, simplified mid-rise buildings with windows, small clouds, and one generic walking pedestrian silhouette. - Use teal and mint tones only. - Keep it light and airy, suitable as a header background illustration. Vignette 2, amber growth chart: - Draw a wide horizontal chart vignette. - Include a baseline, pale amber ascending bars, and a darker amber line graph with circular nodes. - The line should rise from left to right and end in an upward arrow. - Include a few very small pale clouds or abstract background marks. - Use amber/gold tones only. Vignette 3, rose suburban-rural-urban landscape: - Draw a wide horizontal landscape strip. - On the left, include small houses, shrubs, and trees. - In the middle, include soft rolling hills and layered terrain. - On the right, include several taller urban buildings with windows. - Include small clouds and a long ground line. - Use rose/red tones only. Technical SVG requirements: - Use <defs> for reusable gradients, soft shadows if needed, and circular backplates. - If shadows are used, keep them subtle and vector-friendly. - Keep all icons grouped with meaningful id attributes, such as id="icon-remote-work", id="icon-scooter", id="icon-autonomous-vehicle", id="vignette-phase-1-city-park". - Avoid complex raster-like effects. - Avoid excessive blur. - Make all shapes editable. - Keep the file self-contained. - Ensure visual consistency across all icons. - Ensure no accidental text appears anywhere except the permitted symbols noted above.
vector graphicsicon designinfographicSVG illustrationlandscape illustration