screenroveScreenrove / Design references
Canva design guide
Gradient document toolbar above a neutral canvas.
Typography
Observed family: "Canva Sans", "IBM Plex Sans Arabic", "Noto Sans Variable", "Noto Sans", -apple-system, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif. Font files are not distributed.
marketing: Light and accent surfaces
- color 1:
rgb(15, 16, 21) - color 2:
rgb(139, 61, 255) - background 3:
rgba(15, 16, 21, 0) - color 4:
rgb(0, 0, 0) - color 5:
rgb(255, 255, 255) - color 6:
rgba(16, 18, 25, 0.698)
Layout and components
- Gradient document toolbar above a neutral canvas.
- A narrow icon rail opens creation tools on the left.
- Page thumbnails and zoom controls sit below the canvas.
- Text styles are large stacked buttons.
- Effects use square visual previews.
- Drawing tools use a vertical floating palette.
product: Light and accent surfaces
- color 1:
rgb(255, 255, 255) - background 2:
rgba(255, 255, 255, 0) - color 3:
rgba(255, 255, 255, 0.5) - color 4:
rgb(15, 16, 21) - background 5:
rgba(255, 255, 255, 0.898) - color 6:
rgb(0, 0, 0)
Layout and components
- Gradient document toolbar above a neutral canvas.
- A narrow icon rail opens creation tools on the left.
- Page thumbnails and zoom controls sit below the canvas.
- Text styles are large stacked buttons.
- Effects use square visual previews.
- Drawing tools use a vertical floating palette.
Computed styles from captured visible DOM. Actual source viewports are recorded in work evidence; captures are not upscaled to the brief target.
Download DESIGN.md