Canva

Canva

Preview image. Unlock full-res

Vibrant digital toolkit — a painter's palette on a dark canvas, each tool glowing with possibility.

Industrydesign
Palette
#0f1015
#ffffff
#000000
#575a5f
#d7d9de
#8b3dff
#a370fc
#e950f7
#ff3d4d
#ff6105
#9729ff
#00C4CC

Canva's design language evokes a vibrant, creative toolkit, powered by a dynamic and playful color spectrum. The foundation is a cool, dark canvas illuminated by a kaleidoscope of vivid gradients and accent colors, signaling a platform built for imagination. A consistent softness is achieved through prevalent 8px and 9999px border radii, contrasting with the sharpness of sans-serif typography. This creates an accessible but powerful experience, where creativity feels both boundless and precisely guided. Prioritize 'Canva Sans' across all typographic elements, leveraging its 400, 500, and 600 weights. Use 8px border radius for all card and button components to ensure a consistent friendly softness, with 9999px reserved for pill shapes. Implement 'Midnight Ink' (#0f1015) as the primary background for dark themed content blocks to maximize vibrancy of super-imposed elements. Pair 'Deepest Shadow' (#000000) for text on 'Canvas White' (#ffffff) for maximum readability and AAA contrast. Utilize the brand gradients (e.g., Turquoise Dream Gradient, Sunset Fire Gradient) for main hero sections and feature highlights. Apply 'Rich Plum' (#8b3dff) as the primary accent for interactive elements and links. Avoid using Times or Arial for primary brand content; reserve them for legacy or specific minor contexts as detected. Do not introduce new border radii beyond 8px and 9999px. Do not overuse 'Deepest Shadow' for backgrounds; it is primarily intended for text and sharp UI elements. Avoid using a flat color for hero sections; leverage a brand gradient to convey dynamism. Do not introduce new color hues; work within the established vivid brand and accent palettes. Do not apply shadows without purpose; use the defined shadows for subtle elevation or interactive states only.

More like this