Dashboard Design UI Cheatsheet (bookmark this) Typography Font: Geist 18px Bold headings, -3% let...Dashboard Design UI Cheatsheet (bookmark this) Typography Font: Geist 18px Bold headings, -3% let...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Aakib 's avatar
Aakib Hussain
• 2d
Dashboard Design UI Cheatsheet (bookmark this)
Typography
Font: Geist
18px Bold headings, -3% letter spacing
16px Medium section titles, -3% letter spacing
14px Regular body text
Buttons
177 × 42px
Fill: #FF6103
Text: #8C2727
Icons
Color: #11171C
Headings: #11171C Secondary text: #11171C at 75% opacity
Components
Rows: 40px data, 44px store
Badge: 20px height, 6px radius, #CAFACE fill, #15B042 text
Switch: 24 × 14px, 10px thumb, #0077E6 track
Consistent typography, spacing, and visual hierarchy make interfaces easier to scan, navigate, and trust.
Figmadashboarddesigndashboard
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started