Credits balance

screenElements:
Tab Bar
Tab

screenElements:
Thumbnail
Tab Bar
Tab

screenPatterns:
Order Detail
Order History
Shop & Storefront

screenKeywords:
(VNN IE 4 all T @
< Balance
o 0 Credits Available
Expires 16 Jun 2024

17 Jun 2023
Cybertruck Owl T-shirt voor heren -500 ~
Award Redemption
Shipment to

Cybertruck Owl T-shirt voor heren

' Zwart, M, Qty. 1

500
17 Jun 2023
Draagbare draadloze oplader 2.0 -1,500 ~
Award Redemption
Shipment to

Draagbare draadloze oplader 2.0

’ ID Wit, Universele maat, Qty. 1

1,500
16 Jun 2023
Referral Credit +2,000 v
Geske - Model Y

Redeem
. ]
|09:419 ol = @
< Balance
o 0 Credits Available
Expires 16 Jun 2024
17 Jun 2023
Cybertruck Owl T-shirt voor heren -500 v
Award Redemption
17 Jun 2023
Draagbare draadloze oplader 2.0 -1,500 v
Award Redemption
16 Jun 2023
Referral Credit +2,000 v
Geske - Model Y
Redeem
. ]
|09:4194 all T @@
< Balance
O Credits
Jun 17,2023
Cybertruck Owl T-shirt voor heren -500 v
Award Redemption
Jun 17,2023
Draagbare draadloze oplader 2.0 -1,500 v
Award Redemption
Jun 16, 2023
Referral Credit +2,000 v
- Model Y
-
Redeem
. ]
|(VNN IE 4 oll T @
< Redeem =
o 0 Credits Available N
Expires 16 Jun 2024
Aanbevolen producten Lifestyle Voertuigac

m
Gratis Supercharger-kilometers

1,500 - 5,000 Credits

Redeem
. ]


Transferring money to business

appName: Vivid

appCategory: Finance

appTagline: Accounts, cards, high interest

companyHqRegion: Europe

companyStage: Growth Stage

platform: ios

hotspotType: Tap

screenElements:
Search Bar
Stacked List
Thumbnail

screenElements: Thumbnail Button

screenElements:
Bottom Sheet
Text Field
Carousel
Page Control
Button
Tab Bar
Banner
Search Bar
Stacked List
Thumbnail
Thumbnail
Button

screenPatterns:
Guided Tour & Tutorial
Guided Tour & Tutorial
Set
Transfer & Send Money
Guided Tour & Tutorial
Transfer & Send Money
Guided Tour & Tutorial

screenKeywords:
If you want to send
money to people, tap
here
|Company
New co
Pay a bug
6) .4
Tap here to add a
new company
|Set up a payment schedule
0 Plan a one-time payment
Pay on a specific date
C. Plan a recurring payment
=0 Pay on a regular basis
|09414 all ¥ @
B8 PAYMENTS
‘ Money pocket
643,77 €
[ J
1 2 3
4 5 6
7 8 9
, 0
® 0 <] < W
Pockets Timeline Shopper Payments Beat
|o9:a14 all ¥ @
£ To business
Name, phone number or IBAN
e A\
Transfers by phone number —~ X
are available for all contacts '. =
Try it, it's free, easy and secure &‘\
<+  New phone or IBAN
!, 2 ‘0 8 < W
Pockets Timeline Shopper Payments Beat
|
|09:41+4 all © @
Close Transfer at date
June
e 22 23 24 25
26 27 28 29 30
July
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
|If you want to send
monev to a business,
tap here
|09414 all ¥ @
£ To people
Company name or IBAN
+ New company
Pay a business by IBAN
Vodafone
DE26 3004 0000 0174 5850 13
1,2 ‘o 8 'S¢ W
Pockets Timeline Shopper Payments Beat
. ]
|09414 all ¥ @
50,00 €
to Vodafone Vodafone GmbH
DE26 3004 0000 0174 5850 13
From Money pocket ’
For Purpose
Q Plan a payment
Pay 50,00 €
® ‘0 & & e
Pockets Timeline Shopper Payments Beat
|09414 all ¥ @8
Close
Name of payment
Regular payment to Vodafone GmbH
Schedule
Recurrence
Monthly
Start date
Tue Jun 20, 2023
Ends
Never
® Your payments will be carried out on 20th
every month from Today.
® |f due date is on a weekend or holiday, you'll
pay on the next working day after it
|Nev
Pay a B8
0) ot
Select a company
you want to send
your money to


Sending a location to car

appName: Tesla

appCategory: Lifestyle

appTagline: The future is sustainable

companyHqRegion: US & Canada

companyStage: Public & Mature

hotspotType: Swipe

screenElements:
Map Pin
Toolbar

screenPatterns:
Map
Location & Address

hotspotType: Keyboard Input

screenElements:
Map Pin
Bottom Sheet
Button

screenElements:
Bottom Sheet
Divider
Stacked List
Search Bar
Map Pin
Toolbar
Toast
Search Bar
Map Pin
Bottom Sheet
Button

screenPatterns:
Location & Address
Map
Location & Address
Search
Acknowledgement & Success
Search
Location & Address

screenKeywords:
Q_ Navigate

Nearby Chargers

Zwolle, Netherlands '
250 kW max - 23/24 Available 5.1km
Deventer, Netherlands '
250 kW max - 20/20 Available 31km
Apeldoorn Oost, Netherlands '
250 kW max - 14/19 Available 33 km
Emmeloord, Netherlands '
150 kW max - 5/10 Available 34 km
Harderwijk, Netherlands '
250 kW max - 15/16 Available 36 km
Apeldoorn, Netherlands '
150 kW max - 9/12 Available 38 km
Hengelo, Netherlands '
250 kW max - 15/16 Available 51km
Emmen, Netherlands '
250 kW max - 12/12 Available 58 km

. ]
|AR A
09:414 all ¥ @
4 351 Hanzelaan ()
O OMove4MobiIe
/
1’6\}_

%
, (“'
lMa,ZE)s

Q Navigate

Nearby Chargers

. ] '
|Navigate
Q van der vaIkI X Capes

ED Current Location

9 Van der Valk Hotel Zwolle Nieuwleusenerdijk, Zwolle,
Netherlands

9 Van der Valk Hotel Apeldoorn Landgoedlaan,
Apeldoorn, Netherlands

9 Van der Valk Hotel Apeldoorn - De Cantharel Van
Golsteinlaan, Ugchelen, Netherlands

9 Van der Valk Hotel Deventer Birnieweg, Deventer,
Netherlands

9 Van der Valk Hotel Harderwijk Leuvenumseweg,
Harderwijk, Netherlands

|
|EG"
W o =3
09414 all T @@
1,60‘ /
Sent to Car
> £
/"e
%’s,
Zwolle
R
'UASASAEL'A'L-'
| \
&
(1)
m E.o
OA
9.“:
Van der Valk Hotel Zwolle X
Nieuwleusenerdijk 1, 8028 PH Zwolle, Netherlands
1m -10.7 km - | 17%
Leave Now >
o Car location Edit
| 23% Set Battery Percentage
9 Van der Valk Hotel Zwolle 09:04
| 17%
. ]
|ED Current Location
® \
. ]
|EG"
W o =3
09414 all T @@
1,606
< 351 Hanzelaan
> £
/'{e
Ib"fs,
Zwolle
R
'UAS.S.EL'AL"
| \
Xe)
(1)
m %
OA
9.“:
Van der Valk Hotel Zwolle X
Nieuwleusenerdijk 1, 8028 PH Zwolle, Netherlands
1m -10.7 km - | 17%
Leave Now >
o Car location Edit
| 23% Set Battery Percentage
9 Van der Valk Hotel Zwolle 09:04
| 17%
. ]


Customising charging cost (other)

screenKeywords:
09419 all T @@
< Other Charging Cost
' How much do you pay to charge
at other locations?

Please choose a fixed cost that represents all charging
that happens outside of your home and Superchargers.
Netherlands average
€0.14 / kWh
Custom Rate ’
€ 035 /kwh

C_____________________________J
|09419 all T @
< Other Charging Cost
' How much do you pay to charge
at other locations?

Please choose a fixed cost that represents all charging
that happens outside of your home and Superchargers.
Netherlands average .
€0.14 / kWh
Custom Rate

|
|09419 all ¥ @@
< Other Charging Cost
' How much do you pay to charge
at other locations?

Please choose a fixed cost that represents all charging
that happens outside of your home and Superchargers.
Netherlands average
€0.14 / kWh
Custom Rate ’
€ 0.50 A

C ________________________J
|0941« all T @@
< Settings
Charging Costs
' Home N
Flat rate - Flat rate
' Work N
€0.14 / kWh
' Other N
€0.35 / kWh
. ]
|o944 all T @
< Rate Plan Structure X
Which of the following affects your rate? Select all that
apply.

Season/Month

Time of Use

None of the Above

| want to enter a fixed rate
You can always make changes later in Settings.

|


Browse referral awards

screenElements:
Illustration
Tab Bar

screenElements: Card Carousel

screenElements:
Illustration
Tab Bar
Card
Carousel

screenPatterns:
Other Content
Achievements & Awards

screenKeywords:
(VNN IE 4 all T @
< Loot Box
Refer to Earn Awards
Unlock loot with every completed referral
Browse Awards NS
Upgrades, Accessories and Mom—ﬁ )
@ =
You Have 0 Credits
Last referral 11 days ago
0 remaining
Free Supercharging Kilometres
Home Earn Redeem
|
|09:4194 all T @@
< Referral Awards
o 0 Credits Available N
Expires 16 Jun 2024

Featured Awards >
m ‘

} K:
Gratis Supercharger-kilometers
Earn More >
e
o~ —
o ___ — T e g
Y — = -

Refer Now
Home
. ___ ]


Personalising a new card

actions:
Drawing
Selecting & Choosing

screenElements:
Carousel
Card
Floating Action Button

hotspotType: Draw

screenPatterns:
Guided Tour & Tutorial
Draw & Annotate

screenElements:
Color Picker
Toolbar
Button

screenElements:
Gallery
Bottom Sheet
Illustration

screenElements:
Illustration
Color Picker

screenElements:
Illustration
Color Picker
Toolbar
Button
Gallery
Bottom Sheet
Illustration
Carousel
Card
Floating Action Button
Illustration
Color Picker
Color Picker

screenPatterns:
Confirmation
Draw & Annotate
Guided Tour & Tutorial
Draw & Annotate
Select
Guided Tour & Tutorial

screenKeywords:
09:414 all ¥ @
Preview and order
vivid .
) Na%
\ | ‘ \Q’,
(d / /
7
N
—
Before issuing the card, we must validate the
content of your picture.
After a successful validation, you will be able
to confirm your card order.
|09:a14 all ¥ @
Choose card
Personal Business
i o
Fay [ J
o
)
> ®
)
1
ISA
Personalised card
Made from 100% recycled materials
Delivery and maintenance fees apply
|<~ 000000
VISA
|< 000000
You can draw on
the card

VISA
D ®) Aa ©
|L
Meow collection
P
/4 L=
4
STONKS \Q% (ﬁ
Busy dog
T 5
S <y
& &
Sights
B 4
|09414 all ¥ @
<
Choose a design
Presets or your own design for just 3,90 €
y Design my own card
= Add color, stickers and text
Catch your vibe
vivid [ vivid
X0 X R kia
® MO
MA
©
X|o|X § Mo
A"/AY:
Cats in the city
vivid [
No, I'd like a standard card
|Tap here to switch to
the scale mode
|09:414 all © @
L ) ®
% © Aa ©
|- 000000
VISA
|< 000000
— O
\ | ﬁ \O_;
(( //
'\‘/
s VISA
4 © Aa ©


Support requests

appName: Threads

appCategory: Social Networking

appTagline: Connect and share ideas

screenPatterns:
Empty State
Help & Support

screenKeywords:
9:41 all ¥ @m)
< Back Reports
You haven't reported anything
Read our Community Guidelines to learn what we
allow on Instagram and how you can help us report
and remove what we don't.
See Community Guidelines
[ 4
a
. ]
|9:41 all F @)

< Back Support Requests

Reports

These are reports you've submitted on >

Instagram and Threads.

Violations

These are posts you've shared on >

Instagram or Threads that go against our

guidelines.
[ 4
a

. ]


Adding money to a pocket

screenElements: Button Thumbnail Card

screenElements:
Bottom Sheet
Button
Icon

screenElements:
Bottom Sheet
Button
Text Field

screenElements:
Bottom Sheet
Button
Text Field
Bottom Sheet
Button
Icon
Bottom Sheet
Button
Thumbnail
Card
Icon
Text Field
Bottom Sheet

screenPatterns:
Transfer & Send Money
Transfer & Send Money
Transfer & Send Money
Schedule
Wallet & Balance
Acknowledgement & Success
Transfer & Send Money
Select

screenKeywords:
09414 all © @
Close Transfer
Vacation
G MY
EUR w

1 2 3
4 5 6
7 8 9
, 0]
|09:414 all ¥ @
Close Transfer
Money pocket Vacation
.’ 743,77 € (:) l 0€
EUR w
Transfer all 743,77 €

1 2 3

4 5 6

7 8 9

, 0
|Add money
From another Pocket
<+  Top-up the Pocket
|09414 all ¥ @8
Close
Name of payment
Regular payment to Vacation
Schedule
Recurrence
Monthly
Start date
Mon Jun 19, 2023
Ends
Never
® Your payments will be carried out on 19th every
month from Today.
® Recurring payments are only available in euros.
|= @
¢ e
Vacation
0,00€
Add money Pay Transactions
Currencies Add
0,00 € vee
EUR
Details
IBAN (EUR account) Q
HE T T
Show all details
Back up
A Enable Back up N
® ) (V] & ™
Pockets Timeline Shopper Payments Beat
|09414 all ¥ @
100,00 €
sent to Vacation
|Close Transfer
(:) ‘ Za€cation
100°
EUR w

1 2 3
4 5 6
7 8 9
, 0
|09414 all ¥ @8
Choose pocket
Money pocket
743,77 €
n Deposit
0,00 €
" Vacation


Money pocket detail

hotspotType: Scroll Vertically

screenElements: Card Button

screenElements: Icon Button

screenElements: Icon Button Icon Card Button Button Thumbnail Card

screenPatterns:
Wallet & Balance
Wallet & Balance
Wallet & Balance

screenKeywords:
09414 all ¥ @
Cancel
|
BIC
Owner
M Share
How to use
Use these details to set up SEPA Direct Debits,
0 receive salaries, transfers, and more. Note that
you can only receive payments and transfers in
EUR.
Speed
SEPA transfers usually arrive within 2 days, but
G can sometimes take up to 5 days due to
external reasons. For SWIFT transfers, the
speed depends on the correspondent banks.
Read more
SWIFT
@ You can receive SWIFT transfers, depending on
the correspondent bank. Transfers arrive in
EUR. Read more
SEPA
4-’ You can send and receive EUR to and from
bank accounts that are part of SEPA.
B  Delete Pocket
. ]
|09414 all ¥ @
c 0,00 €
Vacation
' EUR
Details
IBAN (EUR account)
Show all details
Back up
é Enable Back up
Check your overdraft limit
Manage
2 Linkcard
@» Withdraw cash
2 Giveaccess
® ‘o &8 « Y
Pockets Timeline Shopper Payments Beat
|09:414 all ¥ @
J 1 -
744,44 € + Top-up
Total balance
Free up cash with Vivid Now > | e
Apply in less than three minutes ' =
Money pocket
743,77 € 0842
Crypto 2.0
0,00 €
Deposit
0,00 €
Stock Rewards
0,67 €
Vacation
0,00 €
' . Business Pocket -_
2, 1 ) e & ™
Pockets Timeline Shopper Payments Beat
. ]
|09:414 all ¥ @8
Cancel
o
Vacation
Edit
Details 3 QR Code
IBAN
BIC
Owner
A Share
How to use
Use these details to set up SEPA Direct Debits,
9 receive salaries, transfers, and more. Note that
you can only receive payments and transfers in
C____________________J
|= @
¢ e
Vacation
0,00€
Add money Pay Transactions
Currencies Add
0,00 € vee
EUR
Details
IBAN (EUR account) Q
HE T T
Show all details
Back up
A Enable Back up N
® ) (V] & ™
Pockets Timeline Shopper Payments Beat


Deleting a post

screenPatterns: Delete Confirmation

screenPatterns: Loading Delete

screenPatterns:
Loading
Delete
Delete
Confirmation
Action Option

screenKeywords:
9:41 -Ill ? @'

< Back Thread

e jane_mobbin 2 eee
Starting out my gardening club with threads -
here's to cultivating a strong social fabric! j (L)
e
OQoev
1reply

%) Add to thread
|9:41 all T @
< Back Thread
e jane_mobbin
Starting out my gardening club with threads -
here's to cultivating a strong social fabric! j o)
f
-,
g4 p
Deleting... {
P
OQoev
¥ jane_mobbin
What would you guys like to see?
OQoev
2
|Delete post?
If you delete this post, you won't be
able to restore it.
Cancel
|Who can reply >
Hide like count
Delete

. ]


Crypto pocket detail

screenElements: Button Carousel

screenElements:
Bottom Sheet
Carousel
Button
Carousel

screenPatterns:
Other Content
Wallet & Balance
Wallet & Balance

screenKeywords:
09:414 all ¥ @
J 1 -
744,44 € + Top-up
Total balance
Free up cash with Vivid Now > | e
Apply in less than three minutes ' =
Money pocket
743,77 € 0842
Crypto 2.0
0,00 €
Deposit
0,00 €
Stock Rewards
0,67 €
Vacation
0,00 €
' . Business Pocket -_
2, 1 ) e & ™
Pockets Timeline Shopper Payments Beat
. ]
|09414 all ¥ @8

Close
R
Crypto 2.0
Edit

Pricing
Unlimited free trades with Prime subscription.
Without Prime subscription: 1,49%, minimum €0.79

B  Delete Pocket
|09414 all ¥ @
CIypPWw 2.V
Buy crypto Swap Transactions
Watchlist See all
BTC ETH SOL ADA MANA
A2133% 2043% 2 3,05% 0% 0%
Top movers TH  24H
Sui Maker Aragon Oc
0,7161 € 649,79 € 3,65 € (
N923% A582% A549% :
More
Service is provided by Vivid Digital
1, 2 ‘0 &) « s
Pockets Timeline Shopper Payments Beat
. ]
|Crypto 2.0
Buy crypto Swap Transactions
Watchilist See all
BTC ETH SOL ADA MANA
A133% 2043% 2 3,05% 0% 0%
Top movers TH  24H
Sui Maker Aragon Oc
0,7161 € 649,79 € 3,65 € I
1,2 0 &8 T4 W
Pockets Timeline Shopper Payments Beat
. ]


Switching to private profile

screenElements: Switch Icon

screenElements: Dialog Switch Switch Icon

screenPatterns:
Confirmation
Settings & Preferences

screenKeywords:
9:41 Rl

< Back Privacy

e] Private profile ()

@ Mentions

& Muted

>Q Hidden Words

92, Profiles you follow

Othe

Switch to private profile?
Only approved followers will be able to
see and interact with your content.

® Cancel OK

R Hide likes
[ ]
a
|9:41 all F @)
< Back Privacy
e] Private profile ()
@ Mentions
& Muted
>Q Hidden Words
,Q?w Profiles you follow
Other privacy settings
® Blocked profiles
@ Hide likes

a
|9:41 all F @)
< Back Privacy
e] Private profile
@ Mentions
& Muted
>Q Hidden Words
,Q?w Profiles you follow
Other privacy settings
® Blocked profiles
@ Hide likes

a


About average cost

screenPatterns: Dashboard Charts

screenElements:
Bottom Sheet
Button

screenPatterns:
Other Content
Dashboard
Charts

screenKeywords:
09:41« oll T @
< Charge Stats

Month
Petrol Savings
X Average Cost
Home
Calculated using your utility rate plan over the given
time period.
Customise
Supercharger
Estimated using your Tesla's billing data over the given
time period.
Work
All charging at Work, represented by the average price
of electricity in Netherlands.
Customise
Other
All charging that happens outside of Home, Work and
Tesla Superchargers, represented by a flat rate that you
set up.
Customise
Learn More

|
|09414 all ¥ @@
< Charge Stats

Month Year
Petrol Savings ®
Estimated Values
€1,455 =
Saved E

— — €2628 ¢
4 €1173 == == Petrol
Total Spent == ——= Equivalent
Cost @ Per kWh
Home
aasssssssssssssssessesesssssme  £0.35
Supercharger
Work
oaassssssssse €0.14
Other
easssssssssssssssssssesessssse  £0.35
G Charging Tips
1 Settings
The currency displayed is based on your phone's language
(British English) and country (NL).
. ]


Adding a driver

screenPatterns:
Other Content
Empty State

screenPatterns:
Other Content
Empty State
Settings & Preferences

screenKeywords:
oodv all ¥ @
< Drivers
Pending Invite Cancel
]
Tesla X
tesla.com
MacBook Pro
AirDrop Tesla WhatsApp Signal ¢
Copy @
Add to Reading List 00,07
Add to New Quick Note
|09:414 all T @
4 Drivers
Share access to your Tesla vehicle.
Add up to five drivers.
. ]
|09414 all ¥ @@
< Security & Drivers
o= =5 L =
Flux Capacitor
Disconnected
@ Sentry Mode .
Enable to view live camera
@ Passive Authentication .
Automatically unlock and drive
Valet Mode
g VSV o
Limit vehicle access
i Speed Limit Mode e ’
Limit top speed
° PIN to Drive .
Require PIN entry to drive vehicle
; Add Driver
. ]
|09:414 all @
< Drivers
Create Invitation?
This will generate an invite to access
the vehicle
Cancel Create
. ]


Crypto detail

screenPatterns: Charts Pricing Dashboard

screenElements:
Thumbnail
Icon
Floating Action Button
Segmented Control
Button
Carousel

screenPatterns:
Charts
Pricing
Dashboard
Wallet & Balance

screenKeywords:
09414 all ¥ @
£ Bitcoin [a) R
24 568,19 € e
A 3320,86 € - 15,63 % Last year
BTC/EUR
D W M 6M 5Y yly
On the Beat
What do you think of Bitcoin?
< ]
® ) & & e
Pockets Timeline Shopper Payments Beat
|Crypto 2.0
Buy crypto Swap Transactions
Watchilist See all
BTC ETH SOL ADA MANA
A133% 2043% 2 3,05% 0% 0%
Top movers TH  24H
Sui Maker Aragon Oc
0,7161 € 649,79 € 3,65 € I
1,2 0 &8 T4 W
Pockets Timeline Shopper Payments Beat
. ]


Schedule

screenElements:
Switch
Segmented Control

screenElements:
Switch
Segmented Control
Icon
Avatar
Stacked List
Animation & Video
Switch
Segmented Control

screenPatterns: Schedule Home Schedule Schedule

screenKeywords:
09:41 4 oll T @
4 Schedule
At 351 Hanzelaan
Departure Charge
Enable Scheduled Charging .
Start Charging at 00:00
. _______________________________________________J
|0941+« al T @
Lizzy = A
B 319 km
Parked
’ /
y 9
© / 3
- é /A
N W
& ' 4 o
= Controls
- Climate
*d  Interior 20°C
A Location
351 Hanzelaan
@ Summon
% Schedule
@ Security & Drivers
Flux Capacitor - Connected
|09:41 4 oll T @
4 Schedule
At 351 Hanzelaan
Departure Charge
Departure 00:00
Precondition ‘
Set climate and preheat battery
Off-Peak Charge ‘
Reduce energy costs
. ]
|09414 all T @
4 Schedule
At 351 Hanzelaan

Departure Charge
Enable Scheduled Charging .
Start Charging at 07:00
Car will charge

07 00
. ]


Hiding like count

screenKeywords:
Who can reply >
Hide like count
Delete

. ]
|9:41 all T ==
< Back Thread
L jane_mobbin
Starting out my gardening club with threads -
here's to cultivating a strong social fabric! j o)
e
e
Like count hidden
‘
OQoev
2


Hidden words settings

screenElements:
Radio Button
Switch
Icon

screenPatterns:
Settings & Preferences
Settings & Preferences

screenKeywords:
9:41 all ¥ @m)
< Back Hidden Words
Offensive words and phrases
Learn more

on o

Off

Custom words and phrases

On

Off (o]

Manage custom words and phrases
[ 4
a
|9:41 all ¥ @m)
< Back Hidden Words
Offensive words and phrases
Learn more

on o

Off

Custom words and phrases

on o

Off

Manage custom words and phrases
[ 4
a
|9:41 all F @)
< Back Privacy
e] Private profile
@ Mentions
& Muted
>Q Hidden Words
,Q?w Profiles you follow
Other privacy settings
® Blocked profiles
@ Hide likes

a


Sharing thread

screenKeywords:
9:41 -Ill ? @'
@ iwetmyyplants & 10m  eee
8 I'm just going to say what we are all thinking

and knowing is about to go downity down:
There is about to be some piping hot tea
spillage on here daily that people will be
posting and we are all going to be sitting
back like:
Post from iwetmyyplants X
threads.net
AR
® :
@
AirDrop Messages Mail Notes Re

Copy @

Add to Reading List 00,07

Add to New Quick Note

Edit Actions...
|Add to story (-_l-)

Post to feed

Copy link 2

Share via... 0y
. ]


Summoning a vehicle

hotspotType: Tap & Hold

screenElements:
Map Pin
Button

screenElements:
Icon
Avatar
Stacked List
Animation & Video
Map Pin
Button
Loading Indicator
Button

screenPatterns: Home Map Loading

screenKeywords:
0941+« al T @
Lizzy = A
B 319 km
Parked
’ /
y 9
© / 3
- é /A
N W
& ' 4 o
= Controls
- Climate
*d  Interior 20°C
A Location
351 Hanzelaan
@ Summon
% Schedule
@ Security & Drivers
Flux Capacitor - Connected
|‘\\
©O\Vicveanobile \
O \
h
Press and hold controls to move vehicle.
1 ) 4
|09:419 i
\ \
~—

™.
tp O " \‘
\\ ~
\
Summon
|D
O \
|< @ Parked-20m ®
QFLOW Charging
OMove4MobiIe
Summon
Release to stop
e —-_ ]


Add powerwall

screenElements:
Bottom Sheet
Illustration

screenElements: Illustration Button

screenElements:
Text Field
Bottom Sheet
Illustration
Illustration
Button

screenPatterns:
Add & Create
Feature Info

screenKeywords:
09414 all T @@
4 Scan QR Code
Serial number sticker
okl -10
e
.:! .H'. i XXX
E i _.: XXX XX XX
Manually Enter Details
Last 3 characters of TSN (serial number)
TSN
Password
Enter Password
Show Password
Next
. ]
|09414 all T @
<
Lizzy Order Now Tesla Sho
4
Manage Products
Add Remove
Vehicle w
(3
|
Powerwall |
|
I
Solar Inverter I
Requesting access as an additional driver?
Learn More
. ]
|09414 all ¥ @@
4 Scan QR Code
Scan the QR code to setup

1. Open the Gateway door
2. Find the QR Code on the sticker that includes WiFi
network information

Manually Enter Details

. ]


Settings

screenElements: Carousel Switch

screenKeywords:
09:419 ol = @O
<
a
w Tesla Shop Charge Your
 products Apparel and More Non-Tesla
f ?I
; AP—
~ . '
J I
&# Inbox
== LootBox
; Account
Q Settings
T Add / Remove Products
[»  signout
IR 5 G TS P
|oodv all ¥ @@

< Vehicle

Push Notification Preferences

Current vehicle only .

Security

Car Alarm .

Charging

Supercharging notifications are always ON

Charging Started .

Charging Interrupted .

Charging Complete .

Vehicle Software

Software Update .

Climate

Cabin Overheat Protection .

Preconditioning Complete .
. ]
|0941« all T @
< Settings
. Calendar Sync .
C View calendar in your vehicle
Notifications
@& Vehicle
T News and Events
. ]


Pausing notifications

screenKeywords:
You won't get push notifications, but you'll be
able to see new notifications when you open
Threads
15 minutes
1 hour
2 hours
4 hours
8 hours
|9:41 il F ()

< Back Notifications

Push notifications

Pause all

Threads and replies

Following and followers
[
a
|9:41 all ¥ @
< Back Settings
+2 Follow and invite friends
Q Notifications
e] Privacy
@ Account
@ Help
@ About
Log out

a


View picture/gif

screenElements:
Thumbnail
Avatar
Icon
Text Field
Badge

screenKeywords:
X
Y 3 L7
| 4 Q" !
» & @" oL,
4 '
b L
|9:41 all T ==
< Back Thread
iwetmyyplants &
I'm just going to say what we are all thinking and
knowing is about to go downity down: There is
about to be some piping hot tea spillage on here
daily that people will be posting and we are all
going to be sitting back like:
OQoev
iwetmyyplants &
Y Me waiting for some unhinged people to

download this ann to aet the iuicv iuice:
2


Wallet

screenPatterns:
Payment Method
My Account & Profile

screenKeywords:
09:4194 all T @@
< Wallet Add
v/ Default
Mastercard
» 12027
. ]
|09:414 oll ¥ @
< Account
: Contact Info
= EN G
4" Order History
‘y Charging
a Security and Privacy
: Tesla Profile
—————


Schedule a roadside assistance

screenElements:
Radio Button
Bottom Sheet
Icon

screenPatterns: Select Select Home

screenKeywords:
oodv all ¥ @@
< Roadside X

Won’t Power On/Start X
Quick Links
Restarting the Touchscreen >
Jump Starting the 12V Battery >
Unblocking and Starting Your Vehicle Using the Tesla Mobile N
App
Roadside Assistance Policy >
Roadside Assistance Support N
Coverage and FAQ

. ]
|09:41« oll T @
< Roadside X
Won’t Power On/Start

Quick Links
Restarting the Touchscreen
Jump Starting the 12V Battery
Unblocking and Starting Your Vehicle Using the Tesla Mobile
App
Roadside Assistance Policy
Roadside Assistance Support

< Drivability Concern Done
Shut Down While Driving O
Won’t Power On/Start @
Accident O
Heating / Air Conditioning O

. ]
|ood1v oll T @
< Roadside X
Select Car Condition
Quick Links
Roadside Assistance Policy
Roadside Assistance Support
Select Car Condition
Flat Tire >
Drivability Concern >
Charging >
Other S
. ]
|09414 all ¥ @@

) Interior 18°C

A Location
351 Hanzelaan

@ Summon

# Schedule

@ Security & Drivers
Flux Capacitor - Disconnected

M Charge Stats

@ Upgrades

/ Service

A Roadside

MODEL. 3

Dual Motor

50,043 km

VIN:

Version: 2023.20.4.1

Release Notes

Specs & Warranty Manage Drivers


Vivid Now

screenElements:
Avatar
Banner
Button
Icon
Tab Bar

screenPatterns:
Home
Wallet & Balance

hotspotType: Scroll Horizontally

screenElements:
Button
Bottom Sheet

screenPatterns:
Help & Support
Feedback

screenElements:
Loading Indicator
Illustration
Bottom Sheet
Illustration
Carousel
Page Control
Button
Bottom Sheet
Illustration
Button
Bottom Sheet
Avatar
Banner
Button
Icon
Tab Bar

screenPatterns:
Loading
Feature Info
Error
Help & Support
Feedback
Home
Wallet & Balance

screenKeywords:
09414 all ¥ @8
Cancel
F\
<SS
Processing application
Working on your application. Just a little more
to go...
|09414 all ¥ @8
Cancel
Your Vivid Now, Your Choice
You can use this account just like any of your other
Vivid pockets.
°
|09:414 all © @8
Cancel
The all new Vivid Now account
We know that life is unpredictable. Your Vivid Now
account puts you in control of your money. Apply
now for an account with an overdraft, once that's set
up you can access a host of new money
management features like Auto Split and Free up.
°
. ]
|09414 all ¥ @8
Cancel
Sorry, you're not currently
eligible for Vivid Now
Your application has been rejected in our
automated scoring process. Reasons for the
rejection could be a lack of transactions on the
account, direct debits rejections on the account
and your overall financial situation.
Visit our help centre
Got It
|09414 all ¥ @8
Close
Why has my
[ ] [ ]
application for a
[ ] [ ]
Vivid Now account
[
beenrejected?
Your application has been declined as a result of
our automated scoring process. There are many
factors which may cause this outcome, and we are
unable to share all of them. Some of the reasons
may be due to your current financial situation, your
Vivid account activity or specific data held by
Schufa.
Was it helpful?
b Yes ¥ No
|09:414 all ¥ @8
£ Cancel
Now we need to define your Vivid
Now overdraft limit.

You need to answer a few questions so that we can
check your eligibility. If you're eligible, we'll show
you the overdraft limit right away.

Vivid Now FAQs
|09414 all ¥ @
f
J 0
744,44 € + Top-up
Total balance
Free up cash with Vivid Now - g
Apply in less than three minutes ' -
Money pocket
743,77 € 0842
Deposit
7 0,00 €
Stock Rewards
0,67 €
Create a New Pocket 4
Your cards
2, 1 ) & & ™
Pockets Timeline Shopper Payments Beat
. ]
|09414 all ¥ @
£ Cancel
Your employment status
and monthly income
This helps us calculate your Vivid Now
overdraft limit.

What's your occupation?
Employed
Net Income, €


View live camera

screenElements: Button Illustration

screenElements: Button Illustration Switch Switch

screenPatterns:
Camera & Scanner
Settings & Preferences
Camera & Scanner

screenKeywords:
09: 414 all T @
< Live Camera O]
[ J
7 A
( \
| o |
|— |
o Il I e
K
(-

ARt

4
[ J
o =0
Horn Flash
|0941« all T @
< Live Camera O]
iR
; P ‘: #\A z - .\‘ ur\_
i~ b‘ e e SR \“4\

5 o v .o = ‘f - N " "'bv\‘; ‘
(:1 ﬁ."-" i ¥ v .‘*‘q \‘.c - e "
. T L Tl '#&' ‘ nribx’" \ \:
y AL e ¥ r 4 "
Al 355, Bl N
N . i & 1 % \5 )

) d .4.'-‘“ %i‘ I“l 1 |
. .4 : v
b ' -y B ;
S
B
_ . -
([ J
4 N
| ‘ﬂ |
A /
o =0
Horn Flash
|09414 all ¥ @@
< Security & Drivers
o= =5 L =
Flux Capacitor
Disconnected
@ Sentry Mode .
Enable to view live camera
@ Passive Authentication .
Automatically unlock and drive
Valet Mode
g VSV o
Limit vehicle access
i Speed Limit Mode e ’
Limit top speed
° PIN to Drive .
Require PIN entry to drive vehicle
; Add Driver
. ]
|09:4194 all T @@
< Security & Drivers
o= =5 L =
Flux Capacitor
Disconnected
@ Sentry Mode .
View live camera
@ Passive Authentication .
Automatically unlock and drive
Valet Mode
2 I ®
Limit vehicle access
i Speed Limit Mode e ‘
Limit top speed
v PIN to Drive .
Require PIN entry to drive vehicle
; Add Driver
. ]
|09414 all T @
< Live Camera O]
o e Y TR
'.--‘ 'y Ay A 4
e e
R g - L - o
5;;‘- h ‘-- -“ i .-* - gl - e .
ﬂ&?.-". E:_‘:fﬁ;:'- - ‘—%ﬁs - 3 ¢ D
€ Lol - " . P . # ‘.} A‘. e R
-./ ﬁ. bﬁw 4‘ “..\:_ :7; -. A 7
e =< Nl o -
\ Lo e ks 4 '
- - - | £, e % - -
':}r' """1‘_. f 2~ ,‘f\‘
. o, L TR |
B & aa e TR o S . m‘-
Y . . * " s " »—" \lf. e
".'\. ‘*0"’{',. " R -
CE | . 5
a
-yt
ll —‘\ < ', -
» Y ‘.( = 3
= g : .
[ J
4 N
4 |
| / o
| |
[ J
Horn Flash
. ]
|09:414 all T @
< Live Camera O)
ih 5 ¥ W ’
e 5 s
gt Ry = P
il Y o g W e T
3 e Ny — ot B al .
. TE s YRS B gm e
".", ' -.' . \-o 4
- - q‘.l - B ‘vr’-‘
"'.,; [t B
¥ - ', » v _'I: —~ T
. e FN -’iv“ . "'_'v -
C" :.‘-,:- .'.':03 . L4 \ - )
D =S -
o
7 N
4| “‘
o | /
I
o
(4= =»
Horn Flash


Invite a friend

screenElements:
Hero Image
Card
Badge

screenElements: Illustration Carousel

screenElements: Carousel Thumbnail Card

screenElements:
Carousel
Thumbnail
Card
Hero Image
Card
Badge
Illustration
Carousel

screenPatterns:
Share
Product Detail
Invite & Refer Friends

screenKeywords:
o9:a14 all ¥ @

Send the link to your friend
Copy link WhatsApp Messenger iMessage Tele

Share to Social Media

Stories Stories Twitter
Share stories to Instagram
and Facebook

% ! B i
By inviting a friend you accept the Terms&Conditions of this
promotion
|B 3 : T2 p— =" /Jémw\u.
=it : . )
v ' X
kik
MARKETPLACE
3% with Super Deals 6
Get access to selected cashback offers at KIK
and 4 other brands. Invite a friend and save up
on all Super Deals.
000 -
5% 25% 4% 3%
Offer duration
14 - 27 June
9 days left
How to get cashback
Invite your friends to activate Super
Deals
Spend SN
|09414 all ¥ @G
Your earnings
1 friend joined 0 pending
Send the link to your friend
Copy link WhatsApp Messenger iMessage Tele
Share to Social Media
Stories Stories Twitter
Share stories to Instagram
and Facebook
Ty - e o T Eee


Inviting friends

screenPatterns:
Settings & Preferences
Invite & Refer Friends

screenKeywords:
9:41 all F (Em)
<{ Back Follow and invite friends
() Invite friends by SMS
B Invite friends by email
ﬁj Invite friends by...
AI I'm on Threads as @jane_mobbin. X
Install the app to follow my threads a...
AR
® :
@
AirDrop Messages Mail Notes Rel
5
New Quick Note
Save to Files B
Edit Actions...
|9:41 all ¥ @
< Back Settings
+2 Follow and invite friends
Q Notifications
e] Privacy
@ Account
@ Help
@ About
Log out

a
|9:41 all ¥ @
< Back Follow and invite friends
@ Invite friends by SMS
M Invite friends by email
ﬁj Invite friends by...
a


Other privacy settings

screenElements: Switch Icon

screenKeywords:
<Tmends il = -
£ Privacy
Account privacy
e] Private account
Interactions
¢ Hidden Words
() Limits
Q Comments
Posts
@ Mentions
'\-D Story
@ Reels and Remix
(¢)) Live
Guides
v2 Activity Status
A Q ® O
|9:41 all F @)
< Back Privacy
e] Private profile
@ Mentions
& Muted
>Q Hidden Words
,Q?w Profiles you follow
Other privacy settings
® Blocked profiles
@ Hide likes

a


Video guides

screenElements:
Stacked List
Thumbnail

screenPatterns:
Misc
Video Player

screenElements:
Illustration
Stacked List
Thumbnail

screenPatterns:
Other Content
Misc
Video Player
Misc

screenKeywords:
09:419 all © @
< Service
e %
(52 |
Request Service
0 History >
© Video Guides >
(1 Owner's Manual >
|09:414 all T @
< Video Guides
WAl W L. TR N o
TSR 1 h g ".- ?f N - e - ‘31
si ‘ - ¥ " _ - . L 1
W\ 4) S S —
n — AL
] o q /
& T
- S—
| -_—
— > : :
Owner's Manual
Learn anything about your car
directly from the touchscreen
Keys
2 t‘\y Phone Key, backup keycards,
. & access, and driving
* Personalization
Get comfortable and save your
settings
! £\ Physical Controls
U Drive stalk, turn signal, scroll
‘\ y wheels, and more
Touchscreen
> Your central display for driving
information, settings, apps, and
entertainment
. ]
|09:4194 all T @@
< Video Guides
m Owner's Manual
ir Learn anything about your car
directly from the touchscreen
Keys
i iy Phone Key, backup keycards,

access, and driving

w Personalization
Get comfortable and save your
settings

! -_— Physical Controls

/ . Drive stalk, turn signal, scroll

‘ y - wheels, and more
Touchscreen

> Your central display for driving

information, settings, apps, and

] entertainment
Autopilot
Active safety and driver
assistance features

- .
P . Charging
\ . Conveniently charge at home and
l on the road


Customising charging cost (home)

screenElements: Accordion Button

screenElements: Slider Stepper

screenElements: Slider Divider Stepper

hotspotType: Slide

screenElements:
Slider
Stepper
Accordion
Button
Badge
Slider
Divider
Stepper
Text Field
Dialog

screenPatterns:
Edit
Settings & Preferences
Feature Info
Other Content
Confirmation

screenKeywords:
Ve Ry 4 all T @
< Seasons X
Drag slider to adjust seasons
January
February
March
April
Add
S
May eason
+
June
Season 1
July
AT Remove
Season
September
October
November
December
. ]
|0947 all T @
< Seasons X
Drag slider to adjust seasons
January
Season 1
Sep - Mar February
March
G
April
Add
Season
May
Season 2 June +
Apr - Aug
July
August
Remove
r ] Season
September
October
November
December
. ]
|(VR 4 all ¥ @
< Summary X
Review your rate plan or tap to edit.
Flat rate A
Flat rate
Utili .
ility Provider Edit

Flat rate
Rate PI

ate Plan Edit
Flat rate
No Seasons Edit
All-year P
January - December
Pricing Edit
Buy Price Sell Price
€0.35/ kWh €0.35/ kWh

Start Over
|
|09: 414 all T @
< Cost of Electricity X
All-year
Buy Sell
€0.35 €0.35
- @
|09:414 all T @
< Summary X
Review your rate plan or tap to edit.
Flat rate v
Flat rate
No Seasons Edit
All-year A
January - December
Pricing Edit
Buy Price Sell Price
€0.35/ kWh €0.35/ kWh
Start Over
. ]
|09414 all T @@
< Custom Rate Plan X
Utility Provider Name
Rate Plan Name
|0941« all T @@
< Settings
Charging Costs
' Home N
Flat rate - Flat rate
' Work N
€0.14 / kWh
' Other N
€0.35 / kWh
. ]
|0941« all T @@
< Custom Rate Plan X
Utility Provider Name
Flat rate
Rate Plan Name
Flat rate
. ]
|09:414 all T @
4 Charging Costs ()
\ % j ‘M’ ‘

We can show you more accurate spending and savings
insights tailored to you. All we need to know is what you
pay

' Home Charging
We'll ask about your home utility rate plan.
' Work Charging
We’ll ask about how much you pay to charge at
work.
' Other Locations
We'll ask about how much you pay to charge at
other locations outside of Home and
Superchargers.
This shouldn't take more than a few minutes.
You can edit these at any time in Settings.
. ]
|09414 all T @@
< Seasons X
Drag slider to adjust seasons
Season 1 r
Nov - Jan anuary
G
February
March
April
Add
Season
May
Season 2 June +
Feb - Oct
July
August
Remove
Season
September
October
L ]
November
December
. ]
|0941« all T @
< More Options X
Select an option to provide your home utility rate.
/s Custom Rate Plan N
Set your rate plan manually
a Fixed Rate N
Set one flat-rate price
. ]
|(VR Y 4 all T @
< Cost of Electricity X
Season 1

Buy Sell

€0.50 €0.50
|0947 all T @
< Seasons X
Drag slider to adjust seasons
January
Season 1
Sep - Mar February
March
G
April
Add
Season
May
Season 2 June +
Apr - Aug
July
August
Remove
r ] Season
September
October
November
December
. ]
|09:414 all ¥ @@
< Cost of Electricity X
All-year

Buy Sell

€0.35 €0.35
|09:414 all T @
< Cost of Electricity X
Season 1

Buy Sell
|09:41« oll T @@
Are you sure you want to
exit?
Your progress will not be saved.
Exit
Cancel
|


Home

screenElements:
Animation & Video
Icon

screenElements:
Animation & Video
Icon
Animation & Video
Icon
Avatar
Stacked List
Animation & Video
Icon

screenPatterns:
Audio Player
Home
Home

screenKeywords:
09:414 all T @@
Lizzy = 6N
B 319 km
Parked
. 7 )/
A
(P —
¥ v
= ' 4 o
Innerbloom
RUFUS DU SOL e
I4 > 4| < 4 >
@ Controls
- Climate
®d  Active - Interior 20°C
A Location
351 Hanzelaan
@ Summon
|09:414 all © @
Lizzy i 6N
Bl 405 km
28 KM/H
d . K
k -
- " 4 o
@ Controls
- Climate
*?  Interior 20°C
A Location
351 Hanzelaan
@ Summon
# Schedule
@ Security & Drivers
Flux Capacitor - Connected
i ChargeStats
|0941+« al T @
Lizzy = A
B 319 km
Parked
’ /
y 9
© / 3
- é /A
N W
& ' 4 o
= Controls
- Climate
*d  Interior 20°C
A Location
351 Hanzelaan
@ Summon
% Schedule
@ Security & Drivers
Flux Capacitor - Connected
|09414 all ¥ @@

) Interior 18°C

A Location
351 Hanzelaan

@ Summon

# Schedule

@ Security & Drivers
Flux Capacitor - Disconnected

M Charge Stats

@ Upgrades

/ Service

A Roadside

MODEL. 3

Dual Motor

50,043 km

VIN:

Version: 2023.20.4.1

Release Notes

Specs & Warranty Manage Drivers


Order history

screenPatterns:
Order History
Empty State

screenPatterns:
My Account & Profile
Order History
Empty State

screenKeywords:
09:414 oll ¥ @
< Account
: Contact Info
= EN G
4" Order History
‘y Charging
a Security and Privacy
: Tesla Profile
—————
|09414 all ¥ @@
< Order History
No Order History
Return to shop home to add items to
your basket


Security and privacy

screenKeywords:
09:4194 all T @@

< Security and Privacy

Email 4

Password 4

Multi-factor Authentication @

Delete Account @
. ]
|09:414 oll ¥ @
< Account
: Contact Info
= EN G
4" Order History
‘y Charging
a Security and Privacy
: Tesla Profile
—————


Request service

screenElements:
Icon
Illustration
Text Field

screenPatterns:
Help & Support
Other Content
Help & Support

screenKeywords:
0941« oll T @
< Get Help X
Support Topics

= Exterior >

@ Interior >

#3 Collision & Glass >

il Noise & Vibration >

@ Tyres & Wheels >

& Battery & Charging >

Software & Autopilot >

ﬁ Upgrades & Accessories >

@ Other >

Emergency Roadside Help
|09:414 oll ¥ @
< Collision & Glass X
Collision Repair >
Windscreen >
Top Glass >
Side Glass >
Other - Collision & Glass >
|09:419 all © @
< Service
e %
(52 |
Request Service
0 History >
© Video Guides >
(1 Owner's Manual >
|09:414 ol T @
< Request Service X
Top Glass X

* Describe Concern

e} Photos Required (0/5)

-+ Add Another Concern
Quick Links
Tesla Service Support

>
Service Visit Information & FAQ
. ]


Turning on speed limit mode

screenElements: Stepper Switch

screenKeywords:
09414 all © @
< Security & Drivers
To=E = L=
Flux Capacitor
® Sentry Mode .
View live camera
Passive Authentication .
Valet Mode ‘
Speed Limit Mode ‘
PIN to Drive ‘
Adjust Speed Limit
, 137 ;
km/h
. ]
|ood1v oll T @
< Security & Drivers
T =5L A
Flux Capacitor
Disconnected
Speed Limit Mode
Set your 4-digit PIN
1 p 3
4 5 6
7 8 9
0 <«
|09414 all ¥ @@
< Security & Drivers
o= =5 L =
Flux Capacitor
Disconnected
@ Sentry Mode .
Enable to view live camera
@ Passive Authentication .
Automatically unlock and drive
Valet Mode
g VSV o
Limit vehicle access
i Speed Limit Mode e ’
Limit top speed
° PIN to Drive .
Require PIN entry to drive vehicle
; Add Driver
. ]


Adding new vehicles

screenElements:
Bottom Sheet
Illustration

screenElements:
Bottom Sheet
Illustration
Button
Text Field
Dialog

screenPatterns:
Add & Create
Add & Create
Add & Create

screenKeywords:
09414 all T @
<
Lizzy Order Now Tesla Sho
4
Manage Products
Add Remove
Vehicle w
(3
|
Powerwall |
|
I
Solar Inverter I
Requesting access as an additional driver?
Learn More
. ]
|ooaa all ¥ @
< Add Vehicle
What to Expect
It can take up to 3-5 days to add a vehicle
What You Need

= Access to the vehicle

= A Wi-Fi or LTE connection

* One approved document from each category

View Approved Documents

One Form of Personal ID

= Photo of Driver’s License

= Photo of Passport

= Photo of State or Province ID
One Form of Proof of Ownership Document

* Photo of Registration

= Photo of Title
This is not driver access. Continue only if you are
claiming legal ownership of this vehicle. For your
privacy, ensure the previous owner disables mobile
access on the vehicle's touchscreen until ownership is
transferred.

|
|09414 ll © @
< Enter New Vehicle VIN
VIN
VIN can often be found on your vehicle’s title and on
the lower-left corner of the dashboard, in front of the
steering wheel
. ]
|(VR Y 4 all T @
Add Vehicle
The easiest way to add a vehicle is to reach
out to the previous owner and ask them to
remove and transfer the vehicle to you
|


Manage upgrades

screenPatterns: Billing Billing

screenKeywords:
(I*RNIE 4 ol T @
< Premium Connectivity
Premium Connectivity
€9.99/mo
Renews 1Jul 2023
Billing Address
’
Payment
@ v
Total €9.99
Receipts
1Jun 2023
1May 2023
1Apr 2023
1Mar 2023
1Feb 2023
1Jan 2023
1Dec 2022
1 Nov 2022
. ]
|09:41 all ¥ @@
< Upgrades
Software Upgrades
Accessories
/ “-’— ;\\‘ ? h
/
e i
o Manage Upgrades >
. ]
|09:4194 all T @@
< Manage

Active Inactive
Premium Connectivity >
~_ Renews 1Jul 2023
Enhanced Autopilot
Included
Permissions
In-Car Upgrades .
Limit in-car purchases
Available with Firmware 2021.40 and up
Learn More

. ]


Location

screenElements:
Map Pin
Toolbar

screenPatterns:
Map
Location & Address

screenElements:
Icon
Avatar
Stacked List
Animation & Video
Map Pin
Toolbar

screenPatterns:
Home
Map
Location & Address
Map

screenKeywords:
0941+« al T @
Lizzy = A
B 319 km
Parked
’ /
y 9
© / 3
- é /A
N W
& ' 4 o
= Controls
- Climate
*d  Interior 20°C
A Location
351 Hanzelaan
@ Summon
% Schedule
@ Security & Drivers
Flux Capacitor - Connected
|AR A
09:414 all ¥ @
4 351 Hanzelaan ()
O OMove4MobiIe
/
1’6\}_

%
, (“'
lMa,ZE)s

Q Navigate

Nearby Chargers

. ] '
|i 'R . 'J \ - » : \-‘.:{0 Y 2
e, ; ~ : T . iy ..%\ V‘ Id
3 ! p oS 5 o o -
t,".‘-}.\l> —— e oEr t;‘\:\ 4 :
] 3 o (1-'.‘
| B 351Hanzelaan BECSEES. @
N RY %S b
Q \\ 4} _— 1 N ¥. € \“
‘ i\"i’»\:ﬁl:g\\: Y R e pe Omzﬁ s A G
O i \\ S N S o, E TR \
NS
TN & N R
\\ S R B -\\& X :
.,‘"\ i ; '.:x\ ™ o .'."’-"'a . ¥ . ,Lﬁ' . D %
_ - e VRN : :
s . SN T N : ;
_' s "{"' b o ' : \ ,
P S ~ ’ * 7~
- RN . \;\\\\' N
@ Yo e B . & ".' s NN .
DI L M .
PRER Y S S TN Lef
o PR S & T R
“ VEEORE s W e e N
=7 R N %
S o e IR '\, 3
3 _ ” L - Q ‘:,7‘ y > ——
R, i Ny s, LD . "
‘ -y A Lt ‘ T~
L e - ’ | s
N, TN ::M- :‘l-'_,\ %4 i e
o AR A S SR SRR . . oa
v "R 'f‘\° S, : o 3 ¥
‘.:. ~ d .'.'.-_ .’! .- -‘ e ;‘::n ..~¢
| : \
’M R <?
O ot s - S
-.S‘,Q . o : e B
2 S S L e
Q Navigate
Nearby Chargers
- R ' D I e 23


Stock Rewards detail

screenElements:
Avatar
Banner
Button
Icon
Tab Bar

screenPatterns:
Home
Wallet & Balance

screenElements:
Progress Indicator
Card

screenElements:
Bottom Sheet
Stacked List

screenPatterns: Pricing Charts

screenElements:
Progress Indicator
Card
Avatar
Banner
Button
Icon
Tab Bar
Segmented Control
Bottom Sheet
Bottom Sheet
Stacked List

screenPatterns:
Wallet & Balance
Home
Wallet & Balance
Pricing
Charts
Feature Info
Select

screenKeywords:
A | \
N i Y
c/“/
< |
I
|
Stock Rewards
0,67 €
.‘L. _—o
Cashback Transactions
& Rewards
©054€ © 013€.24,07%
Cashback Gain
. 0}
Portfolio
0,67 €
G Apple A 0,13 € - 23,56 %
Getrewardin
i
® ‘o &8 & 2
Pockets Timeline Shopper Payments Beat
|09:414 all ¥ @
< 185,03 $
Apple - AAPL
\/ - \\/
“ TW ™ 3M Y 5Y
Portfolio
ﬂ Stock Rewards
0,67 €
A 013 €-23,56 %
0.003679000000... 149,75 $
Fractional Shares Average price
About
Apple Inc. is an American manufacturer of
personal computers, tablets, audio players,
phones and software. The Apple Inc. product line
consists of the Mac, iPad, iPhone, Apple Watch,
Apple TV and AirPods. Its services include Apple
Music, Apple News+, Apple TV+, Apple Arcade,
Apple Card and iCloud. The company was
founded in 1976.
1,2 ‘o <] < W
Pockets Timeline Shopper Payments Beat
|09414 all ¥ @
f
J 0
744,44 € + Top-up
Total balance
Free up cash with Vivid Now - g
Apply in less than three minutes ' -
Money pocket
743,77 € 0842
Deposit
7 0,00 €
Stock Rewards
0,67 €
Create a New Pocket 4
Your cards
2, 1 ) & & ™
Pockets Timeline Shopper Payments Beat
. ]
|09414 all ¥ @
Apple - AAPL o
185,03 $
N 099%-053%

TW ™ 3M Y 5Y
Portfolio

ﬂ Stock Rewards

0,67 €
1,2 0 8 Yo Y
Pockets Timeline Shopper Payments Beat
|09414 all ¥ @
Close
Collect cashback and gifts in
) Stock Rewards

Get up to 10% Cashback in your favorite
restaurants and online brands
Grow your savings with
favorite company

M . .
Select a company and your savings will
grow together with a stock price
Vivid protects you from risk
If stock prices go down, your savings won't
be less than you initially received

Got it
. ]
|09414 all © @8
Close
Most popular
Apple
+ 41 % Year change
Visa
+ 21 % Year change
Tesla
+ 20 % Year change
Deutsche Boerse
+ 9 % Year change
Zoom Video Communications
- 36 % Year change
Others
Nvidia
+ 169 % Year change
m Meta Platforms (Facebook)
+ 73 Y cimintit—
|09414 all ¥ @
Stock Rewards
v,V ©
s °
Cashback Transactions
& Rewards
©e0,54€ © 013€.24,07%
Cashback Gain
. 00}
Portfolio
0,67 €
O Apple A 013 €-23,56%
Getrewardin
Apple
AAPL
Actions
4% Redeem
® ‘o & & e
Pockets Timeline Shopper Payments Beat


Thread and replies notifications

screenKeywords:
9:41 il F ()

< Back Notifications

Push notifications

Pause all

Threads and replies

Following and followers
[
a
|9:41 all ¥ @m)

< Back Threads and replies

Likes

From everyone o

From people you follow

Off

Replies

From everyone o

From people you follow

Off

Mentions

From everyone o
[ 4
a
|9:41 all ¥ @m)
< Back Threads and replies
Off
Quotes
From everyone o
From people you follow
Off
First threads
From everyone o
From people you follow
Off
[ 4
a
|9:41 all ¥ @m)
< Back Threads and replies
Off
Quotes
From everyone
From people you follow o
Off
First threads
From everyone o
From people you follow
Off
[ 4
a


Onboarding

actions:
Onboarding
Editing Profile

screenElements:
Button
Full-Screen Overlay

screenElements:
Bottom Sheet
Text Field
Button

screenElements:
Bottom Sheet
Avatar

screenElements:
Text Field
Button

screenElements:
Text Field
Bottom Sheet

screenElements: Icon Tile

screenPatterns:
Account Setup
Follow & Subscribe

hotspotType: Drag

screenPatterns:
Home
Social Feed

screenElements:
Loading Indicator
Logo

screenPatterns:
Loading
Pull to Refresh

screenElements:
Button
Full-Screen Overlay
Loading Indicator
Loading Indicator
Logo
Icon
Tile
Bottom Sheet
Avatar
Text Field
Avatar
Button
Search Bar
Stacked List
Badge
Text Field
Button
Logo
Loading Indicator
Text Field
Bottom Sheet
Bottom Sheet
Text Field
Button
Text Field
Logo
Icon
Button
Avatar
Thumbnail
Tab Bar
Badge

screenPatterns:
Feature Info
Login
Loading
Account Setup
Loading
Pull to Refresh
Account Setup
Permission
Home
Social Feed
Account Setup
Follow & Subscribe
Account Setup
Launch Screen
Loading
Account Setup
Login
Login
Home
Social Feed

screenKeywords:
9:41 all ¥ @)
@ pUbity 2m eoe
© Vine after seeing the Threads logo unveiled
’/N' @ ‘. .“,
- ‘ 3
— < ) 'r ey
= : f'f )
) 1
“Threads” Would Like to Send
You Notifications
Notifications may include alerts,
& ‘ sounds, and icon badges. These can
[+ be configured in Settings.
@ n oo
L
e ]\
|
\ 4 - | : - o
\ }‘? S -;’-,q - 27
. ]
|9:41 all T (@
< Back
How Threads works
@ Powered by Instagram
@ The fediverse
@ Your data
|= 440@5
R R
SR S
A o
[ E ‘
© RE RS 3 % :
£ 2
QT H
L E
|9:41 all T @
|Save your login info?
We'll save the login info for jane_mobbin, so you
won't need to enter it next time you log in.
AL g
|9:41 all ¥ @m
< Back Next >
Profile

Name w
6 Jane (@jane_mobbin) '

Bio
Plant enthusiast!
Link
& Reimport
|Save your login info?
We'll save the login info for jane_mobbin, so you
won't need to enter it next time you log in.
AL .
Save Password
Not Now
|9:41 all T @
é\ _.hanniiplants
{0 Ok, this thread is chaos! | don't know what

I'm doing. Just post, reply, like and do what
it can do 9 &9 & & but so far | think | can
get thru. If you like houseplants just like me
W 1Y, let's follow each other! Let's create
a green community!
OQoev
¢$ thesharkdaymond &
@  is this thing on? | love when a new
platform is launched so | can see how | can
connect with fans in a new way. So let's
open this up and take Threads for a test
drive.
If you had the opportunity to pitch your
business idea to me, what would you say?
I'll grade as many of these pitches as | can,
and let you know how you can improve them
N
|9:41 all T @)
< Back
Privacy
Public profile @
Anyone on or off Threads can see, share
and interact with your content.
Private profile a
Only your approved followers can see and
interact with your content.
. ]
|9:41 il T ()
< Back
How Threads works
@ Powered by Instagram
@ The fediverse
@ Your data
|Save your login info?
We'll save the login info for jane_mobbin, so you
won't need to enter it next time you log in.
A -
Not now
|oo
Cancel Edit bio Done
Bio
Plant enthusiast}

) Import bio from Instagram
qwe r t vy ui op
a s df gh j k |
& z X ¢ vbnm &
123 space return
Y
|9:41 all T @)
@ iwetmyyplants &
“2® I'mjust going to say what we are all thinking

and knowing is about to go downity down:
There is about to be some piping hot tea
spillage on here daily that people will be
posting and we are all going to be sitting
back like:
OQov
4y
ﬂ ashtonofplants
oh my god rachel, thank goodness, you're
here
OQov
jungle_dudes
'm ™I . AN B . I P . [ -1
|9:41 all ¥ @m)
< Back Next >
Follow the same accounts you
follow on Instagram?
How it works
kewgardens &
Follow
woodlandtrust
wo:T):hrU:AND Follow
~57 botanygeek &
2 Mg ok Follow
G ul
theplantrescuer &
Follow
& W emma_crawforth
EQ Follow
3 A :
botany_facts
sgany & Follow
of of
taxonomytactics
Follow
é mariahgrows &
Follow all
. ]
|9:41 -Ill ? [
< Back Skip >
Profile

Name -
6 Jane (@jane_mobbin) o
Bio
Link
|from
N Meta
|Username, email or mobile number
jsmith.mobbin3@gmail.com
Password
Forgot password?
OQ Meta
. ]
|Cancel Edit bio Done
Bio
I
) Import bio from Instagram
QWUEIRTY UI OP
A°S D F G H J K L
4 Z X C VB NM
123 space return
9
|9:41 -Ill ? [
< Back Next >
Profile

Name °
6 Jane (@jane_mobbin) o
Bio Are you sure?
Pla Importing your Instagram details will

replace any edits you've made.
Lin

Cancel OK

) Import from Instagram

. ]
|Forgot password?
0Q Meta
|Username, email or mobile number
jsmith.mobbin3@gmail.com
Password
A
Forgot password?
. ]
|9:41 all T (@)
@ pubity & 2m e
© Vine after seeing the Threads logo unveiled
" ‘ -
- - :

- £ e,
== " ey
— - ~ . 'q i

2 = ST RV ,"‘ ‘

8 =l L — ; —;'A‘
T
Q2 vV

’Oo 36 replies - 391 likes
@ thetinderblog 5m e
—&@ Elon alone on Twitter right now...
- ‘- - of (iAW Sphews
; . 7” e ..‘,-;. %
- 6\‘7 A w '... r ~ :
¥ Za\ Tk i
) i
|9:41 -Ill ? (i
< Back Next >
Profile

Name -
A Jane (@jane_mobbin) o

Bio
Plant enthusiast!
Link
) Import from Instagram


Customising shortcut controls

screenElements:
Icon
Bottom Sheet

screenElements:
Icon
Avatar
Stacked List
Animation & Video
Icon
Bottom Sheet

screenPatterns:
Home
Settings & Preferences

screenKeywords:
09414 all ¥ @@
Lizzy A
///,—\
//
/P
A
AN
/ o
N /
'/ z 2
\\*'7 \'\"
= s
Customise Controls
Drag to replace
Locked Fart Open Front
(] = §99
- =0 b =
Off Flash Horn Defrost Car
Start Sentry Summon Boot
]
Unlatch Door Vent
|
|0941+« al T @
Lizzy = A
B 319 km
Parked
’ /
y 9
© / 3
- é /A
N W
& ' 4 o
= Controls
- Climate
*d  Interior 20°C
A Location
351 Hanzelaan
@ Summon
% Schedule
@ Security & Drivers
Flux Capacitor - Connected
|09414 all ¥ @@
Lizzy A
///;-\
//
/’
A
AN
/ o
N /
'/ P
\\*'7 \'\"
il 4
Customise Controls
Drag to replace
) g 24 &
Locked Off Open Front
Flash Horn Fart Start
@ @ 3 =
Sentry Summon Boot Unlatch Door
-
Vent
|
|09414 all ¥ @@
Lizzy A
//_,’\
///
P
/
A
AN
/ o
N /
'/ ~ =
\\*—7 \'\"
= s
Customise Controls
Drag to replace
) 3 4 e
Locked Off{> Open Front
Fart
Flash Horn Start
@® ® > =
Sentry Summon Boot Unlatch Door
-
Vent
|


Settings

screenElements:
Tab Bar
Top Navigation Bar
Button
Avatar
Tab

screenPatterns:
My Account & Profile
Settings & Preferences

screenKeywords:
9:41 all T @
Jane 72
jane_mobbin .

Plant enthusiast!
Edit profile Share profile
Threads
¥ jane_mobbin
Give @john_mobbin a follow if you want to
see more travel content!
OQoev
¥ jane_mobbin
Tea. Spillage.
& iwetmyyplants &
I'm just going to say what we are all
thinking and knowing is about to go
downity down: There is about to be
some piping hot tea spillage on here
daily that people will be
[ 4
a
|9:41 all ¥ @
< Back Settings
+2 Follow and invite friends
Q Notifications
e] Privacy
@ Account
@ Help
@ About
Log out

a


Terms of use

screenPatterns:
About
Terms & Conditions

screenKeywords:
9:41 all ¥ @
< Back About
Privacy Policy
Terms of Use
Open source libraries
a
|Done @ help.instagram.com aAA (
Help Center Q =
Terms and Policies
Terms and Imprint L]
Terms of UseWelcome to Instagram!These Terms
of Use (or "Terms") govern your use of Instagram,
except where we expressly state that separate
terms (and not these) apply, and provide
information about the Instagram Service (the
“Service"), outlined below. When you create an
Instagram account or use Instagram, you agree to
these terms. The Meta Terms of Service do not
apply to this Service.Click here for a Contract
Summary and here for other information we are
required by the European Electronic
Communications Code to provide.If you are a
business established in the EU and use Instagram
Shopping to sell goods to consumers located in
the EU, you can learn more about your
commercial relationship with us by reviewing the
Platform to Business Notice which supplements
our Terms of Use.These Terms also govern how
Meta uses information to show you ads and other
commercial and sponsored content that
businesses and organisations pay us to promote.
The Instagram Service is one of the Meta
Products. which is provided bv Meta Platforms

< > M ©

. ]


Share a referral link

screenElements:
Illustration
Tab Bar

screenElements:
Illustration
Tab Bar
Dialog

screenPatterns:
Other Content
Share

screenKeywords:
(Ve NNIE 4 all ¥ @
Refer g X
“Tesla" Would Like to Access
Your Contacts
Tesla wants access to display your
contacts. Tesla cannot send referrals
without your explicit permission.
|(VNN IE 4 all T @
< Loot Box
Refer to Earn Awards
Unlock loot with every completed referral
Browse Awards NS
Upgrades, Accessories and Mom—ﬁ )
@ =
You Have 0 Credits
Last referral 11 days ago
0 remaining
Free Supercharging Kilometres
Home Earn Redeem
|
|09:414 all T @
Refer S X
Refer Your Contacts
Refer friends by allowing Tesla to view your contacts.
You choose who you would like to refer.
Allow Access
. ]


Pockets

screenElements:
Avatar
Banner
Button
Icon
Tab Bar

screenElements:
Card
Bottom Sheet
Icon
Badge

screenElements:
Card
Bottom Sheet
Icon
Badge
Avatar
Banner
Button
Icon
Tab Bar
Button

screenPatterns:
Select
Home
Wallet & Balance
Home

screenKeywords:
09414 all ¥ @8
Close
Choose the type of your new pocket
Money
€ This is your bank account. Use it to send,
receive and spend money in the currency
of your choice
Crypto 2.0
N Enjoy 300+ coins. It's commission free
with Prime. You own the crypto you hold.
Business
- Manage your business expenses
. ]
|09414 all ¥ @
f
J 0
744,44 € + Top-up
Total balance
Free up cash with Vivid Now - g
Apply in less than three minutes ' -
Money pocket
743,77 € 0842
Deposit
7 0,00 €
Stock Rewards
0,67 €
Create a New Pocket 4
Your cards
2, 1 ) & & ™
Pockets Timeline Shopper Payments Beat
. ]
|09414 all ¥ @
cTrt s T <+ Top-up
Total balance

Free up cash with Vivid Now 4 g

Apply in less than three minutes ' =

Money pocket
743,77 € 0842
Deposit
0,00 €
Stock Rewards
0,67 €
Create a New Pocket R4
Your cards
. Debit ++-+ 0842
Available 743,77 €
VISA N
=) |ssue new card
® ‘o & & e
Pockets Timeline Shopper Payments Beat


Project development glossary

appName: Zeplin

appCategory: Productivity

appTagline: Bring harmony to design delivery

companyStage: Early Stage

platform: web

pageType: Marketing

hotspotType: Click

pagePatterns:
Landing Page
Footer Section

screenElements:
Link
Progress Indicator

pagePatterns:
Guides & Tutorials Page
Landing Page
Footer Section

pageType: Marketing Marketing Marketing Marketing

screenKeywords:
* Principles Solutions v Pricing Resources v Login Sign up for free
A B c D E F G H I J M P Q R S T u \ w X

SHARE A
@ Accessible design
@ A design approach that specifically considers a variety of disabilities during the

design process, so that the end product can be used to the greatest extent possible

by all users.

API

Stands for "application programming interface." The set of mechanisms and

protocols that a developer can use to integrate two applications, allowing them to

communicate and exchange data with one another independently.

B

Back-end development

The side of web development that deals with a product's "behind the scenes"

functionality — the portion of a product build that users never see or interact with.

Breakpoints

Specific screen width dimensions that determine when a responsive screen will
|* Principles Solutions v Pricing Resources v Login Sign up for free
Product Development The world of product development is filled with terms,
phrases, and jargon. It's difficult for newbies to navigate and
Glossa ry for experienced professionals to stay current. As a platform
that prioritizes cross-team collaboration, the Zeplin crew is in
a unique position to help!
A B c D E F G H I J M P Q R S T u v w X
A
Accessible design
A design approach that specifically considers a variety of disabilities during the
design process, so that the end product can be used to the greatest extent possible
by all users.
|© omlet Explore our new product Omlet — component analytics for developers
* Principles Solutions v Pricing Resources v Login Sign up for free
Publish >
tx)x < Superformula. m HSBC .
CLOUD=RA (@ arcToucH
Zeplin Features Design apps Learn
* About us User flows Sketch integration Support articles
Agency membership  Design version control Figma integration Design Delivery
Careers Design ops Adobe XD integration Product Development Glossary
Voyagers Zeplin for Jira Photoshop integration ~ Blog
Terms Global Styleguides Events
Partners Manage design variants Discord
Privacy Connected components Twitter
Open platform
Design tokens Collaboration apps Handy links
Extensions Slack integration Download the Mac app
Zeplin API Trello integration Download the Windows app
Jira integration Go to the web app
MS Teams integration
|* Principles Solutions v Pricing Resources v Login Sign up for free
A UTVCIVUMITITIIL appiuactl uial 1ianco slhaili, inicvicrricinail bllqllgcb Vil arl vl |yu|l|y
basis, instead of establishing a status quo and making changes only at infrequent
A B c D E F G H I J M P Q R S T u \Y w X
® :
@ Deployment
The point at which changes or updates are pushed from one development
environment (like a local or staging environment) to another (like a live site).
Design brief
A requirements document that contains all of the details of an upcoming product
design. Also called a "product spec," the design brief usually contains basic design
requirements as well as information about the design problem, the end user, and the
product's intended purpose and function.
Design Delivery
The Zeplin approach to design handoff, used to increase collaboration and eliminate
confusion and delays. Designs are "locked" to prevent further edits, and then
organized in a shared workspace where designers and non-designers can easily
see, understand, and collaborate on what needs to be built.
Design sprint


Leaving a project

pageType: Application

hotspotType: Right Click

pageType: Application Application Application Application

screenKeywords:
* O Mobbin Home's Workspace v Q, Search workspace ‘_‘ !
Sections v All v Q Filter by name Create Project | v
e e U,
These are all the projects related to one product, the same product feature, or something in common
® Development ® Design © Discovery
1h 3d 7w
Sample Project Design Sample Project Wireframes Sample Project Explorations
Create Section
Invite...
Individua  Copy project web link
Individual proj action.
Copy project app URI
9:27 il T -
Make a copy...
N
. Transfer ownership... Ranictar

WEB NEB 36m
Copy of M Create a new section VIVP

Archive project
L} prol ® 9

Leave project

-
Delet: ject...
elete projec ...
|Leave “Copy of MVP"?
CANCEL
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
-
Sections v All v Q Filter by name Create Project | v
v e gereygrtan s ey AL AR Pasaree vuas R e L
These are all the projects related to one product, the same product feature, or something in common
® Development ® Design © Discovery
1h 3d 7w
Sample Project Design Sample Project Wireframes Sample Project Explorations
Create Section
Individual Projects
Individual projects that are not assigned to a section.
9:27 il T - 9:27 il T -
« «
Ranictar Ranictar
WEB now WEB 36m
Copy of MVP MVP
L] ® 9
-
On(]
|* ° Mobbin Home's Workspace v Q, Search workspace Q !
You've left this project
Sections v All v Q Filter by name Create Project | v
gy Tl s sy NP Uy A S
These are all the projects related to one product, the same product feature, or something in common.
® Development ©® Design © Discovery
1h 3d 7w
Sample Project Design Sample Project Wireframes Sample Project Explorations
Create Section
Individual Projects
Individual projects that are not assigned to a section.
9:27 il F . 9:27 il F .
« «
Raonictar Raonictar
WEB 36m WEB now
MVP Copy of MVP
® 9
-
Ox(]


Connecting to Figma

pageType: Application Application

screenKeywords:
When you connect your account jsmithmobbin2 (jsmith.mobbin2@gmail.com) to Figma,
you'll be able to:
« Export and sync Zeplin resources
- Update commit message
|Connected to Figma
PR
You can now close this tab and head back to Figma.


DesignOps

pagePatterns:
Solutions & Use Cases Page
Hero Section

pagePatterns:
Solutions & Use Cases Page
Blog Section

pagePatterns:
Solutions & Use Cases Page
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Hero Section
Solutions & Use Cases Page
Blog Section

screenKeywords:
© omlet Explore our new product Omlet — component analytics for developers
* Principles Solutions ~ Pricing Resources v Login Sign up for free
Enterprise ¢
‘@
Designers
o
Bring h == ny to
. DesignOps
d < ?S I g I Product Teams \/< ! ry
The trusted platform for unifying product development teams.
Communicate in context. Align teams. Build faster.
Get started Request a Demo -
®®@® < Back Flows Styleguide Q Search workspace Q Q
4= Ssections v Jiraissue v Q Filter by name i0sS
"‘3 — = —-; ® Fetato ehip " @ Snack Overflow App v
. “. u‘v ® wilkiel ‘ i0S, 1x
Japanese s.. Simitlovers  Fruit jelly Klely
Suggested
Top 4 popular bundles B
@ Fruit jelly $12.99 - Description
® it over of i pisry, l/ed Wi chopped puts, ahe
Turkish tea time bundie sweeteried with syrup oF heney. It was Got any notes?
@ Japaness strest foad e of the mest popul sweel poslles of
W urkish tea time bundie
Find it in a bundle
Dellelelis Samesa bundl @ Delileus samesd Bundie Integrations ®
_ Attach an issue
a v » . 2 M save to wishlist © SOF-39 IN PROGRESS
Talyaki levers bufidle f 8 Connested to Storybook
Market - Home ih Market - Beareh h Beareh Result ih
|. ® . : )
* Principles Solutions v Pricing Resources v Login Sign up for free
[ NN J
o 37 autosave fid . .
P The right designs for the
oda \
4:20 PM joeky ' Wh0|e team
g Salih (] o Bran 4:20 PM g
Pelin
@ Bran T It's hard to move fast if your team can't find what they
© Jen Gy need. Zeplin gives clarity on what to build — down to
[ i i
: 0 Qe e precise screen versions.
MG Update padding between cards
80% of designers say that developers miss changes to
° O« o designs because of poor version management.
Change card styling
UX Tools
o Qs i Design Delivery Survey
Fix the button’s left padding
Zeplin fits very specific needs that this team has. They love Zeplin because they can be sure this is where
they put designs that are ready, and they can annotate and document everything in one place. And then for
the rest of the team, it's like ‘this is yours now, go forward with it’.
Mark Figueiredo
Sr. Manager, Design Operations @T. Rowe Price
|* Principles Solut:ns o Pricing Resources v Login Sign up for free
Build your
2\, In Copy Review @ Deployed to Staging Alerts E Blockers Toasts Untagged
toolstack — |-
| e S lelelctc]
Zeplin’s shared workspace is made for
DesignOps. Scale design collaboration and g S
organization in ways that aren’'t possible Local Styquice s o=
in your design tool. - B B 1
B B P
Get in touch Get started > _
[ N N J
S - The right designs for the
e P PR I S
|* Principles Solutgns o Pricing Resources v Login Sign up for free
Improve design delivery and DesignOps efficiency
Get in touch
* Canva x £2
A Googler's Perspective ] : ‘:&: -_-}:
on Building DesignOps = . How F:anvas D‘e15|gnOps Leader |
Drives E//W at Scale Py DESIGN o e
May 18, 2023 @ 10:00am PT T i oPS o NV
. Hugo Welke, Canva h : o000 -
Adam Fry-Pierce, < Y rmmre— DS oos taad 0 | OUew \ . F
: @ « & DR
A Googler's Perspective on How Canva's DesignOps When's the Right Time for
Building DesignOps Leader Drives Efficiency at  DesighOps
At the scale of a company like Scale DesignsOps, or design operations, is
Google, the need for DesignOps goes Scaling operations for 100+ all about amplifying design's value
without saying... designers is a next level challenge and impact in your organization...
Hugo Welke, DesignOps Lead at...
Watch now - Read more >
Watch now -


Followers and following

screenElements:
Bottom Sheet
Button
Tab

screenElements:
Stacked List
Tab

screenElements:
Tab Bar
Top Navigation Bar
Button
Avatar
Tab
Bottom Sheet
Button
Tab
Stacked List
Tab

screenPatterns:
My Account & Profile
Followers & Following
Followers & Following

screenKeywords:
9:41 all T @
Jane 72
jane_mobbin .

Plant enthusiast!
Edit profile Share profile
Threads
¥ jane_mobbin
Give @john_mobbin a follow if you want to
see more travel content!
OQoev
¥ jane_mobbin
Tea. Spillage.
& iwetmyyplants &
I'm just going to say what we are all
thinking and knowing is about to go
downity down: There is about to be
some piping hot tea spillage on here
daily that people will be
[ 4
a
|Followers
/%% the.plantdads
% ) Remove
N—r/
. ]
|Following
See all
~~  mariahgrows
* 9 @ Unfollow
invaluable_greenery
Unfollow
john_mobbin
%’2 John_ Unfollow
2
7 ashtonofplants
P Unfollow
iwetm lants
@ yyp @ Unfollow
’.i”l,»
9%\ the.plantdads
6 % H P Unfollow
N/
jungle_dudes
% Jungle_ - Unfollow
: ¥id=
.
4 leafy.lane
@ y Unfollow
. ]
|Pending
How it works

& woodlandtrust
WO%BSI;AND

=9 botanygeek &

"gét‘: emma_crawforth

o

. botany_facts

w e e
’ taxonomytactics

i the_plant_science

@”g —plant_

4 o) brookfield_garden
@ @
;ﬁﬁ\ plantedinasmalltown

Cancel all
. ]


Reporting a problem

screenElements:
Illustration
Bottom Sheet
Button
Switch

screenElements:
Text Field
Button

screenElements:
Illustration
Bottom Sheet
Button
Switch
Text Field
Button
Full-Screen Overlay
Text Field

screenPatterns:
Help & Support
Acknowledgement & Success
Settings & Preferences
Flag & Report
Flag & Report
Help & Support

screenKeywords:
Go back to where you saw the problem
and shake your phone
Did you encounter a problem? Please shake your
phone where you see it to help us find and fix the
issue faster.
Go back and shake phone
@ Learn how to report abuse or spam >
@ Report problem without shaking >
Shake phone to report a problem ()
Toggle off to disable
. ]
|9:41 all F @)
< Back Help
Report a problem
Help Center
Privacy and security help
Support requests
@ Thank you
Your feedback helps make Threads better for
everyone.
[ 4
a
|9:41 all ¥ @
< Back Settings
+2 Follow and invite friends
Q Notifications
e] Privacy
@ Account
@ Help
@ About
Log out

a
|9:41 all T @)

< Back Report a problem
(©) Screenshot &4 Upload

QWEIRTYUI OFP

A°S D F G H J K L
4 Z X CV BNM &

123 space return

9
|9:41 all F )

X Report a problem
Would you like to include
complete logs and
diagnostics?
Information about your device, account and this app
related to the issue that you are reporting will be
automatically included in this report in order to help
us understand and resolve the issue.
You can further help us fix this problem by sending
complete logs and diagnostics. This includes
information such as user activity logs, network logs,
crash logs and memory dumps associated with the
Instagram app. We will not use the information
contained in this report for other purposes. Learn
more.
On the next screen, you will be prompted to describe
the issue and you may also choose to attach
additional screenshots.

Include and continue

Don't include and continue
. ]
|9:41 ull ¥ @m
< Back Help
Report a problem
Help Center
Privacy and security help
Support requests
-
|9:41 all ¥ @)
< Back Report a problem Send
Uploading images caused app to crash

(©) Screenshot &4 Upload
qwe r t vy ui op

a s d f g h j k |

& z X c Vb nm &

123 Space return

¢


Editing assets settings

screenElements:
Stacked List
Badge

hotspotType: Hover

screenKeywords:
* < Dashboard Profile > Q Search workspace " @
< Back
9:27 il S - Assets Bitmap Scales > ==
Download all ass¢ Naming (Default) >
W o Optimize Assets >
X - 12 bitmag ..cegee
e 1x, 2x, 3x 2
- 4 optimized vector images
o SG ~34% smaller 2
J O n e e Download individual assets
SAN FRANCISCO, CA o Home
40px x 40px
{f Search
40px x 40px
‘ R
MESSAGE @ cqurement 0 Chat
40px x 40px
Profile
- 8 40px x 40px
e
4 r,:"“ {E - s %4;.;}3- _“:V’J‘J?\ =
= TR
o o @Eoreos
On(
jsmith.mob... , 1 version now - 89% + g9 No components yet v Ef Add comment m Show All v f=
|* < Dashboard Profile > Q Search workspace " @
< Back
9:27 all T - Assets =
Download all assets
% - 12 bitmap images
e 1x, 2%, 3x b
- 4 optimized vector images
o SG ~34% smaller 2
J O n e e Download individual assets
SAN FRANCISCO, CA o Home
40px x 40px
{f Search
40px x 40px
‘ R t :
MESSAGE @ Sduiremen 0 Chat
40px x 40px
o} Profile
- 40px x 40px
e
v r,:"“ | Lo o %4;.;}3- .A&:,:‘.‘.f\, b )
T RD (e
o Q G.Animation 8
On(
jsmith.mob... , 1 version now - 89% + g9 No components yet v EF Add comment m Show All v f=
|* < Dashboard Profile > Q Search workspace " @
< Back
9:27 il S - Assets Bitmap Scales > ==
Download all ass¢ Naming (Default) >
W PNG v Optimize Assets >
JPG R o
SVG v/ d vector images ¢
o ller =
About Optimized Assets
J O n e e Download individual assets
SAN FRANCISCO, CA o Home
40px x 40px
{f Search
40px x 40px
‘ R
MESSAGE @ cqurement 0 Chat
40px x 40px
Profile
- 8 40px x 40px
e
4 r,:"“ {E - s %4;.;}3- _“:V’J‘J?\ =
= TR
o o @Eoreos
On(
jsmith.mob... , 1 version now - 89% + g9 No components yet v Ef Add comment m Show All v f=
|* < Dashboard Profile > Q Search workspace " @
< Back
9:27 il S - Assets Bitmap Scales > ==
Download all ass¢ Naming (Default) >
W PNG v Optimize Assets >
JPG v [T o
SVG v/ d vector images ¢
ller =
o About Optimized Assets
J O n e e Download individual assets
SAN FRANCISCO, CA o Home
40px x 40px
{f Search
40px x 40px
‘ R t
MESSAGE @ Sduiremen 0 Chat
40px x 40px
Profile
- 8 40px x 40px
e
4 r,:"“ {E - s %4;.;}3- _“:V’J‘J?\ =
)} & ¢ T gy e ]
4 TPy b=t
o o @Eoreos
On(
jsmith.mob... , 1 version now - 89% + g9 No components yet v Ef Add comment m Show All v f=


Flows

screenPatterns:
Empty State
Internal Tool

screenPatterns:
Internal Tool
Empty State
Internal Tool

pageType: Application Application Application

screenKeywords:
* < Dashboard Dashboard Styleguide Q  Search workspace Q !
MvP [New ---|
s> zpl.io/YYQDxYJ

Lo.. Di...
Re.. \ 3 R =
Di... Se.. N E
E=— In... e - e “*A';‘\'f,\\ ke
PRV [ e B
ch.. ch.. - ok [nm - -
R ' ity
= e A Y|
@) | RS
[ == 5 e e
o=~ =
Pr..
®
e
j——
e |
On(]
- 12% + 4, Ffmee & E & NoOpenComments v -
(G
|* < Workspace Dashboard Flows Styleguide Q Search workspace " @
Sections v Q Filter by name Untitled
Web, 1x
- :
You can now group and reorder tags, assign screens to team members, and track status changes.
1. Tag groups: Sort your tag collections by type to make them easier to filter and navigate. L
2. Assignees & Status: Bulk-assign screens to teammates and update statuses as work progress. Description
Share feedback Q Gotit! Got any notes?
Untagged
+ Add tag group Integrations ®
9:27 wll T - 9:27 wll T - 9:27 wll T - 9:27 wll T - E .. &
-
b Chats Chats
¥ H N James
] Re9|ster '.‘ Thank you! That was very helpfull What's in design = in code
Sync your reusable components
ﬂ Will Kenny with your Storybook instances.
I know... 'm trying to get the funds.
SAN FRANCISCO, CA Beth Williams .
‘ Learn more o Gotit
_ milky way. | have a 6D with a 24-100mm...
FOLLOW JANE
I You can also connect to tools you
' Wanted to ask if you're available for a portrait use everyday; like Jira, Slack,
shoot next week. Microsoft Teams, Trello and
Storybook.
[ SR .
e 2 o+ wmH
- ! «"1
A% Extensions =
‘.‘i -
A CSS and HTML ‘e
¥ i L)
|* < Dashboard Dashboard Styleguide Q  Search workspace Q !
Document user journeys Al
Flows in Zeplin provide a bird's eye view of your project, enabling designers and product
managers to map and document all possible paths and behaviors.
! — —a :
To get started, add screens to the flow from the Dashboard:
« To add a section of screens, use the flow button on the section header
N\ s
g
)
» To add screens individually, use the right-click menu
Add to flow
» To add shapes, use the buttons below
~ ),
- . -
-~
-
— 50% + FTEBee 0


Moving a project (drag)

screenKeywords:
* ° Mobbin Home's Workspace v Q, Search workspace ‘ !
-
Sections v All v Q Filter by name Create Project | v
11119 19 JUUI WUIROPEUE WITSIS yUU LaIT GUUESS LIS 1SAHTS PIUJSULS QU SLY ISYUIUSS. 1UU vart SIuist Juint uic
projects below or create a new project.
Q Gotit!
= Web v e
<& Resources - <& References - Add link
All web app related material
Show more
® No projects yet. Move projects to this section by dragging and dropping.
Individual Projects
Individual projects that are not assigned to a section.
9:27 il T -

«

Ranictar

WEB 44m

MVP

® 9

-
On(]
|Cancel 1 project selected Change status to...
Projects  Styleguides
Sections v All v Q Filter by name Create Project | v
Welcome to your team's workspace! #
This is your workspace where you can access the team's projects and styleguides. You can either join the
projects below or create a new project.
€ Gotit!
Web v e
1 project - No linked styleguides - <5 Resources - <& References - Add link
All web app related material
Show more
g
«
Ranictar
WEB 47m
MVP
® 9
-
Ox(]
|* ° Mobbin Home's Workspace v Q, Search workspace ’ !
Sections v All v Q Filter by name
€ Gotit!
= V\/eb v e
& Resources - <& References - Add link
an ' [ ' . s y
9:27 il = -
¥
Ronictar section by dragging and dropping.
WEB
MVP
® 9
Individual projects that are not assigned to a section.
-
Ox(]


Adding a description

screenKeywords:
* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
Aa Text style catalog
No description yet. .2 i
- Spacing and layout P y 7 Parent Styleguide
You can enter Zeplin flavored markdoer description and tell the story of the No parent styleguides.
82 Components styleguide.
Add description Integrations @
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Extensions =
Linked projects 55 and HTML
Members =
Invite
No linked projects yet. & .
You can link this styleguide to multiple projects to reference the same colors, text
styles, and components.
Link to projects
On(
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Web, 1x
(5 Color palette Style guide for web projects
Aa Text style catalog
- Spacing and layout Parent Styleguide
o No parent styleguides.
85 Components # Header **bold** _jtalics_ "code’ >quote Cancel
Learnmore Integrations ®
Linked prOjeCtS Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
. . Extensions =
No linked projects yet. &
CSS and HTML
You can link this styleguide to multiple projects to reference the same colors, text
styles, and components.
Members =
Link to projects i
Invite
-
. 0
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
s
Aa Text style catalog Description
I Spacing and layout Style guide for web projects Parent Styleguide
No parent styleguides.
F2 Components
Integrations ®
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Linked projects
Extensions =
CSS and HTML
. . Members =
No linked projects yet. &
Invite
You can link this styleguide to multiple projects to reference the same colors, text
styles, and components.
Link to projects
On(
Export Design Tokens -
|* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Web, 1x
) Color palette Description
Aa Text style catalog
i Spacing and layout Parent Styleguide
o No parent styleguides.
85 Components # Header **bold** _jtalics_ "code’ >quote Cancel
Learnmore Integrations ®
Linked projects Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
. . Extensions =
No linked projects yet. &
CSS and HTML
You can link this styleguide to multiple projects to reference the same colors, text
styles, and components.
Members =
Link to projects i
Invite
-
. 0
Export Design Tokens -


Extensions

screenElements:
Card
Grid List

pagePatterns:
Landing Page
Footer Section
Content Section

pageType: Marketing Marketing Marketing Marketing Marketing

screenKeywords:
* Why Zeplin? Figma Plugin Pricing Enterprise Go to Projects
o victormagalhaes / Shimmeraiser- e viktorhuang/Z2C e« dolfik1 / FSharp Fabulous
Zeplin - Codes in QM(TME) style. -
Zeplin extension that generates
Shimmaraiser path builder block.
¥ 15 Add to Zeplin ¥ 14 Add to Zeplin
¥ 59 Add to Zeplin
9 haikyuu / Imba
Imba zeplin plugin
¥ 12 Add to Zeplin
Zeplin Design apps Learn
* About Sketch integration Support articles
Agency membership Adobe XD CC integration Blog
Careers Figma Integration Facebook community
Terms Photoshop Integration Twitter
Privacy
Collaboration apps Handy links
Slack integration Download the Mac app
Trello integration Download the Windows app
Jira integration Go to the web app
|© omlet Explore our new product Omlet — component analytics for developers
* Principles Solutions v Pricing Resources v Login Sign up for free
Publish >
tx)x < Superformula. m HSBC .
CLOUD=RA (@ arcToucH
Zeplin Features Design apps Learn
* About us User flows Sketch integration Support articles
Agency membership  Design version control Figma integration Design Delivery
Careers Design ops Adobe XD integration Product Development Glossary
Voyagers Zeplin for Jira Photoshop integration ~ Blog
Terms Global Styleguides Events
Partners Manage design variants Discord
Privacy Connected components Twitter
Open platform
Design tokens Collaboration apps Handy links
Extensions Slack integration Download the Mac app
Zeplin API Trello integration Download the Windows app
Jira integration Go to the web app
MS Teams integration
|* Why Zeplin? Figma Plugin Pricing Enterprise Go to Projects
o 3 o
Build your own extension
Build your own Zeplin extensions that generate code snippets and share them
with hundreds of thousands of developers using Zeplin every day.
\/’ Explore documentation
All Extensions
4p zeplin/HTML Ap zeplin/CSS 4p zeplin/ Attributed Strings
Generates HTML image elements from Generates CSS snippets from colors, text Attributed Strings extension for Zeplin
layers with assets. styles and layers.
¥ 1.6M Add to Zeplin ¥ 1.6M Add to Zeplin ¥ 474.8K Add to Zeplin
Ap zeplin/ Swift Ap zeplin/ SCSS 4p zeplin / XML
Generates Swift color and font extensions. Generates SCSS snippets from colors, text Generates Android XML resources from
styles and layers. colors, text styles and text layers.
¥ 474.7K Add to Zeplin ¥ 344.6K Add to Zeplin ¥ 342.9K Add to Zeplin
|Q Why Zeplin? Figma Plugin Pricing Enterprise Go to Projects
Get more out of Zeplin, together.
Extensions are built by the community to generate code snippets from designs.
Pick the ones that fit your workflow, or create your own and contribute.
— .
O—
o
|* Why Zeplin? Figma Plugin Pricing Enterprise Go to Projects
é roberto_juarez / Flutter Extended . merih / SVG Content ' berk / JSON Design Tokens
Flutter Extended version extension to Displays the content of layers with SVG Generates design tokens in JSON, for
generate smart code snippets like Contain... assets. colors and text styles.
¥ 8K Add to Zeplin ¥ 5.2K Add to Zeplin ¥ 4.6K Add to Zeplin
. tikhon_belousko / styled-components 6 morrislaptop / Tailwind CSS . johankasperi / React Native Styled
Generates styled-components snippets Utilities to generate Tailwind Config and Components
from colors, text styles and layers. classes for your components. Zeplin extension that generates glamorous
type styled components for React Native.
¥ 4.1K Add to Zeplin ¥ 4.1K Add to Zeplin
& 3.6K Add to Zeplin
1 goldnarms / Xamarin.Forms ‘ yutae / Flutter Gen a gokay / Color Name Guru
Generates XAML for Xamarin.Forms. The Flutter dart code generator from zeplin. Color Name Guru gives color name
ex) Container, Text, Color, TextStyle, ... - Sa... suggestions for your i0OS, 0SX, Web and A...
¥ 3.4K Add to Zeplin ¥ 3K Add to Zeplin ¥ 2.7K Add to Zeplin
nv nventive / XAML ’ nick_verstocken / Styled Components « amaurydavid / SwiftForAll
-«
Generates XAML (Universal Windows A Zeplin extension that generates Styled Generates Swift styleguide on all project
Platform) snippets and resources from co... Component snippets from colors, text styl... types.
¥ 2.4K Add to Zeplin ¥ 2.2K Add to Zeplin ¥ 2K Add to Zeplin
« Kkubiag novak / Text Extractor &a,  zorenson / Character Count « |avinor / Master Symbol Name


Reposting a thread

screenElements:
Bottom Sheet
Icon
Button

screenElements:
Bottom Sheet
Icon
Button
Toast

screenPatterns:
Action Option
Home
Social Feed
Acknowledgement & Success

screenKeywords:
Repost r;_’,
Quote @
|9:41 all T @)
@ iwetmyyplants &
“2® I'mjust going to say what we are all thinking

and knowing is about to go downity down:
There is about to be some piping hot tea
spillage on here daily that people will be
posting and we are all going to be sitting
back like:
OQov
4y
ﬂ ashtonofplants
oh my god rachel, thank goodness, you're
here
OQov
jungle_dudes
'm ™I . AN B . I P . [ -1
|9:41 all T ==
iwetmyyplants &
¥ I'm just going to say what we are all thinking

and knowing is about to go downity down:
There is about to be some piping hot tea
spillage on here daily that people will be
posting and we are all going to be sitting
back like:
£
OQw v
4
@ ashtonofplants
’ oh my god rachel, thank goodness, you're
here
OQoev
jungle_dudes
-m ™I _ . N I )


Changing status tag color

screenKeywords:
Cancel 1 project selected Move to section... Change status to...
® Discovery [x)
#= Sections v All v Q Filter by name ® Design o
wen 1 ® Development ]
5 projects - No linked styleguides - < Resources - < References - Add link ® Testing o
All web app related material Add Done
Show more
g
“
Ranictar
WEB 53m WEB 3m WEB 2m WEB 2m
MVP Onboarding Flow Sign up Setting up device
® 9 L] L] L]
WEB m
Dashboard filters
Mobile v e
-
Add link U
All mnhila ralated matarial
|Cancel 1 project selected Move to section... Change status to...
® Discovery ]
#= Sections v All v Q Filter by name ® Design o
wen 1 @ Development [x]
5projects - No linked styleguides - <5 Resources - <5 References - Add link . OL X XXX . o
All web app related material Add Done
Show more
g )
«
Ranictar
WEB 52m WEB 2m WEB m WEB m
MVP Onboarding Flow Sign up Setting up device
89 L] L] L]
WEB now
Dashboard filters
Mobile v o e
-
Add link U
All mahila ralated matarial
|Cancel 1 project selected Move to section... Change status to...
® Discovery (]
#= Sections v All v Q Filter by name @ Design o
vwebn 1 @ Development [x]
5 projects - No linked styleguides - < Resources - < References - Add link ® Testing o
All web app related material Add Done
Show more
g )
«
Ranictar
WEB 52m WEB 2m WEB m WEB m
MVP Onboarding Flow Sign up Setting up device
® 9 L] L] L]
WEB now
Dashboard filters
Mobile v o e
-
Add link U
All mahila ralated matarial
|Cancel 1 project selected Move to section... Change status to...
© Discovery
#= Sections v All v Q Filter by name ® Design
vvep « ® Development
5 projects - No linked styleguides - < Resources - < References - Add link ©® Testing
All web app related material No Status 5
Show more Customize
g
a
Ranictar
WEB 53m WEB 3m WEB 2m WEB 2m
MVP Onboarding Flow Sign up Setting up device
® 9 L] L] L]
WEB m
Dashboard filters
Mobile v e
-
Add link L)
All mnhila ralated matarial


Changing comment color

screenKeywords:
Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e' :A-j :‘ J
Nl 2t
i vl Comment v @ee00000
i o No annotations yet
Is this too much white space? | know we want it _
clean but is this _too_ cIean| Add ﬁhe first annotation by Command +
Click-ing on the design. Learn more about
J O ne annotations.
947
SAN FRANCISCO, CA Ef o #K
e T, ]
/ \ |
ey
’ sl e
| A b ‘: | 4
> 1 'I
AT -~
el Cld
- o 4
3 %
- _
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mob..., 1 version 24m ~ — 100% + &8 Nocomponents yet v I®) & Ef Add comment @ ShowAll v No assets yet ..‘
|Q < Dashboard Profile > Q Search workspace " @
Share: zpl.io/Am8PpX6 ™
View in Stage Mode )
9:27 all ¥ @)
File: Figma basics 8
S Annotations
e' :A-j :‘ J
Nl 2t
i vl Comment v c@eoco000
i c No annotations yet
Is this too much white space? | know we want it _
clean but is this _too_ clean Add Ihe first annotation by Command +
Click-ing on the design. Learn more about
J O ne annotations.
947
SAN FRANCISCO, CA Ef o #K
e T, ]
/ \ |
ey
| } . Y B .
. 1 ¢ .| ‘
AT -~
el Cld
- o 4
3 %
- _
‘ Reusable components N
) No reusable components yet
[} SessmsmEE .
-
Assets
jsmith.mob..., 1 version 24m ~ — 100% + &8 Nocomponents yet v I®) & Ef Add comment @ ShowAll v No assets yet ..‘


Changing password

pageType: Application Application Application Application Application

screenKeywords:
* < Projects )
Hi! Hope you're great today :)
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Current password
New password
Update Now
|* < Projects .
Hi! Hope you're great today :)
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER

Current password

O show

New password

password W show

Update Now
|* < Projects .
Hil Hothoday )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Current password
New password
Update Now
|* < Projects .
Hi! Hope you're great today :)
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER

Current password

[T TTTTTTTTTTTTPP (] show

New password

[T TTTTTTTTTTTTPP (] show

Update Now

-
On(]
|* < Projects .
Hi! Hope you're great today :)
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER

Current password

O show

New password

O show

Update Now


Logging in

screenKeywords:
9:41 all ¥ @m)
@ thearchbishopofbanterbury 8m e
© Elon Musk seeing the top trending on
Twitter rn...
Foryou Trending News Sports Entertainn
p Fa
— #
Tennis - LIVE
Wimbledon 2023 §
Trending in United Kingdom
Threads
2.39M Tweets
Trending in United Kingdom
Goodbye Twitter
Qv
2 ] ® 7 replies - 133 likes
L
@\ slimjim & Gh e
© im following people ALL night who needs a
meat stick follow?
must be following slim jim <»
Qv
Qiﬁ 1,607 replies - 2,386 likes
. ]
|9:41 all T @
|o
o,
*"RE Sy ;
ORE"
\ Ay X
KL Z 5«\
A M‘%E’ 3
QLTS


Connect to app

screenPatterns:
Other Action
Acknowledgement & Success

screenKeywords:
* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Official Apps
Official apps created by Zeplin
CLI
i . . . . Connect
Connect components in Zeplin to components in code using
Zeplin CLI.
—~ zem
"q . . . . . Connect
Create, test and publish Zeplin extensions with no build
configuration.
Zeplin Apps
No Zeplin apps yet. All the connected Zeplin applications will be listed here.
Learn more
-
On(]
|* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Official Apps
Official apps created by Zeplin
CLI
# i i i , Revoke
Connect components in Zeplin to components in code using
Zeplin CLI.
i’ Click to copy the token now, you won't be able to see it again.
i eyJhbGci0iJIUZITNiIsInR5cCI6IkpXVCJ9.eyJzY29wZSI6InJ1YWQIM
i jB3cm10ZSUyMGR1bGVOZSIsImlhdCI6MTY40Dk3MzczOCWiYXVKIjoidXN
i 1cjo2NGE30WRmMOTh1ZjQz0ODBmMGMzNWZ1Y2Uil CJpc3Mi0iI1ZGQyN2FmM
{ 2c2ZjhiZjUwOTRmMNmViZTYilLCJzdWIi0iI2NGE30WRmOTh1ZjQzODBmMGM
zNWZ1Y2UifQ.BaSjiu1ZqJNFrVIvoYtJLXjxI6n4CXOEUv_k_neU45Y
~ zem c -
onnec
=] Create, test and publish Zeplin extensions with no build
configuration.
Zeplin Apps
No Zeplin apps yet. All the connected Zeplin applications will be listed here.
Learn more
-
On(]
|* < Projects
Hi! Hope you're great today )
ACCOUNT PASSWORD BILLING CONNECTED APPS DEVELOPER
Official Apps
Official apps created by Zeplin
CLI
# . . . . Revoke
Connect components in Zeplin to components in code using
Zeplin CLI.
Token copied to clipboard.
eyJhbGci0iJIUzITNiIsINR5cCI6IkpXVCJ9.eyJzY29wZSI6InJ1YWQIM
jB3cm10ZSUyMGR1bGVOZSIsImlhdCI6MTY40Dk3MzczOCwiYXVKIjoidXN
1cjo2NGE30WRmMOTh1Z jQzODBmMGMzNWZ1Y2UilLCJpc3Mi0iI1ZGQyN2FmM
zc2ZjhiZjUwOTRmMNmViZTYiLCJzdWIi0iI2NGE30OWRmMOTh1Z jQzODBmMGM
zNWZ1Y2UifQ.BaSjiu1ZqJNFrVIvoYtJLXjxI6n4CXOEUv_k_neU45Y
~ zem c -
onnec
=] Create, test and publish Zeplin extensions with no build
configuration.
Zeplin Apps
No Zeplin apps yet. All the connected Zeplin applications will be listed here.
Learn more
-
Dn(]


Figma integration

screenElements:
Animation & Video
Button

pagePatterns:
Integrations Page
Landing Page
Footer Section
Integrations Page
Integrations Page
Social Proof (Testimonial) Section
Integrations Page

screenKeywords:
* Principles Solutions v Pricing Resources v Login Sign up for free
A The user journey, effortlessly
° connected
We know that you can build anything in Figma. But
o adding hundreds of layers to Figma files isn't always
practical. Zeplin gives native connectors, labels, and
] P arrows — and of course, everything stays connected
I — even when screens are moved.
o —
Figma
—_— -
T v
One organized workspace ~ ®
No more additional meetings with the team to explain .
design layout. Zeplin provides a simple workspace for O
anyone to access exactly what they need, from . C____ O D
developers to PMs. . .
|© omlet Explore our new product Omlet — component analytics for developers
* Principles Solutions v Pricing Resources v Login Sign up for free
Publish >
tx)x < Superformula. m HSBC .
CLOUD=RA (@ arcToucH
Zeplin Features Design apps Learn
* About us User flows Sketch integration Support articles
Agency membership  Design version control Figma integration Design Delivery
Careers Design ops Adobe XD integration Product Development Glossary
Voyagers Zeplin for Jira Photoshop integration ~ Blog
Terms Global Styleguides Events
Partners Manage design variants Discord
Privacy Connected components Twitter
Open platform
Design tokens Collaboration apps Handy links
Extensions Slack integration Download the Mac app
Zeplin API Trello integration Download the Windows app
Jira integration Go to the web app
MS Teams integration
|* Sign up for free
@:Q:Q:@ * Flgma faSter *
* Get started for free ““.“
—— _ = .
Zeplin saved a month off of each project, _havt:
eliminating unnecessary back & forth exchanges 4
s
and change requests, it just happened
overnight. gl ., & 5]
g e
| ~ o Al P ay
Lanna Solci 4 f’s 5 .v
Senior UX Designer @Electrolux 3 -
. \ ' /
:'.i-—,. ‘\ y 4 { “
» 've} / (
Read our case study — 4 P
&
Y
" TN 2 P’ ” (,’ .
== - .Y
=2
' < >,
- ~ ~ N 8. . -
|Q Sign up for free
If Figma is our ‘playground’ where we can run Translating the wall of screens in Figma to an
around and make as much of a mess as we need organized hierarchy in Zeplin connects the
to, then Zeplin is the ‘shelf’ where we can place designers’ creative work to the developers’
finalized designs. production work, it's a critical step in our
workflow.

Caroline Maxwell Barbara Fontenelle

Principal Designer @Superformula Product Designer @ArcTouch
Read our case study — Read our case study —

Get started for free @@@
|Q Sign up for free
s
let’s FIGMA n
=-= jaster *
So Figma is pretty powerful for designers. But Figma + Zeplin?
Now we're talking superpowers for the whole team.

Get started for free » Why Figma + Zeplin
#- "::‘ &E‘T‘b‘j‘ut E; & D DR ] RN B4 14\”
B rer SO L e
s > L : P L -
e % — E_ a1 FeT T
e s Market L o . . . — abn =3 - e = a

a " 'y * * > ¥ sectons Snack Overflow App
“":“ 'L' ‘- & G & 2 oo — Onboarding flow [ - _) . 5

R . ol


Removing color from text style

screenPatterns:
Multi-Column Layout
Delete

screenKeywords:
* < Mobbin Home’s Workspace Dashboard Flows Styleguide Q, Search workspace " ®
CSS =
¢ Color palette .
Local Styleguide Rl - cfont-face { Sy
Local Styleguide * : Comfortaa;
) * : (Comfortaa-
Untitled Regular),
O url(/path/to/Comfortaa-
Aa Text style catalog 1 I Comfortaa, Regular, 36px @ #black Regular.woff2)
Tlt e—3 6 pX Center, Letter spacing: -0.54px ( IE
i Spacing and layout . url(/path/to/Comfortaa-
Regular.woff)
Text Style Roboto, Black, 13px @ #black ( ),
g0 Components Center, Letter spacing: 0.52px o url(/path/to/Comfortaa-
Regular.ttf)
( ik
N
¢ @font-face {
U : Roboto;
O : (Roboto-Black),
O url(/path/to/Roboto-
Black.woff2)
( )5
O url(/path/to/Roboto-
Black.woff) ( ),
O url(/path/to/Roboto-
Black.ttf)
( ik
N
* {
O : Comfortaa;
Export Design Tokens . ; :
. H (--black);
Linked to Untitled = c J
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
¢ Color palette .
Local Styleguide Rl - cfont-face { Sy
Local Styleguide : : Comfortaa;
. H (Comfortaa-
Untitled Regular),
O url(/path/to/Comfortaa-
Aa Text style catalog H I Comfortaa, Regular, 36px Regular.woff2)
Tlt e—3 6 pX Center, Letter spacing: -0.54px ( IE
- Spacing and layout c url(/path/to/Comfortaa-
Regular.woff)
Text Style Roboto, Black, 13px @ #black ( )
B8 Components Center, Letter spacing: 0.52px o url(/path/to/Comfortaa-
Regular.ttf)
( ik
N
* @font-face {
U : Roboto;
O : (Roboto-Black),
O url(/path/to/Roboto-
Black.woff2)
( )5
O url(/path/to/Roboto-
Black.woff) ( ),
O url(/path/to/Roboto-
Black.ttf)
( ik
N
: {
O : Comfortaa;
Export Design Tokens . ; :
N
Linked to Untitled = . { @
|Delete color of "Title_36px"?
CANCEL
|* < Mobbin Home's Workspace Dashboard Flows Styleguide Q Search workspace " ®
CSS =
¢ Color palette .
Local Styleguide Rl - cfont-face { Sy
Local Styleguide : : Comfortaa;
. H (Comfortaa-
Untitled Regular),
O url(/path/to/Comfortaa-
Aa Text style catalog o Tltl e 3 6 pX Comfortaa, Regular, 36px @ #black © Regular.woff2)
—_— Center, Letter spacing: -0.54px ( ),
- Spacing and layout c url(/path/to/Comfortaa-
Regular.woff)
Text Style Roboto, Black, 13px @ #black ( )
g0 Components Center, Letter spacing: 0.52px o url(/path/to/Comfortaa-
Regular.ttf)
( ik
N
* @font-face {
U : Roboto;
O : (Roboto-Black),
O url(/path/to/Roboto-
Black.woff2)
( )5
O url(/path/to/Roboto-
Black.woff) ( ),
O url(/path/to/Roboto-
Black.ttf)
( ik
N
: {
O : Comfortaa;
Export Design Tokens c : .
O : (--black);
Linked to Untitled = o )


Creating a styleguide

screenPatterns:
Select
Add & Create

screenPatterns:
Select
Add & Create
Empty State
Empty State

screenKeywords:
* < Mobbin Home’s Workspace Untitled Q Search workspace Q !
Untitled
Web, 1x
(5 Color palette
Aa Text style catalog
No description yet. .2 i
- Spacing and layout P y 7 Parent Styleguide
You can enter Zeplin flavored markdoer description and tell the story of the No parent styleguides.
82 Components styleguide.
Add description Integrations @
Connect to tools you use everyday;
like Jira, Slack, Microsoft Teams,
Trello and Storybook.
o+ w@H
Extensions =
Linked projects 55 and HTML
Members =
Invite
No linked projects yet. & .
You can link this styleguide to multiple projects to reference the same colors, text
styles, and components.
Link to projects
On(
Export Design Tokens -
|Choose a type
Platform-free Platform-specific
Base Web i0S Android
For parent styleguides Dimensions in px/% CSS Dimensions in pt, Dimensions in dp/sp,
with resources shared and HTML export, PNG Objective-C/Swift export, XML export, PNG and
between platforms and SVG assets PNG and PDF assets SVG assets
macOS Dimensions in pt, Objctive-C/Swift export, PNG and PDF assets.
CANCEL CREATE
|obbin Home’s Workspace Untitle earch workspace
*(Mbb'H 's Worksp itled Q  Search worksp =
ou
Web, 1x Ve
- )
o eicome o e Styleguide
are
Aa Text style catalog Curate your styleguide by adding components, colors, text styles and spacing tokens.
All the projects linked to this styleguide will inherit these resources automatically.
i Spacing and layout Parent Styleguide
From the left panel: No parent styleguides.
F2 Components
@ About S?art py descril?ing the styleguide to your team. Integrations ©)
View linked projects, integrations and more.
Connect to tools you use everyday;
(9 Color palette like Jira, Slack, Microsoft Teams,
Export colors and text styles from design tools Trello and Storybook.
and access them here. e cpe
Aa Text style catalog ¢+w @A
" . Set up your spacing tokens here to view them Extensions =
i Spacing and layout } whilepinyspectz)ng degsigns. E
CSS and HTML
o Export components from design tools and
{u]
& Components } organize them here.
Members =
Invite
€ Gotit!
No description yet. .2
You can enter Zeplin flavored markdown description and tell the story of the
styleguide.
Add description
On(
Export Design Tokens -
|Choose a type
Platform-free Platform-specific
Base Web i0S Android
For parent styleguides Dimensions in px/% CSS Dimensions in pt, Dimensions in dp/sp,
with resources shared and HTML export, PNG Objective-C/Swift export, XML export, PNG and
between platforms and SVG assets PNG and PDF assets SVG assets
macOS Dimensions in pt, Objctive-C/Swift export, PNG and PDF assets.
CANCEL CREATE
|* Workspace Q Search workspace Q !
Projects  Styleguides
Curate your design system
Create styleguides to organize components, colors, text styles, and spacing tokens. Link one styleguide to
multiple projects to reference the same resources.
Let's start by creating your first styleguide:
Watch a quick video to learn more about styleguides.
op
@P\a UD){
Styleguides
-
Ox(]