Urban Metabolism Infographic Webpage Case Study

A clean browser-page screenshot showcasing a Chinese case-study section presenting a large bilingual infographic poster about an urban systems map. White webpage background, cropped so the top edge shows the tail end of a Chinese text paragraph and the bottom edge slightly cuts off the poster lower section. At the top-left of the webpage section, a framed icon followed by the bold Chinese heading "精选案例", with a thin gray horizontal divider line underneath spanning most of the width. Below it, a bold subsection title: "案例一：信息图可视化". Centered underneath is a large information-dense bilingual atlas poster titled "[城市生命系统图谱]" with the English subtitle "[Urban Metabolism Atlas]" and small tagline "城市是一個有生命的系統 / The City is a Living System". The poster has an off-white background, navy headline typography, thin gray panel borders, and an isometric cutaway smart city illustration in the center. Top poster elements include a compass rose marked N, a scale bar (0, 50, 100, 200, 500m), a boxed "System Legend" showing 10 colored line types (Electricity, Gas, Heating, Communication, Traffic, Logistics, Data Flow, People Flow, Clean Water, Wastewater), and a small "Location" inset map card. The central isometric illustration shows high-rise towers, roads, bridges, river canals, underground utility and metro cutaways, transit, rooftop solar panels, and colored network flow lines, marked with circular numbered callouts (6, 3, 8, 9, 10). Surrounding the city are 6 rounded rectangular system breakdown cards: Left column cards 1 "能源系统 / Energy Grid", 2 "城市水循环 / Water Cycle", 3 "交通网络 / Transportation"; Right column cards 6 "建筑内部系统 / Building Systems", 7 "公共服务 / Public Services", 8 "食物与物流 / Food & Logistics". Technical architectural infographic aesthetic, clean vector line work, crisp UI rendering, muted grays and whites with cyan, orange, yellow, green accents. No browser URL bar, watermarks, or browser chrome.