返回 ppt-master
digital-dashboard.md
根目录 / skills / ppt-master / references / image-renderings / digital-dashboard.md
1 # Rendering: digital-dashboard
2
3 Polished UI / data-visualization aesthetic. The image looks like a screenshot of a product or analytics dashboard — clean cards, soft shadows, restrained type, chart-like visual elements. Used in SaaS demos, data product showcases, B2B analytics decks.
4
5 ## 1. Style paragraph (paste-ready, 105 words)
6
7 > Polished digital UI / dashboard aesthetic. Clean card-based layout with rounded corners (8-12px radius), uniform soft shadows (8% opacity, slight Y-offset), and crisp pixel-aligned edges. Surfaces are flat with restrained color — primarily one neutral background, several brand-color cards or chart elements, and a single accent for the focal data point. Chart-like visual elements (bar graphs, line graphs, sparklines, donut segments, KPI tiles) appear stylized — recognizable as charts but without specific data values. Typography would be small, neutral, almost-text-as-texture if any appeared, but defaults to no-text. Overall feel is product-screenshot — modern, restrained, data-fluent.
8
9 ---
10
11 ## 2. Line, texture, depth
12
13 | Aspect | Treatment |
14 |---|---|
15 | Line quality | No outlines on cards; chart elements use thin uniform strokes (1-1.5px feel) |
16 | Texture | None — clean digital surfaces |
17 | Depth | Uniform 8% soft drop shadows under cards; no inset/raised effects |
18 | Material | Flat with deliberate elevation hierarchy via shadows |
19 | Mood | Polished, restrained, product-fluent |
20
21 ## 3. Using the deck's HEX values
22
23 - Primary HEX: dominant chart element / featured card header
24 - Secondary HEX: background canvas (usually pale or near-white)
25 - Accent HEX: the single highlighted data point or focal metric
26 - Optional 4th: a muted neutral for secondary chart elements (gray bars, faded sparklines)
27
28 ---
29
30 ## 4. Fewshot prompt snippets
31
32 **Snippet A — half-page product demo, text_policy: none**
33
34 > Polished digital dashboard UI aesthetic. Three rounded-corner cards arranged in a clean grid on a soft secondary background `#F8FAFC`. The largest card (top, occupying 60% of the area) shows a stylized line chart trending upward in primary blue `#0EA5E9` — three line segments, smooth curve, anchor dots at peaks. Two smaller cards below show: (left) a stylized donut chart with the primary color filling about 70% of the ring, (right) a simple KPI tile with a large iconic upward arrow in accent green `#10B981`. All cards have 8-12px rounded corners and uniform 8% soft drop shadows. Pixel-aligned edges. Composed as a 600×500 half-page block with 10% inner padding. NO text, no numbers, no chart labels, no axes — pure visual chart elements only. Color values are rendering guidance only.
34 lines MARKDOWN