Adjusting transparency of an element

hotspotType: Slide

screenElements: Slider Popover

screenKeywords:
@ [ij Share
Editimage  Cro Fli © Rise Position b e
(8 Q_ People X = g P O] 7 A
Templates
A All Graphics Photos Videos Audi
oo T
Elements '@ LX)
Person  Group of people = People walking >
@
Uploads Graphics See all ) Q
o2 p
IR e A i i
Text .
Ptlt Photos See all & » = . ‘3
rojects ) B\ 1 b e
[“[!!Hﬂm w‘. \ ) ! Q \{/‘ / ,i\ 'h"
L | ) | I\ S AR
Styles w ) i g e i ! A4
: ¢ 4/ g ~;‘}‘ \ a\)‘
R ! AR, (V&
i D .. Y\ B
Videos See all Y 7 "R \ F ] h 2
Logos n - LA \ % > S, - he
¢ S A s : {
- 'E_'m“ 4 23 \ b l L
A.P.P.S 14.0s 12.0s — 2 ‘ | % £ |/ AN
® —_— -\, |
Audio See all
Q
M # We Can Fly
g e . .
Shpethons Film « Romantic « Hopeful
Y 126 w
ﬂ Ethiopia Suburb
I——} - <> R
Ambience I e ] S ]
o SEET=mE =m0 =0
1 2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®
|@ [ij Share
Editimage  Cro Fli © Rise Position b )
(8 Q_ People X = g P O] 7 A
Templates
on All Graphics Photos Videos Audi Transparency 100
oo T
Elements '@ LX)
Person  Group of people = People walking >
(& ,
Uploads Graphics See all ) Q
o2 <
IR e A ; i
Text -
Ptlt Photos See all &= WA ) ‘:3
rojects . 3\ y ‘1 } S
(ﬁ,wmm w‘ﬂl \ ) ‘ , \ & l‘,/’\ R
@ TN - D 4 Y \ J B
Styles W ) -4 | ’: 4 ¥ X ‘
! < 4/ g ~;‘}‘ \ &
R AR, (V&
& N / ]
i \\ »'{ ) oy \ Q N b
Videos Seeall Y 7 "R \ F ] 2
Logos n - LA \ % > S, - he
: S A s : 1
e !‘ oot \\ .
22 ';i'ﬁ"lﬂ > A v L/ | L
A.P.P.S 14.0s 12.0s - 2 | I" e & n \‘
o —_— -\ a
Audio See all
Q
M # We Can Fly
g e . .
sty Film « Romantic « Hopeful
Y 126 w
ﬂ Ethiopia Suburb
I——} - <> R
Ambience I e ] S ]
)« CHET = =l ==
1 2 3 4 5 6 7 8 9 10
= Notes a7% ° S @
|@ [ij Share
Editimage Cro Fli © Rise Position P )
(B Q People X 2= g P P ® T & [%
Templates
o All Graphics Photos Videos Audi Transparency 55
oo T
Elements '@ LX)
Person  Group of people = People walking >
(& _ ‘
Uploads Graphics See all Q
’ . 5 #
4 QL »
G OF - Yeiat i ‘
Text
H )
N 'g"l' N
- Photos Seeall 4 W /-m.\ =
Projects B > = | 3 P A ) ‘\: w N
v & ¢ &5
Fli S T 1 S 1
T (v, 1 4 \l /. L
© g el iy Y [
Style: ) g an ;
i o NS - < 4\ | I :{
4 , «
ﬁ Ny 4, LW\ \ L
Videos Seeall \4 ¢ “ AN S —
T Ay } \§
Ly o MR | |
X u g B S | | a
HH 'E’ﬂ“! > ¢ t ‘A [ s el | 1
frrE 14.0s 12.0s ! 23 } ; ol S A roomnt N\
0 » | Somea e
Audio See all
Q
m # We Can Fly
*f"ur Film « Romantic « Hopeful
¥ 126 w
ﬂ Ethiopia Suburb 7
Ambience AT feam —s ] _ = £ ]
fut S o m g‘ = = E T BEE n = 4]
1 2 3 4 5 6 7 8 9 10
=7 Notes 47% ° NGO


For teachers and schools

appName: Canva

appCategory: Photo & Video

appTagline: AI photo & video editor

companyHqRegion: Oceania

companyStage: Growth Stage

platform: web

pageType: Marketing

hotspotType: Click

screenElements: Banner Icon

hotspotType: Scroll Vertically

screenElements: Button Illustration

screenElements: Banner Icon Tab Button Illustration

pagePatterns:
Pricing Page
CTA Section

pageType: Marketing Marketing Marketing Marketing

screenKeywords:
Calwa Design spotlight v Business v Education v Plans and pricing v Learn v Login m
Save from 16% when you pay yearly. Discounted pricing for teams of 6 or more.
Plans and pricing
Included in every plan
Whiteboards Presentations Social media Video Print products  Marketing Office
For individuals and teams For teachers and schools

How many people? Billing Cycle: Save 16% with yearly

Calculate for your team
Custom People Monthly Yearly

Canva Free " Canva Pro " Canva for Teams
For anyone wanting to design anything, on your own For individuals, solopreneurs and freelance designers All the great features of Canva Pro, plus we think
or with others. who want unlimited access to premium content, to you'll love these features designed to allow teams of

create professional designs with ease and scale their all sizes to collaborate with ease.

productivity. For one person only. Plan for 2+ people.
~dd AN AN e~/ AN Py lalalaValal
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v Login
Plans and pricing
Included in every plan
Whiteboards Presentations Social media Video Print products  Marketing Office
For individuals and teams For teachers and schools
Learn, study and teach with Teachers Schools and Districts
Canva fOI‘ EducatI0h 100% free for primary and secondary teachers and 100% free for K-12 students and teachers. All-in-one
Set up your Canva classroom for the most beautiful their studtjents. Cr.eate engaging, personalised lesson creat.ion a'nd commuhication tool for your entire
learning and teaching experience. plans, projects, videos, and more. Help your students district, with enterprise-level deployment.
learn with ease and express themselves.
Learn about Canva for Education >
v 100+ million copyright free images, videos, v 100+ million copyright free images, videos,
animations, audio, and more animations, audio, and more
v Thousands of high-quality, educational v Thousands of high-quality, educational
templates for every subject, grade, and ability templates for every subject, grade, and ability
|Trusted by
/'~ Arling es ‘ ! prince William Co
Arlinoton , Prince William County
Ve / +
--%lv
Resources for teachers Ready-to-use templates
Start inspired - choose from a library of copyright-free
Watch vide.o tutorials to learn how to create, communicate and engage your students using Canva templates for your next lesson, presentation or class
for Education. assignment.
Teacher resources View templates
Frequently Asked
Questions Is Canva for Education really free? A
Vaoc - 1t'e 100% free with no navwalle Ar nacty crirnricece I+'e Alir commitment that Canva foar Ediication will remain 10094
|- T T s s s s s s s s mmmmm e s s mm T m e S T TErEg o JE o aE s Emmmmemmm T e om = ommemom =
K; Sy space via code, email invite, or Google Classroom district and connect via SSO
Weetty py,
- ‘ A v Send assignments for students to complete in v Manage accounts and access options in one
| R Canva or via LMS place
| Q m N v Provision and manage all teacher, student and
staff accounts via Roster Sync
| h 2 Ty v Upload school or district logos, colours, and
;“ % /‘ 0 fonts, for consistent communication

"' % / ~ v Free PD resources and trainings for teachers and

| ®- %

| % Canva for Education isn’t available yet for colleges or staff

universities. See our other plans. v Ongoing support from the Canva team
> J
Student?
Ask your teacher to invite you.
If you're a primary or secondary student, ask your teacher to invite you to +
their Canva classroom. They can do this from their Canva for Education
account. Canva for Education is not currently available for college and
university students, but you can still use one of our other plans.
Learn more
Trusted by ‘
AR, W R, macn . N il B Prince William Connty


Documentation article

screenElements:
Side Navigation
Side Navigation
Button
Illustration
Side Navigation
Top Navigation Bar
Search Bar

pagePatterns:
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page

screenKeywords:
Ca’u}a Deve[opers Home Documentation Your apps Q Search the Canva Apps documentation /
< Authentication

A You're viewing the docs for the beta version of the Canva API. If you need the docs for the stable version, click here.
Getting started
Overview
e Learn how to build '
Enable authentication Canva Apps \
Set up a Redirect URL /’

Explore our docs to learn about capabilities—add content and 3rd party \ -
Start an authentication flow data, edit the design, automate workflows, create interactive widgets and y
more- it’s up to you.
End an authentication flow
Check authentication status Quick start
Handle app disconnections
Explore capabilities
Discover the capabilities that apps can use to add entirely new features to Canva.
® Authentication L__I Data Provider
Authenticate users via a third-party platform. J' Become a data source that users can import data from.

AL Design Interaction :.;.: Drag and Drop

J"'l Add elements to a user's design. .l.—] Let users drag content from an app, into their design.

raY Fetch

‘e Send HTTP requests to a third-party server.

Feedback
|Ca’u}a Deve[opers Home Documentation Your apps Q Search the Canva Apps documentation /
< Authentication
A This documentation is for the new version of the Canva API. To get access, join the waitlist.
Getting started
Overview Authentication
Disconnecting users
Tutorial
How to disconnect a user from an app.
Enable authentication
Set up a Redirect URL After a user connects (installs) an app, they can disconnect (uninstall) it.
Start an authentication flow When a user disconnects an app, the app is expected to de-authenticate the user from any platforms they're
authenticated with. If they reconnect the app at a later point in time, they should have to re-authenticate.
End an authentication flow
This offers a couple of benefits:
Check authentication status
e Users can change the account they're authenticated with.
Handle app disconnections . . .
e Users feel more secure in how their data is handled.
Handling disconnection requests
When a user disconnects an app, Canva sends a “POST" request to the following endpoint:
authentication_base_url>/configuration/delete
“<authentication_base_url>" is a placeholder for the app's Authentication base URL. You can configure this
URL in the Developer Portal, via the app's Add authentication page.
The request body contains the ID of the user and their team:
app. ( , (request, response) {
. (request.body.user);
. (request.body.brand);
g Y Feedback
|Ca’u}a De\/e[opers Home Documentation Your apps Q Search the Canva Apps documentation /
¢ Authentication Handling disconnection requests
. When a user disconnects an app, Canva sends a "POST" request to the following endpoint:
Getting started
Overview authentication_base_url>/configuration/delete
Tutorial “<authentication_base_url>" is a placeholder for the app's Authentication base URL. You can configure this
URL in the Developer Portal, via the app's Add authentication page.
Enable authentication
The request body contains the ID of the user and their team:
Set up a Redirect URL
Start an authentication flow app. ( , (request, response) {
End an authentication flow . G rEsEa SISl
. (request.body.brand);
Check authentication status });
Handle app disconnections
The app can use these details to de-authenticate the user. The process of how an app de-authenticates a user
depends on how it authenticated them in the first place.
Once the user is de-authenticated, the app must respond to the request with a ~200" status code and the
following object:
{
}
This confirms to Canva that the user was successfully de-authenticated.
© Canva Developers Beta
Feedback
|evelopers ome ocumentation our apps earch the Canva Apps documentation
p H D i Yo N h the C A d i /
Getting started
¢ /\ You're viewing the docs for the beta version of the Canva API. If you need the docs for the stable version, click here.
Overview
Quick start
Capabilities . '
5 Learn how to build
Authentication > Canva Apps \
LTJ Data Provider > /’
Explore our docs to learn about capabilities—add content and 3rd party \ -
j'f;n Design Interaction > data, edit the design, automate workflows, create interactive widgets and V
more- it’s up to you.
¥ Dragand Drop >
.. uick start
{2y Fetch >
Security
Content Security Policy
Signature verification > Explore Capabilities
Discover the capabilities that apps can use to add entirely new features to Canva.
Designing apps
Start designing ® Authentication [ Data Provider
Authenticate users via a third-party platform. J' Become a data source that users can import data from.
Create app listing
. - 20 Design Interaction ] Drag and Drop
Design guidelines > J"'l Add elements to a user's design. ‘“lﬂ Let users drag content from an app, into their design.
Submitting apps raY Fetch
‘e Send HTTP requests to a third-party server.
App review guidelines


How we hire

pagePatterns:
FAQ Section
Careers Page

screenElements:
Accordion
Top Navigation Bar
Animation & Video
Floating Action Button
Button
Accordion

pagePatterns:
Careers Page
FAQ Section
Careers Page
Careers Page

screenKeywords:
Ca,u’-a Jobs Canvalifev Teams~ Locations~ Career pathways~ How we hire @
\&YJ }
How we hire <3
b~
We deeply believe diversity of thought and experience - \
is key to creating the world’s best team and building a ‘ \
truly incredible product.
|C(Inm Jobs Canvalifev Teams~ Locations~ Career pathways~ How we hire @
Hiring FAQ's
Still curious? Here are some of our frequently asked questions.
What can | expect after | apply? v
What’s the standard hiring process? v
How long does it take to hire at Canva? v
Who will | meet throughout the process? v
How should | prepare for my interview and do you have any tips? n
|Caupda s comatier Teams~ tocatons - Carcepathways= Howwerie P
e, o 0
= Design |
your future Bl
@ 2
~with Canva AL
v 1
i 2m
|C(Inm Jobs Canvalifev Teams~ Locations~ Career pathways~ How we hire @
Still curious? Here are some of our frequently asked questions.
What can | expect after | apply? A
Straight after you apply you will receive an email from us letting you know we’ve received your application. About a week later, you’ll receive another email with an
update on your application or asking you to book yourself in for a Zoom call. This can vary during busier periods but our recruiters are always working hard to
respond to you as quickly as possible.
What’s the standard hiring process? v
How long does it take to hire at Canva? v
Who will | meet throughout the process? v
How should | prepare for my interview and do you have any tips?


Moving an image to a folder

pageType: Application

hotspotType: Hover

screenElements: Checkbox Toolbar

screenElements:
Dialog
Button
Search Bar

screenElements:
Search Bar
Button
Side Navigation

screenElements:
Checkbox
Toolbar
Search Bar
Button
Side Navigation
Checkbox
Progress Indicator
Button
Dialog
Button
Search Bar

screenPatterns:
Move
Internal Tool
Loading
Move
Move

pageType: Application Application Application Application Application Application Application Application

screenKeywords:
@ [ij Share
@ Animate 5.0s +
EB Q Search uploads ® L @
Templates
0o
Elements
Record yourself Q
@ ] _
Uploads Images Videos Audio
= | ¢
- Whit
Text
(edite
]
Projects
Styles '
<
Logos
Apps
R = &8l =80
o — - < b .
1 2 3 4 5 6 7 s = o
(1) selected 5 '[1_?]’ X
7 Notes 47% [ .7 @
|Move to folder
a C
< Your Projects

Elements 5

litem

.

+ Create new

| SN Hesll No SN NeoBR

.
|@ [ij Share
© Animate 5.0s t‘,’
(B Q_ search uploads ® @
Templates
QA _
oo
Elements
Record yourself Q
é?') Images Videos Audio
Uploads
@
Text Drag media here to upload or Whit
connect an account... (edite
)
@ You can upload images, videos, audio and gifs
Styles '
<
Logos
Apps
Learn = = <)
o — i == | == | -
1 2 3 4 5 6 7 8 9 10
= Notes a7% ° S @
|@ [ij Share
QO Animate 5.0s t‘,’
(B Q search uploads ® @
Templates
QA _
oo
Elements
Record yourself Q
é?') Images Videos Audio
Uploads
— ¢
an Whit
Text
(edite
B
Projects
Styles '
<
Logos
Apps
Learm = : =
[o) — - b -
1 2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®
|-
<
Moving your items
-
| BN Besll oSN _Re BN
.
|Move to folder
a C
< Elements
.
Move here or create a folder.

+ Create new

| B HeslN _Ho SN _HNeo BN

-
|Move to folder °
a C
3 Your projects >
+82 Shared with you >
-

+ Create new

] B Hesll _No NN Ne BN

.
|@ [ij Share
© Animate 5.0s +
EB Q Search uploads ® [ -@-
Templates
QA _
oo
Elements
Record yourself O.
@ Images Videos Audio
Uploads
= ¢
- Whit
Text
(edite
]
Projects
Styles '
<
Logos
Apps
. e =R =m0l =0
Move to folder == BN - b .
1 2 3 4 5 6 7 8 9 10
(1) selected B W X
=7 Notes 47% ° NG


Rating a feature

actions:
Reviewing & Rating
Giving Feedback

screenElements:
Popover
Rating Control
Text Field

screenElements:
Rating Control
Button

screenElements:
Popover
Rating Control
Text Field
Rating Control
Button

screenPatterns:
Feedback
Acknowledgement & Success
Feedback

pageType: Application Application Application

screenKeywords:
@ [ij Share
EB QO Animate t‘,’ '[I_T]'
Q_ search uploads
Templates
QA _
ao
Elements
Record yourself Q
é?') Images Videos Audio
Uploads
@
T Whit
Text
. e
J D < Search for help and advice...
Prgl:ts 2.2
! Lights, camera, action!
@ Jane Doe
jdoe.mobbin@gmail.com
Styles |
4
How would you rate today's 'record yourself"
experience?
Logos
HH Any additional feedback or suggestions?
Apps
1 2 3 4 5 6 7
=% Notes 47% ° S X
|@ [ij Share
(B © Animate + W
Q search uploads
Templates
QA _
oo
Elements
Record yourself Q
@ : .
Uploads Images Videos Audio
A ¢
an Whit
Text
J D < Search for help and advice... [
]
Projects 228
Thanks for your feedback
@ We're constantly striving to improve your
Styles Canva experience and your feedback |
< makes this possible.
Logos
ase Back to Main Menu
Apps
1 2 3 4 5 6 7
7 Notes 47% ® e X
|@ [ij Share
EB QO Animate t‘: @
Q search uploads
Templates
QA _
ao
Elements
Record yourself Q
é?') Images Videos Audio
Uploads
B ¢
T i
ex
e
J D < Search for help and advice...
Pr;teclzts 2.2 . .
! Lights, camera, action!
@ Jane Doe
-, jdoe.mobbin@gmail.com |
yles
4
How would you rate today's 'record yourself"
experience?
* k kK
EEE Any additional feedback or suggestions?
Apps
1 2 3 4 5 6 7
=% Notes 47% ° S X


Query Library

appName: Retool

appCategory: Developer Tools

appTagline: The best way to develop effective software

companyHqRegion: US & Canada

screenPatterns:
Misc
Multi-Column Layout

screenElements:
Search Bar
Button
Text Field
Keyboard Key
Side Navigation
Top Navigation Bar
Button
Avatar
Side Navigation
Thumbnail
Search Bar
Stacked List
Icon
Floating Action Button
Badge

screenPatterns:
Misc
Multi-Column Layout
Home

pageType: Application Application

screenKeywords:
— Retool Q) Apps & Resources @ Query Library f Learn &5 Workflows BETA Upgrade e
Q Search queries Country Search m »
@ Saved 2022/11/29 04:24pm View History Click to add a description
YOUR QUERIES (1 - VARIABLES (1 -
@ m Resource {3} REST m
country_name
{3 REST untry_n:
Country Search Action type  GET https://restcountries.com/v3.1/name/{{ country_name }} -
unlite
Today
URL parameters = key value X
SHARED QUERIES (0 -
@ © Headers  key value X
SCHEMA -
Your team has no shared queries yet! + Add new
A No schema available
Cookies  key value X
+ Add new
Click Run 'orpress 3 < torun query.
USAGE (0) -
This query isn't used in any apps. o
|-_ Retool O Apps & Resources @ Query Library i Learn &5 Workflows BETA Upgrade e
All (4) .
Welcome to Retool, John! Hide Learn more
Recent
Starred N R O .
Build a simple app using a CSV M || B et SRS
Modules p'e app i 9 L SR bl kB oo ol b
Best way to start learning how to build in Retool . e L ol [ b o
Trash s oes -_—
Learn with an example app : e [ ——
Folders 9 . . ey porp 3 am—
Deconstruct a pre-built app to see how Retool works N PR A mume - e -
Start from scratch
If you already know what you want to build Intro to Retool 4:02
Al
Select all
o Add User Form
%% Module - 35 minutes ago by John Smith
o Admin Panel
~  App - 26 minutes ago by John Smith
o Basic Admin
9% Module - 32 minutes ago
o Sample Users Page
~  App - 2 hours ago
&% Invite new members o


Linking an element

screenElements:
Dropdown Menu
Keyboard Key

screenElements: Toast Popover Button Icon

screenElements:
Combobox
Toast
Popover
Button
Icon
Dropdown Menu
Keyboard Key

screenPatterns:
Acknowledgement & Success
Action Option

screenKeywords:
@ [ij Share
L (] . @ . e o G @
(B o Editimage  Crop  Flip @ Animate Position ? R =)
Q Box X 3=
Templates
Enty link h
A All Graphics Photos Videos Audi nterafinkorsearc
oo ——
Elements '@' X
Rectangle box | Textbox | Rectangle @ Car)
Pages in this document
@
Uploads 1- Untitled C
T - ﬂ 2 - Untitled
Text b
= 3- Untitled
Whit
B 4 - Untitled (edite
Projects _
] 5- untitted
S E¥] © - untitled
<
;.E . 7- Untitled
|:I - - v
B = = 8 - Untitled
Repl
HEE j 9 - Untitled
Apps t¢ Magic Recommendations See all
- BN 10 - untitled
mm = B .
W W W W
Q x
o — i == -
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)
|@ [ij Share
(A o Editimage. crop Flip (e B e Position T = S [%
Templ Q Box X = Link added
emplates
Ent link h
on All Graphics Photos Videos Audi nteralink or searc
oo —_— i
Elements > .@. e 2 - Untitled
Rectangle box | Textbox | Rectangle @ Car)
g w
@
Uploads G
T -
Text )
Whit
t' (edite
Styles
<
[ 1] - L v
Logos
W W
Repl
A.,:,:S t¢ Magic Recommendations Seeall
W W W W
Q x
o — i == | == | -
1 2 3 4 5 6 7 8 9 10
[ ]
7 Notes 47% ® RENG)
)
|@ [ij Share
L o . @ . e o c @
(B o Editimage  Crop  Flip @ Animate Position ? R D
Q Box X 3=
Templates
A All Graphics Photos Videos Audi [‘D Copy s2C
oo ——
Elements |j Past sy
aste
Rectangle box | Textbox | Rectangle @ Car)
G}) Duplicate D
Uploads G
'[1_?]' Delete DELETE
T
Text <P Send backward |
<2 -
{|7 Send to back a8[
=) v
Projects _ %]
@) s8]
Styles
<
: - - © pome
Logo + _
o8 W W C comment N
S Link ®K
A.,:,:S t¢ Magic Recommendations See all
- % Replace background
- - - l @ Apply colors to page
W W W W
Q x
— i -
l 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)


Switching to dark mode

screenPatterns:
Dark Mode
Dark Mode
Dark Mode

pageType: Application Application Application Application Application

screenKeywords:
Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v Q search thousands of templates {§} Q - a
@ Home
Christmas  Winter Holiday Food Birthday Blue Green School Collage December Business Sale ThankYou Snow  Music >
[]3 All templates
> Business
. o
S Social Media Get ready for 2023 with a MAR m
> Video custom calendar ——— |
> Marketing Schedule in style this New Year with a personalized wall 20 e e
i — T . |
| -
S Custom Prints calendar! Perfect for home, school, work, or given as a 23 .
thOUghthlglft ”«‘;;:”“‘Am;i L] WU s AN u W NA NN NBUN RN Loy
> Cards & Invitations
> Bt _ — Aws_ —
Recommended Presentations Social media Videos Print products More
iy -
} lici s s We-
: s 2on oy s
Get ideas Koy ‘t“‘l\ PRESEN N
Whiteboard Infographics Documents Presentations (16:9) Virtual Invitations Poste
Popular Topics
- e
=0
Ao
|= CaIM}a Design spotlight v Business v  Education v  Plansand pricing v Learn v 8 & A - Q
‘ Jane Doe's team
T e 82 H H Custom size Upload
What will you design today?
sls Teamsandshared X
/ have moved! Q Search your content or Canva's
e ‘ ‘ ‘ ‘ G °
[ L Presentations Social media Videos Print products Websites More
() Home
Templates .
(B P You might want to try...
B3 Projects II 2l [ —
Olictg e i* WD~ | 4
o, 21100 Dy ¢ (\\H\“‘“E‘“ ¥ Hofidny -
Tools Getideas e, C REPY PRESENT e Markell - >
wz, WITH EASE “Uhiaay
Brand ¥ ‘ e
W Pidetogtle oy
E Content Planner w
Whiteboard Infographic A4 Document Presentation (16:9) Poster (Portrait) Video
83t Discover apps
@ Smartmockups
D The biggest announcements from Canva Create 2022 P Watch the recap
Recent designs a8
-+ Invite members
Name People Type Edited
'[1_?]' Trash .
"w ¥y " Introduction to Canva - Presentation 3 hours ago eee
|Calwa Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q @
@ Jane Doe
jdoe.mobbin@gmail.com Insights
Opt out of insights collection
@ Your account
Insights give design owners information about how other people interact with their designs. If you would
@ Login & security prefer your interactions not to be collected and included in other people’s design insights, you can opt
out.
BX Email preferences
Theme
@ Jane Doe's team Choose how you’d like Canva to appear. Select a theme, or sync themes with your system preferences.
T l . -
+82 People l
Sync with system Light Dark
% Groups
Accessibility
B3 Billing & plans
Shortcuts require modifier
@ SSO & provisioning Single key shortcuts require the use of the XX modifier key
L Reports High color contrast
L Gradients will no longer be used as backgrounds such as in the editor header
@ Permissions
32 Apps Autoplay videos
. Use my system preferences v
Q Purchase history
@ Domains °
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q - Q
Q Jane Doe
jdoe.mobbin@gmail.com  Insights
Opt out of insights collection .
@ Your account
Insights give design owners information about how other people interact with their designs. If you would
@ Login & security prefer your interactions not to be collected and included in other people’s design insights, you can opt
out.
BX Email preferences
Theme (©) saved
‘ Jane Doe's team Choose how you’d like Canva to appear. Select a theme, or sync themes with your system preferences.
N I - i]
+82 People
Sync with system Light Dark
% Groups
Accessibility
B Billing & plans
Shortcuts require modifier .
@ SSO & provisioning Single key shortcuts require the use of the XX modifier key
4l Reports High color contrast (]
L Gradients will no longer be used as backgrounds such as in the editor header
@ Permissions
322 Apps Autoplay videos
. Use my system preferences v
Q Purchase history
@ Domains .
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q O
Q Jane Doe Your account
jdoe.mobbin@gmail.com  Your account is managed by Jane Doe's team.
@ Your account Profile Photo
@ Login & security
Remove photo Change photo
BX Email preferences
Name
@ Jane Doe's team Jane Doe Edit
$=  Team details
Email address
+82 People jdoe.mobbin@gmail.com Edit
% Groups
What will you be using Canva for?
B Billing & plans
Personal v
@ sso& provisioning
Language
_|J_|_ Reports
English (US) v
@ Permissions
$# Apps Insights
Opt out of insights collection
Q Purchase history . . . . . . . . .
Insights give design owners information about how other people interact with their designs. If you would
@ prefer your interactions not to be collected and included in other people’s design insights, you can opt
Domains °
out.


Changing font

screenElements:
Search Bar
Divider
Badge

screenElements:
Toolbar
Stepper
Search Bar
Divider
Badge
Button

screenPatterns: Edit Edit

screenKeywords:
@ [ij Share
(A CanvaSans Displ.. v - 120 + £ = = =1 Effects © Animate vee
Templates Q Search text
- ¢
0o
Elements
Untitled Brand Kit Edit Whit
(\) (edite
1 .
Uploads Add a headlng
T Add a subheading
Text
Add a little bit of body text hd
]
Projects +
Font combinations C/
o our paragrapn e
Styles
<
POOL PRESS 5
Logos PARTY ;) | ‘—|]:1 |
HH i i
Apps
W W
o e I L B dsE m
) ) - —
H%G‘ U R‘ 1 2 3 4 5 6 7 8 9 10
IEAWE 2 Notes 47% [ J e’ @
|< Home File ¥ Resize S (& &%) Get started in Canva JD + ni C;] Present
Q Try “calligraphy” or “Open Sans” Argent V|- |18 | ¢ A B I = iz = Effects © Animate °e
Apercu
Argent
Arimo
Canva Sans
Canva Sans
Canva Sans Display
Untitled Brand Kit Edit _— G
© Your paragraph text
Popular fonts | p p
Abhaya Libre Regular
W
Apcline
Afrah
Aileron Regular e
Alegreya
Alice
Anonymous Pro M
Arapey 1 2 3 4 5 6 7 8 . 9 10
(1?) Upload a font =% Notes 47% P e @
|< Home File ¥ Resize Lo T g & Get started in Canva JD + all C;] Present
Q Try “calligraphy” or “Open Sans” Argent Vi~ |0 | ¢ A B I = iz = Effects © Animate °e
Apercu
Argent
Arimo
Canva Sans
Canva Sans
Canva Sans Display
Untitled Brand Kit Edit 5 o
: Your paragraph tex
10Ul’ paragrapil text
Popular fonts
Abhaya Libre Regular [)
Apcline
Afrah
Aileron Regular e
Alegreya
Alice
Anonymous Pro M
Arapey 1 2 3 4 5 6 7 8 . 9 10
(1?) Upload a font =% Notes 47% P e @
|< Home File ¥ Resize S (& &%) Get started in Canva JD + ni C;] Present
QU Try “Caliigraphy” or “Open Sans® CanvaSansDispl.. v = - 120 + A = = =1 Effects © Animate vee
Apercu
Argent
Arimo
Canva Sans
Canva Sans
Canva Sans Display Vv
Untitled Brand Kit Edit() C
our paragraph text
Popular fonts
Abhaya Libre Regular [}
Apcline
Afrah
Aileron Regular e
Alegreya
Alice
Anonymous Pro M
Arapey 1 2 3 4 5 6 7 8 . 9 10
(1?) Upload a font =% Notes 47% P e @
|< Home File ¥ Resize S (& &%) Get started in Canva JD + ni C;] Present
Q Try “calligraphy” or “Open Sans” Argent vy~ |0 |+ A B I = iz = Effects © Animate °e
Apercu
Argent
Arimo
Canva Sans
Canva Sans
Canva Sans Display
Untitled Brand Kit Edit C)
’ our paragraph text
Popular fonts
Abhaya Libre Regular [)
Apcline
Afrah
Aileron Regular e
Alegreya
Alice
Anonymous Pro M
Canva Sans Display - Argent e = - E ! a-d ¥ b! :
1 2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®


Onboarding (Canva teams)

screenPatterns:
Guided Tour & Tutorial
Guided Tour & Tutorial

screenKeywords:
X

Here's what's changed
£ one place for all your work

View your personal, shared and team &

content in Projects. Quickly search and

filter for anything you need.
Allyour brand tools together G T ‘

Find your Brand Kits, brand templates and ‘ - R

brand controls in the new Brand section. E
{§} Simpler team management _. 2

Go to Settings to edit your team logo and

homepage banner, add people to your

team, manage groups, control app usage

and change permissions.

Explore changes 4 '
Go to Settings
Can't find what you're looking for?
|= CaIM}a Design spotlight v Business v Education v Plans and pricing v Learn v g & A ‘
Jane Doe's team
a2 What will you design today? B [ onlose
!z Teamsandshared X
/\ have moved! Q Search your content or Canva's
- o O e e Q @ G Q
@ Home For you Whiteboards Presentations Social media Videos Print products Websites More
Templates s
(B P You might want to try...
£ Projects . B
Hoy 80 Gueceunay (05
Oliq; 0- )
ey Dobar "On?)l:.,- Aares . § F
Tools Get ideas " He REPORT SE [
FLOWING Mo w . WITH EASE b h)
~ oy e :‘viil;‘;‘:ﬁ;‘mmw% 3 4
Z) =z
E Content Planner w )
Whiteboard Infographic A4 Document Presentation (16:9) Poster (Portrait) Video
83 Discover apps
@ Smartmockups
D The biggest announcements from Canva Create 2022 P> Watch the recap
Recent designs iz
~+  Invite members
W Trash 5 .‘?}*«{' 2 —
el [ e |
Wl ST I
|= Canva Design spotlight v Business v Education v Plans and pricing v oo Q Search your content or -] {§} Q @
Jane Doe's team Br’and ~+ Add new
Pro- 81
A1, Teamsandshared X Brand Kit Brand templates Brand controls
/\ have moved!
Learn more
#Mf Mobbin #fk Mobbin
@ Home
(B Templates ] N I
Untitled Brand Kit My Brand
3 Projects
Tools
Brand W 2/2
Brand tools have been moved
() Design approvals You can now find your brand templates in
the Brand tab, along with brand controls

£ Content Planner '@l and Brand Kits.

83 Discover apps Got it
@ Smartmockups

~+  Invite members
'[I_T]' Trash °
|X
Welcome to Canva for
Teams!
Now that someone’s joined your team, we’ve
switched you to our Canva for Teams plan.
Features designed for teams:
Maintain brand consistency at scale using
branded templates, Brand Kits, design
approvals and more
& simplify your team’s workflow with an all-
in-one workplace to create, manage,
collaborate and publish designs
*& Collaborate seamlessly by managing
assets, assigning roles, providing access
permissions
’
|= CaIM,a Design spotlight v Business v Education v Plans and pricing v oo Q Search your content or -] {§} Q @
o *—
Jane Doe's team Pr'OjeCtS =+
Pro- 81
3 Your projects v
!z Teamsandshared X 1/2
/% have moved! Filter by shared and personal
Al Folders DN  content
Learn more To see what's important to you, filter by
ersonal or shared. Filter by all projects to
Recent o _ YRR
view everything together.
@ Home
Pryr— Skip tour Next B
[(B Templates = - L
- === l weekin Canva I weekin Canva

B3 Projects - -
Tools A4 - My Brand Introduction to Canva Get started in Canva (Vid... Copy of Get started in Ca...
A A4 My Brand Templates Presentation Presentation Presentation
Brand w
) Design approvals

v Folders
E Content Planner w
83 Discover apps 1 Purchased ﬁﬁf Starred @  Uploads £ Ilvcl)thrand Templates

items

@ Smartmockups

A

Elements
2items

~+  Invite members

v
S— Designs °


Editing a comment

screenElements: Chip Avatar Icon

hotspotType: Keyboard Input

screenElements:
Text Field
Chip
Avatar
Icon

screenPatterns: Comments Edit Edit

pageType: Application Application Application Application Application Application

screenKeywords:
@ [ij Share
L (] . @ . e o c @
(B o Editimage  Crop  Flip @ Animate Position ? R D
Q_ Box X =
Templates
A All Graphics Photos Videos Audi
oo ——
Elements '@' X
Rectangle box | Textbox | Rectangle @ Car)
@
Uploads Jane Doe \/ oo
@ Just now
;Tt White background (should be ok)
ex
(edited)
=) ~
Projects _
-
I 4
Styles ' 1 @
<
: - - Reply...
Logos - -
A.,:,:S t¢ Magic Recommendations See all
mm = B .
W W W W
Q x
o — i -
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)
|@ [ij Share
QO Animate 5.0s t‘,’
(B Q Box X 2= © ]
Templates
A All Graphics Photos Videos Audi
oo ——
Elements
Rectangle box | Textbox | Rectangle @ Car) Q
@
Uploads
¢
an Whit
Text
(edite
]
Projects _
Styles '
<
Yo : - -
W W
A.,:,:S t¢ Magic Recommendations See all
e m lw
Q x
[o) — b -
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)
|@ [ij Share
. J . . L o
(B o Editimage” Crop Flip (O © Animate Position ) )
Q_ Box X =
Templates
A All Graphics Photos Videos Audi
oo ——
Elements '@' X
Rectangle box | Textbox | Rectangle @ Car)
@
SR White background (should be ok)
T 2
Text
-
B 4
Projects _
@ Cancel
Styles
<
[ 1] - - e
Logos - - 9
A.,:,:S t¢ Magic Recommendations See all
mm = B g
W W W W
Q x
[o) — . b -
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)
|@ [ij Share
L (] . . e !
(B o Editimage. Crop Flip (O © Animate Position ) )
Q_ Box X =
Templates
A All Graphics Photos Videos Audi
oo ——
Elements '@' X
Rectangle box | Textbox | Rectangle @ Car)
@
SR White background
T Z
Text
-
B 4
Projects _
@ Cancel
Styles
<
[ 1] - - e
Logo
0gos o o 9
A.,:,:S t¢ Magic Recommendations See all
mm = B .
W W W W
Q x
[o) — . b -
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)
|@ [ij Share
L (J . @ . e o c @
(B o Editimage  Crop  Flip @ Animate Position ? R D
Q_ Box X =
Templates
A All Graphics Photos Videos Audi
oo ——
Elements '@' X
Rectangle box | Textbox | Rectangle @ Car)
@
Uploads Jane Doe \/ oo
@ Just now
;Tt White background
ex
Z
B
Projects -
I 7
@ 0@
Styles
<
Logos 9
W W
A.,:,:S t¢ Magic Recommendations See all
mm = B .
W W W W
Q x
- . EEE =D s =8 D e
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)
|@ [ij Share
L (J . @ . e ! c @
(B o Editimage  Crop  Flip @ Animate Position ? R D
Q Box X 3=
Templates
A All Graphics Photos Videos Audi
oo ——
Elements '@' X
Rectangle box | Textbox | Rectangle @ Car)
@
Uploads Jane Doe \/ 000
@ Just rave
Edit comment
T White back /
Text
'[I_T]' Delete thread
B
Projects -
I 7
@ i@
Styles
<
Logos 9
W W
A.,:,:S t¢ Magic Recommendations See all
mm = B .
W W W W
Q x
- . EEE =D s =8 D e
1 2 3 4 5 6 7 8 9 10
[ ]
=2 Notes 47% o S ®
)


Reordering brand colors

hotspotType: Drag

screenPatterns: Reorder Reorder

pageType: Application Application Application Application

screenKeywords:
vViOD
X
LBOIVBZAYDTRR.png
Image - just now
~ Brand colors (7) +
Colors from LBOIVBZAYDTRR.png
- +
Deep Introspection
/\ Reorder palettes
'[I_T]' Delete palette
v Brand fonts @ Upload a font
|vViOD
X
LBOIVBZAYDTRR.png
Image - just now
~ Brand colors (7) +
Colors from LBOIVBZAYDTRR.png
- +
Deep Introspection
v Brand fonts @ Upload a font
|vViOD
X

LBOIVBZAYDTRR.png

Image - just now
~ Brand colors (7) +
Colors from LBOIVBZAYDTRR.png
- +
Deep Introspection NN e
v Brand fonts @ Upload a font
|VIO
X

LBOIVBZAYDTRR.png

Image - just now
+ Brand colors (7) +
Deep Introspection NN e
Colors from LBOIVBZAYDTRR.png &
- +
v Brand fonts @ Upload a font


Template detail

screenElements: Popover Chip

screenKeywords:
@ |1| Share
(B . y ‘ © Animate @ 5.0s \EI L+ @
Q search Presentation layouts (@
Templates
Templates Layouts
oA P y
oo -
Elements
Bar chart  Piechart  Pictogram  List > Cj
@
Uploads a
Title Page Title Page with Photo
Text
tl Title Page Title Page
B p— .
Projects O ' I r I rst
@ T == faens o
Styles e ) ‘
Logos Agenda Agenda @ i asdspe
© wirespminpom
© iy spmiapam
U o i Carva Design School
Apps
Agenda Adda
o o o e
Adda
heading
dd v
- Learn e = =)
Bl = = e=m]. e
| : — - 7 = =
2 3 4 5 6 7 8 9 10
Adda
(i ection kil ection Ti
% Notes 47% ° S @
|@ |1| Share
(B . y ‘ © Animate @ 5.0s I%I L+ @
Q search Presentation layouts (@
Templates
Templates Layouts
oA P y
oo -
Elements
Bar chart  Piechart  Pictogram  List > Cj
&
Uploads
Title Page Title Page with Photo
Text
tl Title Page Title Page
B p— .
Projects O ' I r I rst
@ T == faens o
Styles e ) ‘
Logos Agenda Agenda @ i asdspe
© wirespminpom
© iy spmiapam
U o i Carva Design School
Apps
Agenda Adda
o o o e
Adda
heading
dd v
- Learn e = =)
Bl = = e=m]. e
| : — - 7 = =
2 3 4 5 6 7 8 9 10
Adda
(i ection kil ection Ti
% Notes 47% ° S @
|@ [ij Share
B "1 © animate (O s0s @ )
Templates
QA
ao
Elements
<
&
Uploads '
Title Page with Photo
T i Title Page with Photo - 8 Activities
Text Background
t] creative presentation  cover °
Projects
title cover page cover slide You r I rs l
(@) °
Styles
4
Logos
Canwva Design School
Apps
D | - -
2 3 4 5 6 7 8 9 10
% Notes 47% ° O]


Logging in

pagePatterns:
Landing Page
Hero Section

screenElements:
Button
Top Navigation Bar
Search Bar
Animation & Video

screenPatterns: Login Login Login Login

pageType: Application Application Application Application Application Marketing

screenKeywords:
.-:1 =
< Continue with email )
We'll check if you have an account, and help
create one if you don't. ) i \é
Email (personal or work) &
julie@example.com A
P . o 5= LA
X | Design |
I ) i ase ‘
, \withease | amy
\ ,&~5°¥i[:;&“c‘i > /’-f
- /A S
S —— /f“"-“?;: ,4
= = s G.’)’ B . .
= ¢ -é}‘;i‘,fﬁ b
E’ = 77 i
- RN = [ »"'. ',' . .
3 J‘Q\ 1 / 3
. ’\"{;12:-‘:. D \ s v
= AR
|.-:1 =
< Continue with email )
We'll check if you have an account, and help
create one if you don't. ) i \é
Email (personal or work) &
jdoe.mobbin@gmail.com A
P . o 5= LA
c » - . ‘
X | Design |
I ) i ase ‘
, |withease| g
| l&z‘g\h“h" olos /’
- /- a i
= RN e e
= ¢ -é}‘;i‘,&% b
3
- RN = [ »"'. ',' . .
: J‘Q\ 1 7 3
AR y A
= AR
|= CaIM}a Design spotlight v Business v Education v Plans and pricing v Learn v g & A ‘
Jane Doe's team
a2 What will you design today? B [ onlose
!z Teamsandshared X
/\ have moved! Q Search your content or Canva's
- o O e e Q @ G Q
@ Home For you Whiteboards Presentations Social media Videos Print products Websites More
Templates s
(B P You might want to try...
£ Projects . B
Hoy 80 Gueceunay (05
Oliq; 0- )
ey Dobar "On?)l:.,- Aares . § F
Tools Get ideas " He REPORT SE [
FLOWING Mo w . WITH EASE b h)
~ oy e :‘viil;‘;‘:ﬁ;‘mmw% 3 4
Z) =z
E Content Planner w )
Whiteboard Infographic A4 Document Presentation (16:9) Poster (Portrait) Video
83 Discover apps
@ Smartmockups
D The biggest announcements from Canva Create 2022 P> Watch the recap
Recent designs iz
~+  Invite members
W Trash 5 .‘?}*«{' 2 —
el [ e |
Wl ST I
|.-:1 =
< Log in to your account 4
using jdoe.mobbin@gmail.com
] N
Password a5 | ‘\
Enter password A
N
e o 5= LA
OR = I’//T;’
X | Design I ‘
Log in with a code instead - \IlN,l,tD.9§§e/\ q
Go passwordless! We'll send a code to your mobile | bv;,’:;‘_x‘,d'& SEE . ’w
number. R Lk g & ~‘f "';
).
= el /e
Forgot password? = : — / fﬁ;’-d;: pr
—— 3 'e'fﬂ")'fz" ‘
- RN - 4 u‘_ 4 > 4 .
3 J‘Q\ 1 / 3
P 4
= AR
|1 B , X
< Log in to your account )
using jdoe.mobbin@gmail.com
N
Password " i *
ssecescsancene @ .
N
( ez — e ' \
OR e I’//T;’
3 | Design \
Log in with a code instead - \l’\”r,t[‘,§§§e/\ q
Go passwordless! We’ll send a code to your mobile | ‘&:z”,"":;é‘, SEVER /’g’
number. Psr® e b
== Tl /e
Forgot password? s ot 4_/ ,:%’,% g
_— S .
:‘\ SR ¥ -' i w b
AR \ 4 4
= AP
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v Q Try logo, poster, anything! @ Login
] [
What will you desigh today?
Canva makes it easy to create professional designs and to share or print them.
Canva (G e . EDE - ;
] F BRITNEY
= - BEAUTY H
o L " |
poes pemr [ ' 3 i ,
« T \
=} 3 >
® orSale Q@ LA
Bl V/éﬁ MARKETING
‘ PROPOSAL
: y p— " e 7 — " - ‘l / 1
- Dy [ @
New i\ ¥ : 7 P 4" >
Employee Q‘,y ' & 8r ]
System and o \’%ﬁ <
Resources \


Projects

screenPatterns:
Empty State
Bookmarks & Collections

screenElements:
Illustration
Side Navigation
Button
Icon
Stacked List

screenPatterns:
Empty State
Bookmarks & Collections
Bookmarks & Collections

screenKeywords:
= CaIM,a Design spotlight v Business v Education v Plans and pricing v Learn v Q Search your content or Can -] {§} @
Personal Pr'OjeCtS =+
Pro- 81
3 Your projects v
@ Home
[]3 Templates
B3/ Projects N Purchased ﬁ::f Starred (1?) Uploads
Tools
Brand ()
ES Content Planner (w)
232 Discover apps
)
J
& Smartmockups
Welcome to Projects
o S, Create a design or upload your images, PDFs, or videos to get started.
Upload
'[1_?]' Trash
|= Ca’M’a Design spotlight v Business v Education v Plans and pricing v Learn v Q Search your content or Can -] {§} @
H oo
Personal PrOJeCts g8 4+
Pro- 81
3 Your projects v
@ Home
[]3 Templates
Name People Type Edited
£33 Projects
N Purchased - Folder -
Tools
Brand O
ﬁ::f Starred -- Folder --
ES Content Planner o
i Discover apps (1?) Uploads - Folder -
& Smartmockups
Create a team
'[I_T]' Trash °


Copying code snippet

screenElements: Button Button

screenPatterns:
Acknowledgement & Success
Article Detail

pageType: Marketing Marketing Marketing

screenKeywords:
W query1 Headers
GET STARTED W button’ ClckHandler « © r e = TABLE OF CONTENTS
Retool Docs N apow Demo
Quickstart etive e 1. Get user data
> Tutorials 2. Display data in a table
Templates 2 Repeat these steps for the Deactivate button but set true to false in the key-value pair. You can test these buttons 3. Add search to the app
Recent updates 2 out by selecting a row in the table and clicking the button. After the queries run, the table automatically updates. 4. Update user data
> Retool Fundamentals 5. View order data
5. View order data Wrap up
CONNECT YOUR DATA SOURCES The table contains a lot of information but it'd be nice to also display order information. You can configure the app so
Resources that as you click on rows in the table, order data for that user is displayed.
> Integrations
Create a new Resource query (named query4 in this example). Make sure the Resource is set to onboarding_db , add
> Connect to a database . i
the following code to the query editor, and then save and run the query.
> Connect to an API
> Troubleshoot connections SELECT orders.id, orders.user_id, orders.created_at, orders.charge_total, orders.status [}
. . FROM orders
Connecting to analytics vendors i i
INNER JOIN users ON orders.user_id=users.id
where users.id = {{ tablel.selectedRow.data.id }}
BUILD YOUR APPS
» App editor Order data is contained in a different table within onboarding_db . You can use a SQL JOIN clause to combine data
from both tables.
> Assemble components
> Reading and writing data Many components present a list of options, such as the dropdown in a Select component. Retool can automatically
> Writing JavaScript generate this options list by mapping data from a query. Add a Listbox component to the app. Select the Mapped
Event handlers option and then select query4 as the Data source.
Modules . . . . .
Update the mapped options Label to Order #{{ item.id }} . This will show a readable order number for the item's
Design and usability label. Next, update the mapped options Caption to {{ moment(item.created_at).format('LL"') }} . This will show a
Query Library formatted date as the item's caption.
URL query parameters
JavaScript API reference .
. listbox1
> Component Library 2
OPTIONS ."
|W query1 Headers
GET STARTED W button’ ClckHandler « © r e = TABLE OF CONTENTS
Retool Docs N apow Demo
Quickstart etive e 1. Get user data
> Tutorials 2. Display data in a table
Templates 2 Repeat these steps for the Deactivate button but set true to false in the key-value pair. You can test these buttons 3. Add search to the app
Recent updates 2 out by selecting a row in the table and clicking the button. After the queries run, the table automatically updates. 4. Update user data
> Retool Fundamentals 5. View order data
5. View order data Wrap up
CONNECT YOUR DATA SOURCES The table contains a lot of information but it'd be nice to also display order information. You can configure the app so
Resources that as you click on rows in the table, order data for that user is displayed.
> Integrations
Create a new Resource query (named query4 in this example). Make sure the Resource is set to onboarding_db , add
> Connect to a database . i
the following code to the query editor, and then save and run the query.
> Connect to an API
> Troubleshoot connections SELECT orders.id, orders.user_id, orders.created_at, orders.charge_total, orders.status v
. . FROM orders
Connecting to analytics vendors i i
INNER JOIN users ON orders.user_id=users.id
where users.id = {{ tablel.selectedRow.data.id }}
BUILD YOUR APPS
» App editor Order data is contained in a different table within onboarding_db . You can use a SQL JOIN clause to combine data
from both tables.
> Assemble components
> Reading and writing data Many components present a list of options, such as the dropdown in a Select component. Retool can automatically
> Writing JavaScript generate this options list by mapping data from a query. Add a Listbox component to the app. Select the Mapped
Event handlers option and then select query4 as the Data source.
Modules . . . . .
Update the mapped options Label to Order #{{ item.id }} . This will show a readable order number for the item's
Design and usability label. Next, update the mapped options Caption to {{ moment(item.created_at).format('LL"') }} . This will show a
Query Library formatted date as the item's caption.
URL query parameters
JavaScript API reference .
. listbox1
> Component Library 2
OPTIONS ."
|W query1 Headers
GET STARTED T —— S = TABLE OF CONTENTS
Retool Docs N apow Demo
Quickstart etive e 1. Get user data
> Tutorials 2. Display data in a table
Templates 2 Repeat these steps for the Deactivate button but set true to false in the key-value pair. You can test these buttons 3. Add search to the app
Recent updates 2 out by selecting a row in the table and clicking the button. After the queries run, the table automatically updates. 4. Update user data
> Retool Fundamentals 5. View order data
5. View order data Wrap up
CONNECT YOUR DATA SOURCES The table contains a lot of information but it'd be nice to also display order information. You can configure the app so
Resources that as you click on rows in the table, order data for that user is displayed.
> Integrations
Create a new Resource query (named query4 in this example). Make sure the Resource is set to onboarding_db , add
> Connect to a database . i
the following code to the query editor, and then save and run the query.
> Connect to an API
> Troubleshoot connections SELECT orders.id, orders.user_id, orders.created_at, orders.charge_total, orders.status
. . FROM orders
Connecting to analytics vendors i i
INNER JOIN users ON orders.user_id=users.id
where users.id = {{ tablel.selectedRow.data.id }}
BUILD YOUR APPS
» App editor Order data is contained in a different table within onboarding_db . You can use a SQL JOIN clause to combine data
from both tables.
> Assemble components
> Reading and writing data Many components present a list of options, such as the dropdown in a Select component. Retool can automatically
> Writing JavaScript generate this options list by mapping data from a query. Add a Listbox component to the app. Select the Mapped
Event handlers option and then select query4 as the Data source.
Modules . . . . .
Update the mapped options Label to Order #{{ item.id }} . This will show a readable order number for the item's
Design and usability label. Next, update the mapped options Caption to {{ moment(item.created_at).format('LL') }} . This will show a
Query Library formatted date as the item's caption.
URL query parameters
JavaScript API reference .
. listbox1
> Component Library 2
OPTIONS ."


Browse templates

screenElements:
Carousel
Top Navigation Bar
Logo
Avatar
Icon
Button
Side Navigation
Search Bar
Carousel
Accordion
Card
Badge
Side Navigation
Chip
Carousel
Accordion
Tab

screenPatterns:
Suggestions & Similar Items
Browse & Discover
Home
Browse & Discover
Browse & Discover

screenKeywords:
Ca]u}a Design spotlight v Business v Education v Plans and pricing v Learn v QU search thousands of templates {§} Create a design @
(A Home Trending Near You
All templates ; —— T — “
- P [ Q T ee—— || MEET THE TEACHER e
> Business r = —~ ‘ o — Me Ve /7 s
p. - .
i ) OUR PROPERTY 4 (/ ~ . w’i"l"“zuz‘": e KINDERGARTEN 2025 : &W
> Social Media MHEAAAS) A W P 3 e — k o)
. ST Buying a home « S . S Y, | el |
> Video SR in a constantly : v * busine:s and : m N [T . - i (
= changing market e ey e e e preous il W< )70 = >
> Marketing e GERITIEEI N e =
W Sl WELCOME TO Sees feeiiid S T RIS e
> Custom Prints e OUR CLASS Ee - ‘
‘f”' SR e MRS. DOT, ROOM 122 - e
> Cards & Invitations ‘ 3 SR B - )
——
> Education @ Blue Grey Contem... % Welcome to Our Cla... wed Blue Modern Com... Red and Black Mini... Boho Rainbow Mee... ° Yellov
Newsletter by Mookoo... Poster (Portrait) by Rory ... Newsletter by People ... Letterhead by jilnoalio " Worksheet by Teach C... Recipe
New in Canva
‘ = |
F— oduoe T
JAM|E xCOMPANV YOU'RE INVITED’ “{; s
gl D Christmas 47
CHAgTA‘N Grow =l EVE DINNER .
ML PARTY i
Your A2k e | ‘ .l
e Business N
I — WItR MORNING
£ B Q: ‘:‘5"““;{" . I us *LIVE LIFE LEISURELY"
Ve "2 e ?fi bt/ 2 >
A TN i — ;4 bECEMBER wwwreallygreatsite.com
i "i SIS % Latdgtid + AT ST
= 4»\» \ The Best Solution for Your .. W s
\ e \ R \
b AN Mery G, ona e \ L N :
9 White Minimalist C... @ Dark Red Gold ... *-p Black Minima... ° Black Brown ... @ Green Brown Mode... o Brown Minimalist ...
Program by Gregorius Menu (Portrait) by... Your Story by Pi... TikTok Story by ... Invitation (Portrait) by ... Flyer (Portrait) by gigi'...
Whiteboard sg
|Calwa Design spotlight v Business v Education v Plans and pricing v Learn v QU search thousands of templates {§} @
() Home Popular Topics
Allt lates
B Atemplae v .- »
i ; plra A
? Business - @ 4 200,94, g Y 7
o BSPring Jeo - s /8 o T e
> Social Media II"II \‘\I'IL{III'F\E( N Y ) S[)I"IIlg c 2 ) :‘_i’;‘f ;:”‘ 3:%,-5
> V. TH. \‘\)‘I;if‘.‘I}\{I NG ° o ‘;\-\ o ¢ -] S; / 174 “:l ’13.;
ideo o — e " 'I’&;ﬁ’l
= I sore Sl >
> Marketing 4 ‘% FHT\Caq oV | & | JON & DAN —
> Custom Prints an, = \ % Spring i - /
I T ™ a 40 —
> Cards & Invitations 1 v
Education anksgivin rin eddin ut
> d i Thanksgiving Spring Wedding A
You May Like
i & BLACK N
O : g C ln A' |52 | ; BLACK
(2’ — 5| I I‘ | _ FRIGAY
\Y Up to 60% O Mo UR b
: @ AUGUST | O
a : ak SALE T |
‘Wedding I L .
pvitatio : A
o Wi .
kTl CGitatien /ﬁ )/‘ K
) &
@ Dark Blue an... ﬂ Feminine Bea... @ Brown Traditi... @ Black Pink M... ‘:‘ Colorful Mod... i}. Colorful Cool... 0 Black Whit
Mobile Video by... Your Story by Sa... Mobile Video by... Your Story by Cr... Your Story by si... ‘ Your Story by ec... Your Story k
Trending Near You °
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v QU search thousands of templates {§} Q @
@ Home
Christmas  Thanksgiving  Winter ~Food Holiday BlackFriday Sale Birthday Blue Green Business School Collage Cyber Monday >
[]3 All templates
> Business
. o 3 M *
> Social Media FeStlve |nV|ta.t|0nS ‘ Bﬁfﬁﬂyg
> Video ; . . Sur IG”’ ° ¥R 5
Invite your friends, colleagues and loved ones to the merriest s *
. I e A
> Marketing party of the season. Select from Canva’s fantastic selection M " :gél. Yo,
a - . . RS D Ly
of festive templates, print them directly in Canva and we'll g‘ %/f%sf,z/&;:’”f
i ey P,
> Custom Prints deliver it to your door! . - i
> Cards & Invitations » 0 igoc "
. Design and Print Invitations et
> Education
Recommended Presentations Social media Videos Print products More
0
A b © 5::1:151(3‘1\/”:; p ! " |
¢  yioeo . AW L >
Facebook Posts Videos Logos Facebook Covers Instagram Posts (Square) Poste
Popular Topics
W .-
° )3
‘ 4 i ’4 a “ “o “
aSPring |1 g | o g | &
|= Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v -] {§} @
@ Personal
on e What will you design today? R [ tpioad
() Home
Q Search your content or Canva's
[]3 Templates
For you Whiteboards Presentations Social media Videos Print products Websites More
Tools
L
(=) Brand .
<! © You might want to try...
ES Content Planner (w]
= ’ . :
FLOWING WITH EASE ‘ 7. VIDEO >
& \
& Smartmockups - [ ] . = ' I
Play with Canva Whiteboard Presentation (16:9) Video Instagram Post (Square) Poster (
D The biggest announcements from Canva Create 2022 P Watch the recap
Recent designs iz
Create a team
'[1_?]' Trash 0
|Calwa Design spotlight v Business v Education v Plans and pricing v Learn v QU search thousands of templates {§} @
Q) Home Logos See all
[]3 All templates
> Business 0GR,
> Social Media A \/\AJ I / I‘ l
_— o Olovin Wil
* « \J/\VYV . \ l ‘I 5
. < N
> Marketing > "’M
» & pe°
> Custom Prints S A no
> Cards & Invitations o
. Black and White Minimal Mon... @ Elegant Circle Signature Phot... @ Modern Brand Name Initials T... @ Black Pink Bold Elegant Mono...
> Education - Logo by Mar Ruiz Logo by Sadaf F K. Logo by Sadaf F K. Logo by Created by Misia
Instagram Posts (Square) Seeall
HAPPY
= A
7 9 O 1C . b A W
up to 50% off
ereallygreatsite
e Cream Minimalist Thanksgivin... @ Pastel Pink Gradient Quote In... Qif" Black Friday. Instagram post. 6 Green lllustrated Happy Than...
Instagram Post (Square) by Glamor... Instagram Post (Square) by Created ... el Instagram Post (Square) by vitaliikr... Instagram Post (Square) by Mica Cr...
Flyers (Portrait) s‘
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v QU search thousands of templates {§} Q @
@ Home
Christmas  Thanksgiving  Winter ~Food Holiday BlackFriday Sale Birthday Blue Green Business School Collage Cyber Monday >
[]3 All templates
> Business
o (] e M -
> Social Media Festive Invitations 8 f”ﬂ Ye
Rtg, o
> Video . . . Sur r ®) N o
Invite your friends, colleagues and loved ones to the merriest T *
. ; S A
> Marketing party of the season. Select from Canva’s fantastic selection M e, é’:u Y-s0,
s . . . R ©p Ly
of festive templates, print them directly in Canva and we'll g‘ 7‘%%5%;:445
i e pﬂ/‘r‘
> Custom Prints deliver it to your door! . e i
> Cards & Invitations B 0 "
. Design and Print Invitations et
> Education
Recommended Presentations Social media Videos Print products More
w& ﬁ.# B HOI/L-/ \0-
veg TR | bty i
Getideas ?ﬁ THE DATE ) PRESENT ‘ e e REPOR N
FLOWING : {6\ WITH EASE P \\\'l\
o Kt e X
Whiteboard Virtual Invitations Presentations (16:9) Infographics Documents Facet
Popular Topics
¥ -
° /7
s \: ? . 30 f o (\o X
aSPring |1 g | o g | &


Browse brand templates

screenElements:
Grid List
Button
Avatar
Icon

screenPatterns:
Acknowledgement & Success
Bookmarks & Collections

screenKeywords:
X
. 1 A e
Your brand is set up! & . E
## Mobbin &
peesents . ~
Have more colors or fonts to add? You can M Mobbin L
update your brand at any time. G_rand vt
Anniversary  _. ;

Your MYM has all your Event “I:.. Annual Super Sale

brand colors, fonts and logos. M::—:: [E—
[]3 Your templates have been saved in the ::-:__

folder "My Brand Templates". ===
[’ You can access your brand at anytime = Mobbi

while designing. -

Your trusted brand since 2001 # Mobbin
Annual
Super
Sale
-l ¥k Mobbin
Your trusted brand since 2001
|= Calwa Design spotlight v Business v Education ~  Plansand pricing v~ ses Q search your content or g & A Create a design @
Jane Doe's team Projects > My Brand Templates @ +82 cee + Share
Pro- 81
!z Teamsandshared X
/\ have moved! .
Newest edited v =
Learn more
@ Mobbin iy rand
@ Home W Hiri , S— - l -
e're Hiring! == I . “ M bb
— T L | ‘!‘ﬁ: O Ir
(B Templates R — ¥ K
_‘ J e d Your trusted brand since 2001
oy ; i | Sl Our Most Exciting
Project: . Mmooyl et em e Promotion Ever
£33 Projects %{ 4 e
Tools Invitation (A6) - My Brand A4 - My Brand Feed Ad - My Brand Business Card - My Brand
P Template Template Template Template
Brand
.
) Design approvals
#Mf Mobbin
ES content Planner (w] M M bb_ Annual
; onbIN Super
Grand # Mobbin 1
31 Discover apps . S — R » Sale
Anniversary F B
& Smartmockups Event 25 "
L |
Poster - My Brand Presentation - My Brand Email Header - My Brand Facebook Post - My Brand
Template Template Template Template
~+  Invite members
BRAND TEMPLATE
W resh "t‘f °


Record yourself

screenElements:
Search Bar
Button
Side Navigation

screenElements: Illustration Dialog

screenPatterns:
Audio & Video Recorder
Internal Tool

screenElements: Toolbar Icon

screenElements:
Search Bar
Button
Side Navigation
Toolbar
Icon
Illustration
Dialog
Dialog
Floating Action Button

screenPatterns:
Internal Tool
Permission
Audio & Video Recorder
Internal Tool

screenKeywords:
@ [ij Share
© Animate 5.0s t‘,’
(B Q_ search uploads ® @
Templates
QA _
oo
Elements
Record yourself Q
é?') Images Videos Audio
Uploads
@
Text Drag media here to upload or Whit
connect an account... (edite
)
@ You can upload images, videos, audio and gifs
Styles '
<
Logos
Apps
Learn = = <)
o — i == | == | -
1 2 3 4 5 6 7 8 9 10
= Notes a7% ° S @
|< Exit Studio 8 Save and exit
A S O
3
Record
< 1/28 >
[ — Learn & play e ° = L = L
wsee- o B =i O £
|< Exit Studio 8
Allow permissions to get started
Canva needs to access your camera and microphone
so that you can record yourself.
1/28 >
) Learn Cm ) ) ‘
(] e B - Edit 7 inc i | il Edit
mmEs: | H < 34 S
|< Exit Studio 8
B 8\
W
Check your screen share settings
Your screen sharing settings don't allow us to record your screen.
Please check you've allowed your browser to record your screen.
Be sure to tap Share after selecting a window.
Close
1/28 >
) Learn & =) =
mmmss o =] B it
|< Exit Studio 8 Save and exit
Record
< 1/28 >
[ — Learn & play i ° = ! = L
e o 8 1) =B 2] ) 3] =


Adding brand colors

screenElements:
Dropdown Menu
Icon

screenElements:
Popover
Stacked List

screenElements:
Card
Popover
Stacked List
Dropdown Menu
Icon

screenPatterns:
Add & Create
Action Option

screenKeywords:
X
Untitled Brand Kit
v Brand lOgOS (1 & Upload
+ #k Mobbin
LBOIVBZAYDTRR.png
Image - just now
~ Brand colors (0) +
Colors from LBOIVBZAYDTRR.png v/ Keep X Remave
Color palette
|vViopo
X
LBOIVBZAYDTRR.png
Image - just now
v Brand colors (1) +
Q Try "Blue" or "Pastel"
Colors from LBOIVBZAYDTRR.png
+ Add acustom palette
- + The Deep Blue
v Brand fonts Up Shore
Text styles Uploaded fonts . . . .
Wild Orchid
Add a heading style Y
Luscious Lemonade
|X
Untitled Brand Kit
v Brand lOgOS (1 & Upload
+ # Mobbin
LBOIVBZAYDTRR.png
Image - just now
+~ Brand colors (0) +
Color palette
+
|X
Untitled Brand Kit
v Brand logos (1) & Upload
+ # Mobbin
LBOIVBZAYDTRR.png
Image - just now
~ Brand colors (1) +
Colors from LBOIVBZAYDTRR.png
- +
Color palette
|vViopo
X
LBOIVBZAYDTRR.png
Image - just now
~ Brand colors (1) +
Colors from LBOIVBZAYDTRR.png Q grey x
+ Add acustom palette
- + Deep Introspection
o Brand fonts Bolted Business
Text styles Uploaded fonts . . . .
Steel Cutlery
Add a heading style L L
A Window's Patience
|X
Untitled Brand Kit
v Brand logos (1) + Add new
+ & Mobbin
LBOIVBZAYDTRR.png
Image - just now
v Brand colors (0) + Add new
Color palette
_|_
|X
Untitled Brand Kit
v Brand lOgOS (1 & Upload
+ M Mobk LBOIVBZAYDTRR.png
® Get logo colors
LBOIVBZAYDTRR.png i Download
Image - just now
II_TI Delete
~ Brand colors (0) +
Color palette
_i_
|vViOD
X
LBOIVBZAYDTRR.png
Image - just now
~ Brand colors (7) +
Colors from LBOIVBZAYDTRR.png
- +
Deep Introspection
v Brand fonts @ Upload a font


Updating roles

screenPatterns:
Feature Info
Settings & Preferences

screenElements: Toolbar Checkbox

screenElements:
Select
Tooltip
Illustration
Button
Stacked List
Avatar
Checkbox
Side Navigation
Toolbar
Checkbox

screenKeywords:
Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q Create a design .
. Jane Doe Great collaboration starts with a great team!
jdoe.mobbin@gmail.com Invite up to 3 more team members on your Canva for Teams plan at no extra cost. ‘ ' : N o* .
@ Your account £ Keep your team organized with all your stuff in one place *J
. . @ Keep your branding consistent with shared colors and fonts ot
@ Login & security
O Move faster by working together - editing and commenting in real time
BX Email preferences Invite people to your team and start designing
Invite people something great together.
@ Jane Doe's team
2 Team deails People (2) g nvite people
+SQ People
. ‘.-!
Name Email Team role :
& Groups
, -
B Billing & plans . Jane Doe jdoe.mobbin@gmail.com Owner “ n B
Administrator
® SSO & provisioning Can manage your team members, create design templates for { _
o John Doe johndoe.mobbir  Your brand and edit your Brand Kit. \\\l ! '| 4
- ’ N
I Reports Brand Designer '!! l 8
Can create design templates for your brand and edit your ’
Permissions + Invite people Brand Kit. Invite your designers and we'll send them special tips i . .
@ to get started. +/ Provide feedback directly on designs
™ +/ Keep your visual branding consistent
2t Apps Member
Can create and share designs. Perfect for anyone who needs to +/ Use folders to organize shared content
g Purchase history make branded designs - especially your colleagues in o
marketing, social media & sales. )
Domains
@ (1) selected % @ X
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q .
. Jane Doe Great collaboration starts with a great team!
jdoe.mobbin@gmail.com Invite up to 3 more team members on your Canva for Teams plan at no extra cost. ‘ ' : N o* .
@ Your account £ Keep your team organized with all your stuff in one place *J
@ Keep your branding consistent with shared colors and fonts ot
@ Login & security
O Move faster by working together - editing and commenting in real time
BX Email preferences Invite people to your team and start designing
Invite people something great together.
@ Jane Doe's team
2 Team deails People (2) g nvite people
+SQ People
. o
Name Email Team role :
& Groups
, -
B Billing & plans . Jane Doe jdoe.mobbin@gmail.com Owner ‘ n B
@ SS0 & provisioning ! ..
o John Doe johndoe.mobbin@gmail.com Member v j' \ Il s
1l Reports ! 'Ill
aa i )
issi Invite people
@ Permissions + Vite peop +/ Provide feedback directly on designs
3 Apps ~/ Keep your visual branding consistent
+/ Use folders to organize shared content
Q Purchase history e
Domains
@ (1) selected % @ X
|Wa Design spotlight v Business v Education v MEURERE 1 people's roles were updated @ {§} Q ‘
‘ Jane Doe Great collaboration starts with a great team!
jdoe.mobbin@gmail.com Invite up to 3 more team members on your Canva for Teams plan at no extra cost. . ' : N o* .
@ Your account B3 Keep your team organized with all your stuff in one place f*}
@ Keep your branding consistent with shared colors and fonts ot
@ Login & security
O Move faster by working together - editing and commenting in real time
BX Email preferences Invite people to your team and start designing
Invite people something great together.
@ Jane Doe's team
$=  Team details People (2) 88 Invite people
2 People
. “
Name Email Team role :
& Groups
, -
B Billing & plans ‘ Jane Doe jdoe.mobbin@gmail.com Owner ‘ n B
@ SS0 & provisioning ! )
@ John Doe johndoe.mobbin@gmail.com Administrator v ’ \ I
_|J_|_ Reports il Illl
aa i )
issi Invit L
@ Permissions + nvite people +/ Provide feedback directly on designs
3 Apps ~/ Keep your visual branding consistent
+/ Use folders to organize shared content
Q Purchase history e
Domains
@ (1) selected % IﬁI X
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q .
. Jane Doe Great collaboration starts with a great team!
jdoe.mobbin@gmail.com Invite up to 3 more team members on your Canva for Teams plan at no extra cost. ‘ ' : N o* .
@ Your account £ Keep your team organized with all your stuff in one place *J
@ Keep your branding consistent with shared colors and fonts ot
@ Login & security
O Move faster by working together - editing and commenting in real time
B4 Email preferences Invite people to your team and start designing
Invite people something great together.
@ Jane Doe's team
2 Team deails People (2) g nvite people
+SQ People
. o
Name Email Team role '
& Groups
, -
B Billing & plans . Jane Doe jdoe.mobbin@gmail.com Owner “ n B
@ SS0 & provisioning ! ..
o John Doe johndoe.mobbin@gmail.com Member v j' \ Il ’
1l Reports il 'Ill
aa g )
issi Invite people
@ Permissions + Vite peop +/ Provide feedback directly on designs
3 Apps ~/ Keep your visual branding consistent
+/ Use folders to organize shared content
3 Purchase history /" Access all your team’s designs in one place
@ Domains °
|Updating roles
B 2 TThaaaSaTaSaa
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q .
. Jane Doe Great collaboration starts with a great team!
jdoe.mobbin@gmail.com Invite up to 3 more team members on your Canva for Teams plan at no extra cost. ‘ ' : N o* .
@ Your account £ Keep your team organized with all your stuff in one place *J
@ Keep your branding consistent with shared colors and fonts ot
@ Login & security
O Move faster by working together - editing and commenting in real time
B4 Email preferences Invite people to your team and start designing
Invite people something great together.
@ Jane Doe's team
2 Team deails People (2) g nvite people
+SQ People
. o
Name Email Team role :
& Groups
; -
B Billing & plans . Jane Doe jdoe.mobbin@gmail.com Owner ‘ n B
@ SS0 & provisioning ! ..
o John Doe johndoe.mobbin@gmail.com Member v j' \ Il ’
1l Reports ! 'Ill
aa g )
issi Invite people
@ Permissions + Vite peop +/ Provide feedback directly on designs
3 Apps ~/ Keep your visual branding consistent
+/ Use folders to organize shared content
Q Purchase history e
Domains
@ (1) selected % @ X


Browse categories

screenElements:
Card
Grid List

screenElements:
Grid List
Tab

screenElements:
Card
Grid List
Grid List
Tab
Top Navigation Bar
Logo
Avatar
Icon
Button
Side Navigation
Search Bar
Carousel
Accordion
Card
Badge

screenPatterns: Home Home

screenKeywords:
= Calwa Design spotlight v Business v Education v Plans and pricing v Learn v Q Search your content or Can -] {§} Create a design @
. : Q My Favorites LI e T Startat AtShodwe Gty Park e .
L p hesstuizele 0.=9 Opm 25t . oy Oy 2545 ANY CITY, ST 12345
— Color: e w5 ) s T R,
e @ e -~ S \ ~ &l !:", g o i e ‘.;f )
Personal & N\ = ’ - e ¥ I ﬁ 5 ’%ﬁf/‘) 23 LAY gk W E
Pro &1 K ..'.,. A '; E bk ool 4P R [y 3 " ) A .jx ; ‘ Q. x AL .:_; "c"“)) 3
Home
Q Postcards Seeall
I 4 4 4 4 4 4 4\
[]3 Templates 7
- 5
B3 Projects f { @
) -—ten ¥ < N
— | \ \y
.. ‘I  ( N —
Mircille & Stephen B ormmeemesnen —
Brand g & & & & & & & 8
ES content Planner @ Envelopes Seeall
CABRRA N 4 T A
222 Discover apps %ﬁ{‘;&\}\% /@\ ?'I'HE WELLHALL HOTEL \/V /
0 |
& Smartmockups N ) _ >
\ L L e / / 4
= = =Y A = 4
Paper Bags Seeall
;, — To my lestie, @ ~ % mf/gm ‘
fa\ . '
p ,__;,1_=.:‘ @) GOOD IT'S ORGANIC!
\v @ HARVEST i N
S, Lok & Awrow _/,'4{{”‘/,/%/7(;/, 7 THALIA & CODY / 06.19.25 s ,'\: - @ Your waskly produce subseription from ‘
Create a team - PLANT POWERMART
'[1_?]' Trash e
|= Design spotlight v Business v Education v Plans and pricing v Learn v -] {§} @

Personal

Pro- 81
() Home

Q Search your content or Canva's
[]3 Templates
B3 Projects u g Q
Tools
L
(=) Brand . . . . .
=] ran 9 Popular Marketing Gifts Stationery Clothing Cards & Invites
ES Content Planner (]
Popular
232 Discover apps
K P e * " )
& Smartmockups ooy S, 2 Fauget
: o
Invitation (Square) Folded Card (Portrait) Envelope A7 (Landscape) Paper Bag Postcard Flyer (P
\;V” '
A full printing 4 Delivery to your
service, built right in High quality prints. ) doorlenpick up in-
Happiness guaranteed. =7

Create a team Learn more A Vs store from S$0
'[1_?]' Trash
|= Calwa Design spotlight v Business v Education v Plans and pricing v Learn v Q Search your content or Can -] {§} Create a design @
Popular Marketing Gifts Stationery Clothing Cards & Invites
Personal
Pro- 81
5' tReE EnTRy B “ ~\
@ Home 4 . ;;:; A;m, | 2 Fauget
festive ,
* i Pqﬂg‘. ‘ g
(B Templates e P ety .
¥ il B - y
B3 Projects
Poster (Portrait) Flyer (Portrait) Postcard Envelope A7 (Landscape) Paper Bag
Tools
L
Brand o I : u L
Lf |
i WLLy, [ Be
ES Content Planner («] GaERRY W :@'; ., A
FERRY) f
MERRY N & SNOWMIES | ® .
\ T HA HA HA ‘.
EEE Discover apps My Cio] | e 4 TAPPY
Y 4 ——
& Smartmockups Shipping Envelope Tote Bag T-Shirt Hoodie Mug
.l (B N e
' , Q~;W%;"«1,\ rmmnyg ¥ 5 | o
v \ F v Support the Children '\*ﬁa\ Imewt: ~ o l .:::::.':.". o ¥ ‘Au“““‘?
r v e . P,\V““ e l sl ol | e
n— 1y ¥ ¥ 7 ¥ 2
Sweatshirt Bumper Sticker Business Card Banner (Landscape) Real Estate Postcard
Create a team
e ' geeiclly Tou36
W Trash l ol D e
Fundraiser == = 5
\ * S e
|= CaIM}a Design spotlight v Business v Education v Plans and pricing v Learn v 8 & @
@ Personal
Pros 81 H H Custom size Upload
What will you design today?
@ Home
Q Search your content or Canva's
[]3 Templates
For you Whiteboards Presentations Social media Videos Print products Websites More
Tools
L
(=) Brand . . . ]
=] ° Popular Marketing Gifts Stationery Clothing Cards & Invites
ES Content Planner (w]
b3 Luee enra, (0 “ “
232 Discover apps . w0
HH PP . ;;:;o“l' 2 Fauget
iesﬁ\l‘e * |
& Smartmockups ) - & P“:}E__ ' e
Penetencia Park et e - E
¥ il = /4
Poster (Portrait) Flyer (Portrait) Postcard Envelope A7 (Landscape) Paper Bag
TP —veg :
Wil [ 3
“‘Enmnny ¥ A 0®°, |
EREY] y ‘ iy § ® ‘
"EV' ) Ms g i HA HA HA
m.m,ﬁw \ ’ PPy ‘.
bl a
ClrezlEe @ = Shipping Envelope Tote Bag T-Shirt Hoodie Mug
'[I_T]' Trash ] 0
|= Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v -] {§} @
@ Personal
on e What will you design today? R [ tpioad
() Home
Q Search your content or Canva's
[]3 Templates
For you Whiteboards Presentations Social media Videos Print products Websites More
Tools
L
(=) Brand .
<! © You might want to try...
ES Content Planner (w]
= ’ . :
FLOWING WITH EASE ‘ 7. VIDEO >
& \
& Smartmockups - [ ] . = ' I
Play with Canva Whiteboard Presentation (16:9) Video Instagram Post (Square) Poster (
D The biggest announcements from Canva Create 2022 P Watch the recap
Recent designs iz
Create a team
'[1_?]' Trash 0


Filtering presentation layouts

screenElements: Popover Tab

screenPatterns:
Filter & Sort
Filter & Sort
Filter & Sort
Internal Tool

screenKeywords:
@ |1| Share
@ Animate 5.0s +
Dﬂ QU search Presentation layouts (@4 -‘ @ ‘%l c @
Templates
88 Auto Brand
Elements
> <
&) -+ Add your colors and fonts
Uploads
Set default background color
T - 8 Activities
Text
B Y °
our Tirst
(@) °
Styles
<
Logos
Canva Design School
Apps
B =
2 3 4 5 6 7 8 9 10
% Notes 47% ° S @
|@ |1| Share
(B . y ‘ © Animate @ 5.0s I%I L+ @
Q search Presentation layouts (@
Templates
Templates Layouts
oA P y
oo -
Elements
Bar chart  Piechart  Pictogram  List > Cj
&
Uploads
Title Page Title Page with Photo
Text
tl Title Page Title Page
B p— .
Projects O ' I r I rst
@ T == faens o
Styles e ) ‘
Logos Agenda Agenda @ i asdspe
© wirespminpom
© iy spmiapam
U o i Carva Design School
Apps
Agenda Adda
o o o e
Adda
heading
dd v
- Learn e = =)
Bl = = e=m]. e
| : — - 7 = =
2 3 4 5 6 7 8 9 10
Adda
(i ection kil ection Ti
% Notes 47% ° S @
|@ |1| Share
QO Animate 5.0s +
Dﬂ QU search Presentation layouts (@ -‘ @ ‘2' C @
Templates
88 Auto Brand
Elements
+
Untitled Brand Kit Edit > O
@ 4
Uploads Deep Introspection
T - 8 Activities
Text Colors from LBOIVBZAYDTRR.png
B .
Projects
Set default background color You r I I rs l
© H 0 .
Styles
<
Logos
Canva Design School
Apps
(=) Learn == < | -
= B = m
2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®
|@ |1| Share
© Animate 5.0s +
Dﬂ Q search Presentation layouts &) -‘ @ \EI O @ @
Templates
88 Auto Brand
Elements
1 e,

&)
Uploads
T - 8 Activities
Text
- Y M
our Tirst
@ °
Styles

<
Logos

Canva Design School

Apps

= B . == 0

H Y =
2 3 4 5 6 7 8 9 10
27 Notes 47% [ S ®
|@ |1| Share
@ Animate 5.0s E’_

Dﬂ QU search Presentation layouts (@) -‘ @ ‘2' @

Templates
Templates Layouts

oA P y

oo e
Elements

Bar chart  Piechart @ Pictogram  List > Cj
@
Uploads
Title Page Title Page with Photo

T . - 8 Activities

Text

| Title Page Title Page -

Projects T — Y ' I r I rst

(@) Agenda e ]

Styles .mﬂ:mm

e <
Logos
Canva Design School
Apps
- (=) Learn == < | -
auee | - | M. m
2 3 4 5 6 7 8 9 10
% Notes 47% ° S @


Adjusting position of an element

screenElements:
Dropdown Menu
Keyboard Key
Icon

screenKeywords:
@ [ij Share
Editimage  Cro Fli © Rise Position b e
(8 Q_ People X = g P O] 7 A
Templates
A All Graphics Photos Videos Audi
oo T
Elements '@ LX)
Person  Group of people = People walking >
@
Uploads Graphics See all ) Q
o2 p
IR e A i i
Text .
Ptlt Photos See all & » = . ‘3
rojects ) B\ 1 b e
[“[!!Hﬂm w‘. \ ) ! Q \{/‘ / ,i\ 'h"
L | ) | I\ S AR
Styles w ) i g e i ! A4
: ¢ 4/ g ~;‘}‘ \ a\)‘
R ! AR, (V&
i D .. Y\ B
Videos See all Y 7 "R \ F ] h 2
Logos n - LA \ % > S, - he
¢ S A s : {
- 'E_'m“ 4 23 \ b l L
A.P.P.S 14.0s 12.0s — 2 ‘ | % £ |/ AN
® —_— -\, |
Audio See all
Q
M # We Can Fly
g e . .
Shpethons Film « Romantic « Hopeful
Y 126 w
ﬂ Ethiopia Suburb
I——} - <> R
Ambience I e ] S ]
o SEET=mE =m0 =0
1 2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®
|@ [ij Share
Editimage  Cro Fli © Rise Position b e
(8 Q_ People X = g P O] 7 A
Templates
on All Graphics Photos Videos Audi 3] <P Backward %[
oo T
Elements 8] gj} To back &I
Person  Group of people = People walking >
{,}}) ' Align to page
Uploads Graphics See all _ Q.
’ po Top |5 Left
- 2 AR it ; ;o
P e | |
W g1 2R ¥ » .
A 0o Bottom 2| Right
. tlt Photos See all & - N .
rojects ) % S ) N
s " " | N X{ / ;’\ :)’
i TR ! T AR =
L e Yot J"'ww } ) nely \
Styles ) ; 1 ‘I /% { 3 J
W LA ) %\ ‘ \! B
,‘)/ sl f \ = "
Videos Seeall Do’ : RN \ | A 4
Logos i o AT LA \ . ¥ . » &
ses !E'm“ > & ‘ N L | |
frrE 14.0s 12.0s — 2 | % g £ ¢ e _\‘
[y PR = —
Audio See all
W
M # We Can Fly
g e . .
Shpethons Film « Romantic « Hopeful
Y 126 w
ﬂ Ethiopia Suburb
Ambience [ Leam. — 3 ] _ = ]
N /e =S =B =
1 2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®
|@ [ij Share
Editimage  Cro Fli O Rise Position b e
(B Q People X = g p Fip ® T i ®
Templates
on All Graphics Photos Videos Audi 3] <P Backward %[
oo T
Elements rE ] gj} To back &I
Person  Group of people = People walking >
6[}) Align to page
Uploads Graphics See all _ Q.
’ po Top |5 Left
r S 28 A i
Text “ .
[ ) al.l
0o Bottom 2| Right
5 Photos Seeall - ] <
Projects ) 2\ / , =
A ST L - \ ) S, \1 / /’i\ ,/3’
FlEpiT ] ! / B 4
il Y \ AW RS
@ ; W* > 4 Y \ Y |
Styles | A | @ 4 ! \ \
w [ . /| i ‘» \ \ |
R A \NNE
\\ 2, i I“’ .y \ \) S §
Videos See all A N«’l‘ﬁ i -\ \\ 3 J
Logos . i T AT LA \ | { — »
e .!‘r‘! \\ il
. e S K N 2d VBN P k
A.P.P.S 14.0s 12.0s — 2 ‘ | % £ |/ AN
" p—— —_—) a
Audio See all
Q
M §' We Can Fly
g e . .
Shpethons Film « Romantic « Hopeful
Y 126 w
ﬂ Ethiopia Suburb
Ambience [ Leam. — 3 ] _ = ]
- -1 SR = e - e
N 2 — i o= = _—
1 2 3 4 5 6 7 8 9 10
=2 Notes 47% o S ®


Help

screenElements:
Floating Action Button
Top Navigation Bar
Logo
Avatar
Icon
Button
Side Navigation
Search Bar
Carousel
Accordion
Card
Badge

screenKeywords:
= CaIM}a Design spotlight v Business v Education v Plans and pricing v Learn v 8 & @
@ Personal
on e What will you design today? R [ tpioad
() Home
Q Search your content or Canva's
[]3 Templates
For you Whiteboards Presentations Social media Videos Print products Q Search for help and advice...
Tools
2 o We're on it: Some users may encounter X
Brand h You might want to try... an error when connecting Mailchimp to
Canva. Learn more
E.j Content Planner () A ) " Thursday, Nov 17, 13:20
& FREE ENTRy o o
. ey . \ WD R
222 Discover apps Getideas REPORT Recommended for you See more
FLOWING ; : wy .
Smartmockups - - Y o P =\ Canceling or pausing a Canva plan >
S p =l L y == =
- Upgrading to Canva Pro or Canva for N
Play with Canva Whiteboard Poster (Portrait) A4 Document Teams
Why have | been charged? >
D The biggest announcements from Canva Create 2022 Account settings >
Payments, pricing, and billing >
Teams and groups >
Recent desighs . . .
Create a team Downloading, saving, and sharing >
'[I_T]' Trash 6
|= Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v -] {§} @
@ Personal
on e What will you design today? R [ tpioad
() Home
Q Search your content or Canva's
[]3 Templates
For you Whiteboards Presentations Social media Videos Print products Websites More
Tools
L
(=) Brand .
<! © You might want to try...
ES Content Planner (w]
= ’ . :
FLOWING WITH EASE ‘ 7. VIDEO >
& \
& Smartmockups - [ ] . = ' I
Play with Canva Whiteboard Presentation (16:9) Video Instagram Post (Square) Poster (
D The biggest announcements from Canva Create 2022 P Watch the recap
Recent designs iz
Create a team
'[1_?]' Trash 0


Account settings

screenElements:
Side Navigation
Illustration

screenElements:
Avatar
Button
Divider
Side Navigation

screenElements:
Tile
Avatar
Button
Divider
Side Navigation
Side Navigation
Illustration

screenPatterns:
Settings & Preferences
My Account & Profile
Settings & Preferences
Misc

screenKeywords:
Calwa Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q @
@ Jane Doe
jdoe.mobbin@gmail.com
Theme
@ VO BRI Choose how you’d like Canva to appear. Select a theme, or sync themes with your system preferences.
@ Login & security
BX Email preferences
Sync with system Light Dark
Jane Doe's team sposns
@ Accessibility
— Shortcuts require modifier
¢= Team details
Single key shortcuts require the use of the XX modifier key
+82 People
High color contrast
% Groups f h . :
Gradients will no longer be used as backgrounds such as in the editor header
B3 Billing & plans
Autoplay videos
&> 50 &provisioning Use my system preferences v
_|J_|_ Reports
@ Permissions Link opening
3 Apps Open links in Desktop App
Canva links are opened in the Desktop App instead of the web browser.
Q Purchase history
@ Domains °
|Ca[u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q @
@ Jane Doe Your account
jdoe.mobbin@gmail.com  Your account is managed by Jane Doe's team.
@ Your account
Upload your profile photo
Upload photo
@ Login & security This helps your teammates recognize you in Canva.
BX Email preferences
Name
Jane Doe Edit
@ Jane Doe's team
— Email address
¢= Team details
jdoe.mobbin@gmail.com Edit
+82 People
& Groups What will you be using Canva for?
. Personal v
B3 Billing & plans
@ SSO & provisioning Language
_|J_L Reports English (US) o
@ Permissions .
Insights
222 Apps Opt out of insights collection
Insights give design owners information about how other people interact with their designs. If you would
Q Purchase history prefer your interactions not to be collected and included in other people’s design insights, you can opt
out.
@ Domains °
|= CaIM}a Design spotlight v Business v Education v Plans and pricing v oo Q Search your content or -] {§} Q @
Jane Doe's team i
@ Jane Do Design approvals
ro e«
!z Teamsandshared X All approvals v
ﬁ‘ have moved!
Learn more
() Home
= T
[(B Templates ° . /
o e =
Tools
Brand w — ‘ ~
(= Design approvals
All caught up!

°
E’ Content Planner ° You have no designs waiting for approval.
83 Discover apps
& Smartmockups
~+  Invite members
II_TI Trash 0


Updating message preferences

screenElements:
Card
Switch
Divider
Side Navigation

screenElements:
Avatar
Switch
Card
Switch
Divider
Side Navigation

screenPatterns:
Settings & Preferences
Settings & Preferences

screenKeywords:
Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q a
a Jane Doe
jdoe.mobbin@gmail.com
@ Your account
Choose frequency of recurring messages
@ Login & security Hear all of it on-demand, or bundle messages in a weekly or All Weekly Monthly
monthly capsule.
B< Email preferences Pause or wave goodbye
We’ll pause sending marketing messages for 3 months, or Pause Unsubscribe
you can unsubscribe from all.
@ Jane Doe's team
$=  Team details
Jane Doe's team
SR People ) . ) .
Choose which emails you receive from your team’s activity.
% Groups
Notify me when:
B Billing & plans
Someone joins the team ()
@ SSO & provisioning
Someone requests for you to review their design ()
_|J_|_ Reports
@ Permissions
i Apps
Privacy
Q Purchase history
Canva can collect more data about me from third-party providers to deliver more relevant messaging, offers and ()
@ Domains experiences. °
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q Create a design a
a Jane Doe
jdoe.mobbin@gmail.com
@ Your account
Choose frequency of recurring messages
@ Login & security Hear all of it on-demand, or bundle messages in a weekly or Weekly Monthly
monthly capsule.
B< Email preferences Pause or wave goodbye
We’ll pause sending marketing messages for 3 months, or Pause Unsubscribe
you can unsubscribe from all.
@ Jane Doe's team
$=  Team details
Jane Doe's team
SR People ) . ) .
Choose which emails you receive from your team’s activity.
% Groups
Notify me when:
B Billing & plans
Someone joins the team ()
@ SSO & provisioning
Someone requests for you to review their design ()
_|J_|_ Reports
@ Permissions
i Apps
Privacy
Q Purchase history
Canva can collect more data about me from third-party providers to deliver more relevant messaging, offers and ()
@ Domains experiences. °
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q Create a design ’
’ Jane Doe Your message preferences
jdoe.mobbin@gmail.com We'll always keep you updated with critical account information, but you'll have full control over the marketing content you
receive.
@ Your account .
What topics do you want to hear about?
@ Login & security
Special events
. Opt-in or out of celebration comms for Mother’s/Father’s Opt-out
BX Email preferences .
Day, Christmas etc.
@ Jane Doe's team What's New @ Recommendations
Stay up to date with Canva news and Curated templates, graphics, and O
2= Team details product releases content picked for you
+82 People .
Design School \ Design Challenges
% Groups Level up your skills with free courses, O ] Practice your skills with new Design O
tips and shortcuts Challenges
.
B Billing & plans
& ssoe provisioning Achievements and milestones
Personalized messages to celebrate 0
your design achievements
_|J_|_ Reports
@ Permissions
i Apps
o . Choose frequency of recurring messages
Y9 Purchase history . .
Hear all of it on-demand, or bundle messages in a weekly or Weekly Monthly
. monthly capsule.
@ Domains °
|Ca’u}a Design spotlight v Business v Education v Plans and pricing v Learn v @ {§} Q Create a design ’
’ Jane Doe Your message preferences
jdoe.mobbin@gmail.com We'll always keep you updated with critical account information, but you'll have full control over the marketing content you
receive.
@ Your account .
What topics do you want to hear about?
@ Login & security
Special events
. Opt-in or out of celebration comms for Mother’s/Father’s Opt-out
BX Email preferences .
Day, Christmas etc.
@ Jane Doe's team What's New Recommendations
Stay up to date with Canva news and O Curated templates, graphics, and O
2= Team details product releases content picked for you
+82 People .
Design School \ Design Challenges
% Groups Level up your skills with free courses, O ] Practice your skills with new Design O
tips and shortcuts Challenges
.
B Billing & plans
& ssoe provisioning Achievements and milestones
Personalized messages to celebrate 0
your design achievements
_|J_|_ Reports
@ Permissions
i Apps
o . Choose frequency of recurring messages
Y9 Purchase history . .
Hear all of it on-demand, or bundle messages in a weekly or Weekly Monthly
. monthly capsule.
@ Domains °


Uploads

screenPatterns:
Internal Tool
Multi-Column Layout

screenElements:
Search Bar
Button
Side Navigation

screenElements:
Search Bar
Button
Side Navigation
Top Navigation Bar
Side Navigation
Chip
Search Bar
Grid List
Avatar
Icon
Button
Slider
Tab

screenPatterns:
Internal Tool
Internal Tool
Multi-Column Layout

screenKeywords:
@ [ij Share
© Animate 5.0s t‘,’
(B Q_ search uploads ® @
Templates
QA _
oo
Elements
Record yourself Q
é?') Images Videos Audio
Uploads
@
Text Drag media here to upload or Whit
connect an account... (edite
)
@ You can upload images, videos, audio and gifs
Styles '
<
Logos
Apps
Learn = = <)
o — i == | == | -
1 2 3 4 5 6 7 8 9 10
= Notes a7% ° S @
|@ |1| Share
@ Animate 5.0s E’_
Dﬂ Q Search Presentation templates % @ @
Templat
empiates 0 100 200 300 400 500 600 700 800 900 1000 [1100 [1200 |1300 |1400 |1500 |1600 |1700 1800 |1900
Templates Layouts
o p y
0o -
Elements
Christmas | History @ Science  Business » S
+
N ®;
Uploads o . £ o
& 4 e
= PRESENTATION
& L f——— o
Text - S 8 Activities
N a
=) TQQSB L
Defense 5
e eraistes bacerlte . e rmrn i S ]
: “’ Your first
@ F 3 u
- o
v JODIATHIAN My COMPETITIVE
- Rt RS week in Canva
Creative Portfolio y b
@ 8
Styles \! 9 =
Digital R N
Brainstorm S LARANA
o .
T d}ctmm& ¢ g Canva Design School
Logos o
o
F.‘ ? ,; W &
, SR
\l/ Y- = 8
Purchased - u‘,‘ =
[) bl [
o
y -, o
<o W s ;

T necie 1 N
Starred rhesis ESTATE AN .

. Delense g K% = — : q =
— B [=: F. =8 [
A... f A - = = b -
pps Product Launch & £ ) 1 2 3 4 5 6 7 8 9 10

et WD Happy Rirthday,
T A Qlivial
T 2\ _ n
= == L ﬁ =2 Notes 45% ® ¢ @