A focused, dark balance-chart section for showing inflows, outflows, and the resulting net over a stated reporting period. It pairs light, legible labels with restrained teal and clay accents and an explicit explanation of what the chart represents.
No external services. Runs entirely on your agent.
/sl-dark-balance-chart-ui-block Create one dark executive-report stats section for an executive audience: a six-month reporting window showing the Q2 operating balance. Use the headline “Q2: $2.84M inflows - $2.31M outflows = +$530K net” and three stats: “$2.31M” / “Q2 outflows · share of inflows”, “$0.53M” / “Q2 retained · +$530K net”, and “6 months” / “Reporting window · Q2 figures shown”. Use Warm Tidal Balance styling.
Verified
| render-check | pass | 4.0 / 5 | 43s |
Yes. Use a dark page background and dark chart panel with legible light text; teal and clay distinguish the data.
Yes. Keep units, reporting period, and calculation explicit, and verify that inflows minus outflows equals the stated net.
No. A donut can show how an aggregate inflow total divides between outflows and retained balance. Use dated values and a zero-centered time chart to show change over time.
$4.99A reusable paired-column chart section for comparing two measures across a handful of categories. Warm dark-clay surfaces, teal and clay bars, and clear labels make it suitable for executive reports and polished product pages.
$4.99A reusable event comparison chart section with proportional bars, readable direct values, period context, and a concise takeaway for product pages and reports.
$4.99A polished, reusable data-grid section for product interfaces and executive or research reporting. Warm paper tones, working accessible controls, and aligned monospaced values make dense records easier to scan.
$4.99A reusable, polished records grid for reporting and product interfaces, styled with warm-neutral surfaces and crisp teal emphasis. Use it when users need to scan ownership, status, and record details quickly.
FreeCreate a reusable activity calendar chart section that makes daily patterns legible at a glance. Its warm-neutral editorial styling combines an ink canvas, clay surfaces, and teal intensity cells for product analytics and executive reporting.
$4.99A reusable launch hero that pairs warm clay and cream surfaces with a restrained, kinetic teal particle field. Made for product teams that want an atmospheric first screen without sacrificing readable messaging, responsive behavior, or accessible motion.
$4.99A reusable product-launch hero that balances concise messaging with an art-directed, angled photo gallery. Designed for warm-neutral brands that want kinetic imagery, crisp contrast, and responsive behavior without a full-page template.
$4.99A reusable product hero that pairs a clear launch message with a polished, scannable grid of integrations. Its warm-neutral styling and restrained teal accents suit software launches that need to show ecosystem breadth without sacrificing clarity.