Basic Cards

Simple content, media, profile, navigation, and solid color card patterns.

Influencing The Influencer

May 12, 2026

Marketing teams can keep card copy compact while still showing author, image, and action content.

Apple iPhone 15 Pro

Mobile productivity kit

$899.00

Flagship device card with price, short product copy, rating, and actions.

*****
JD

John Doe

UI Designer

1.2k Followers238 Projects42 Tasks

Twitter Card

@azora_ops

Solid cards use colored backgrounds, white content, and clear actions for social or promotional content.

Lifetime Membership

One payment, all updates

Use tonal or solid treatment when a card should stand apart from neutral operational surfaces.

Advance Cards

Cards with richer layout: timeline, reports, transactions, and country sales.

Congratulations Katie!

Best seller of the month

$48.9k

You have done 72% more sales today. Check your new badge in your profile.

Activity Timeline

Latest operational events

12 invoices paid

Payment batch closed at 10:30 AM.

Client meeting

Quarterly sales review was scheduled.

Stock alert

Inventory needs review for 18 products.

Earning Report

Weekly performance

$468+4.2%

Sales by Countries

42.82k Total Sales

US
United StatesSales
$8,656k
BR
BrazilSales
$2,415k
IN
IndiaSales
$865k
AU
AustraliaSales
$745k

Transactions

Recent wallet movements

PaypalSend money
+82.6 USD
WalletMac'D
+270.69 USD
TransferRefund
+637.91 USD
Credit CardOrdered food
-838.71 USD

Finance Summary

Monthly operating balance

Income$42,845
Expenses$18,230
Savings target78%
Budget consumed42%

Statistics Cards

Vertical and horizontal stat cards, report cards, and target cards.

Sales245k+12.4%
Orders12.8k-3.8%
Customers1.54k+4.3%
Profit$88k+9.7%

Monthly Report

Revenue, orders, and profit

Revenue$42.5k+18.2%
Orders2,845-2.8%
Profit$12.8k+9.3%

Sales Target

Quarter progress

74%
$92.6k

Target achieved from the $125k quarterly sales plan.

Widgets Cards

Dashboard widgets for ratings, performance, sessions, income, and topic interest.

Customer Ratings

Overall score

4.7
*****

Based on 24.8k reviews

Product quality86%
Delivery service72%

Performance

Sales: 25.7M

68.4% Conversion18.2k Visits

Sessions Overview

Total sessions by channel

Organic Search16.4k sessions
42%
Social9.8k sessions
25%
Referral6.1k sessions
18%

Topics Interested

Audience split

UI DesignVueDashboardVuetifyChartsCards

Total Income

Income, expenses, and profit

Total Income$459.1k
Total Expenses$316.5k
Total Profit$147.8k

Shipment Statistics

Total number of deliveries 23.8k

Delivered82%
Out for delivery46%
Delayed12%

Gamification Cards

Achievement, award, welcome, and upgrade cards.

Congratulations Katie!

You have won a new award

78% of target

Best seller badge unlocked after closing the highest monthly sales total.

Upgrade Account

Unlock premium widgets

Use advanced reports, priority support, and unlimited saved views.

Welcome Back

Operational progress today

86
Score points

Complete two more tasks to keep your daily streak active.

Card Actions

Header menus, collapsible content, refresh state, and dismissible cards.

Card with Menu

Header action menu

Action cards keep menus in the header so dense dashboards can expose edit, export, and archive commands.

Collapsible Card

Expanded

This card body can collapse while the title and action controls remain visible.

Refresh Content

Ready

Refresh action simulates a loading state without shifting the card layout.

Dismissible Card

Remove action

Dismissible cards are useful for temporary prompts, tips, and promotional modules.