DataMindDataMindDesign SystemUI/UX & Design System Documentation
PAGE PATTERN / SPACING REDESIGN

AI-generated dashboard

The original product structure is preserved. Only spacing, typography, density and alignment are refined.

8pxInline gap
12pxCompact control
16pxCard gap
24pxPage padding
14pxBody text
20pxPage title
Monthly Sales · Last 12 Months

برای هر ماه در دوره ۱۲ ماه گذشته محاسبه می‌کند و به صورت گراف خطی نمایش می‌دهد. این بررسی مجموع فروش (TOTAL) را نشان می‌دهد.

Visibility PrivateSchedule ManualPrivate
Dashboard insights · 3 cards

Monthly Sales for the Last 12 Months

این نمودار مجموع فروش را در هر ماه نشان می‌دهد.

Updated 01:28 PM
total sales
2025-042025-122026-082027-042028-04

آمار کاربران جدید

این نمودار تعداد کاربران جدید ثبت‌شده در هر ماه را نشان می‌دهد.

Updated 01:29 PM
new users
2025-042025-122026-082027-042028-04

Spacing and type corrections

01

Page-only review

The dashboard example documents its content canvas; global product navigation is intentionally excluded.

02

Consistent rhythm

The page uses 24px outer padding, 16px section gaps and 8px inline gaps throughout.

03

Clear type scale

Titles, metadata and controls use a restrained 20/14/12px hierarchy instead of competing sizes.

04

Quieter controls

Actions retain their original roles while consistent height, padding and grouping reduce visual noise.