Onboarding

actions:
Onboarding
Creating Account
Verifying

screenElements:
Logo
Animation & Video
Button

screenElements:
Text Field
Button

screenElements:
Button
Date Picker
Segmented Control

screenElements: Avatar Icon Button

screenElements:
Bottom Sheet
Button
Icon

screenElements: Icon Tile

screenElements: Icon Button Tile

screenElements: Icon Button

screenElements:
Dialog
Bottom Sheet
Button
Icon
Animation & Video
Button
Date Picker
Segmented Control
Logo
Loading Indicator
Text Field
Button
Button
Switch
Icon
Icon
Button
Tile
Segmented Control
Tile
Progress Indicator
Loading Indicator
Icon
Button
Icon
Tile
Coach Marks
Switch
Logo
Animation & Video
Button
Avatar
Icon
Button
Button

screenPatterns:
Account Setup
Loading
Account Setup
Launch Screen
Permission
Loading
Verification
Account Setup
Account Setup
Camera & Scanner
Account Setup
Permission
Account Setup
Account Setup
Account Setup
Loading
Loading
Acknowledgement & Success
Account Setup
Signup
Welcome & Get Started
Account Setup
Account Setup
Camera & Scanner

screenKeywords:
X s>
"Peanut” Would Like to
Access the Camera
To enable Video Chat and capture new
profile photos, we need access to your
camera.

Take your photo at arms length.
Make sure your whole face is visible.
|X
@ Trying to conceive @
O Mama-to-be )
Ca Mama @
@ Menopause @
None of the above >
|9:41 all & @@
QO s 00
NEARBY SEE WAVES
N oy} ()° L))
|9:41 all © @
< Date of birth
Date of birth Age
October 1 2003
November 2 2004
December 3 2005
|9:41 all ¥ @)
Allow “Peanut” to use
your location?
This will make it easier for you to find
women nearby.
- DRAGON GATE ?1:1
s ¥ Precise: On GUTTER ST >
S Z
< 3 [7))
5 posT ST i
TsT 7:” O Union Square
pPOS 2 . N
GEAR\( sT éQ
4 O‘FARRELL St vf?:j“
%Z N\
RELL sT -
2
us st 2 Powell St
Allow Once
Allow While Using App
Don't Allow
|copeanut
|o:41 EN-
We'll show you
other women
and groups
nearby.
To do this, we'll need to know where
el
|9:41 all T @m)
. ’-\.'
; @r)\ut é \
A safe space for women to
onnect, a tions
‘ d and fin
A .
& Sign in with Apple
ﬁ Login with Facebook
€/ Login with Google
B
” - »
y -~}
" .
y ‘ v
we 49 7
|9:41 all F @)
Verify your profile
Peanut is a community for women.
Take a selfie to verify your profile. Don't worry,
this photo won't appear on your profile.
A
o
“:!."
(! A} 8
LA | é
|9:41 -Ill ? @'
Upload your profile photo
Take a new photo or upload from your library to
set your profile photo.
|9:41 all F @)
Introduce yourself
Your first name will be visible but we'll hide
your age. Your age helps us introduce you to
women at a similar stage.
Judﬂ
qwe r t vy ui op
a s df gh j k |
&£ zZ X Cc Vb nm X
123 space next
d
|X SO
i
_.f{ N,
, " \ *Q\i
v ,“\' \\“Q‘l
' \
I i\\‘\.”}\'
“@ ju LVARIN )[R
i . ! [l
' |
. L A
:L e \
\ | m"‘ \
T i
Take your photo at arms length.
Make sure your whole face is visible.
. ]
|9:41 all ¥ @m)
What's your email?

We use your email to contact you about
account issues or changes to Peanut. We'll
never send you spam or share your email with
anyone else.

judy.mobbin@gmail.com
Yes! Keep me in the know about ()
Peanut news
|9414 il T (Em)
4 Age
Date of birth Age
Years 2
. ]
|9:41 il F (Em)
[
Never miss
[
a thing.
We'll also notify you about things like
new messages, likes and connections.
|9:41 all ¥ @
What's your thing?
Select packs below to include on your profile
that describe your interests and experience.?
DANCE
MACHINE
080
PET LOVER
ART
|9414 all ¥ @)
4 Age
Date of birth Age
Years
|9:41 all F @)
l °
What's your thing?
Select packs below to include on your profile
that describe your interests and experience.?
POWERED
BY CAFFEINE CHARITABLE
g
=
BEER BUDDY GEEK CHIC
|9:41 all F @)
Upload your profile photo
Uploading your photo...
. ;
v
|! . k. .'i\
‘\\‘,
\ "I‘H“,‘
_— .\
———
Verifying your selfie...
se
|9:41 all © @
You'rein.
Welcome to
Peanut.
|A safe space for women to
connect, ask'questions
and find support
"Peanut” Wants to Use
"google.com” to Sign In
This allows the app and website to
share information about you.
Cancel Continue
‘a ogin wi aceboo
G Login with Google
‘. Login with phone number
By signing up you agree to our Terms and
Conditions and Privacy Policy which also tells you
how we use your data. We never post to Facebook.
|9:41 il @
1 [
What's your thing?
Select packs below to include on your profile
that describe your interests and experience.?
e «
BOOKWORM FOOD CRAFTY
DANCE
MACHINE FASHION KILLA FITNESS FIEND
db 00, o]
(o)
o’ &
MUSIC IS
MEDICINE PET LOVER SCIENCE SAVVY
STRICTLY
ORGANIC WINE TIME ART
. ]
|9:41 -Ill ? (G
® O %00
-
NEARBY SEE WAVES
Send waves to help us understand your
preferences
Swipe up to wave
If you both wave, you'll be notified
that it's a match.
(o) o
O 28 (@)
|9:41 all F @)
What's your email?

We use your email to contact you about
account issues or changes to Peanut. We'll
never send you spam or share your email with
anyone else.

judy.mobbin@gmail.com
Yes! Keep me in the know about
Peanut news
|9:41 all © @)
. -
- B
g ' / ' .
peanut ;=
, A sa Y ?J :
CQC \
, .ﬁ'ﬁ ,,‘:— ‘
‘ '1 i
& Signin with Apple
- W T
n Login with Facebook
' e 'A
€/ Login with Google
“ i “
v our Terms and
, y which also tells you
er post to Facebook.
-
|9:41 all © @
< Date of birth
Date of birth Age
January 7/ 1994
February 8 1995
March 9 1996
|9:41 -Ill ? @'
Upload your profile photo
Lookin good!
|9:41 all ¥ @m)
Your life stage
Tell us about your lifestage so we can connect
you with women like you.
|Please ensure Peanut has
permission to access your camera
Take your photo at arms length.
Make sure your whole face is visible.
L . ] 0.0 )


Completing profile

actions:
Editing Profile
Setting Up

appName: Peanut

appCategory: Lifestyle

appTagline: Fertility pregnancy motherhood

companyHqRegion: Europe

companyStage: Early Stage

platform: ios

hotspotType: Tap

screenElements:
Full-Screen Overlay
Button

screenElements:
Bottom Sheet
Button
Divider

hotspotType: Keyboard Input

screenElements:
Bottom Sheet
Text Field

hotspotType: Scroll Vertically

screenElements: Card Button

screenElements:
Text Field
Bottom Sheet

screenElements: Chip Icon

screenElements: Button Tile

screenElements:
Text Field
Card
Button
Text Field
Text Field
Icon
Button
Tile
Bottom Sheet
Button
Divider
Bottom Sheet
Dropdown Menu
Bottom Sheet
Text Field
Chip
Icon
Text Field
Bottom Sheet
Text Field
Full-Screen Overlay
Button
Bottom Sheet
Card
Text Field
Carousel
Button
Chip
Text Field
Bottom Sheet
Text Field
Button
Tile
Text Field

screenPatterns:
Other Content
Edit
Other Content
Verification
Verification
Other Content
Edit
Other Content
Other Content
Other Content
Other Content
Edit
Location & Address
Other Content
Location & Address
Other Content
Edit
Other Content
Other Content
Other Content
Edit
Verification
Other Content
Edit
Edit

allAppCategories:
Social Networking
Lifestyle

screenKeywords:
X
Bio
Hey | am a mama of 2
Srfr  Nearly there @
[ oo ]
university people and
qwe r t vy ui op
a s d f g h j k |
& zZ X c Vb nm X
123 space
g
|oo
Judy X
About me
You're no blank bio, tell us more
about yourself.
Your Journey
Add a lifestage to connect you with other
women like you.
Prompts
Answer guestions to show off your
personality.
Packs ——
|< Your child Date of birth
Date of birth Age
August 8 2021
|< Your life stage Your child

Date of birth

Gender

QWEIRTY U I OFP
A S DF GH J K L

4 7 X CVBNM &
123 space
9
|< Verify your number
1 2 3
4 5 6
7 8 9
0] <X
|< Verify your number
7 4 0 9 8 |
1 2 3
4 5 6
7 8 9
0] X
|9:41 -Ill ? @'
X
I
What's your goal?
Meet new friends Ask questions and
N\
Meet ups Play dates
\\; ) @
Information Connecting with experts

£ aAla
|Judy X
First Name
Judy
Age (Only visible to you)
27
Neighbourhood
Add your neighbourhood so other women
know you live nearby.
ADD NEIGHBOURHOOD
Email (Only visible to you)
judy.mobbin@gmail.com
Phone Number (Only visible to you)
Add your phone number to find your friends
on Peanut.
|What's your number? X
To create a new account or sign back in, let us
know your mobile number.
=4+1v 6282679041
1 2 3
ABC DEF
4 5 6
GHI JKL MNO
7 8 9
PQRS TUV WXYZ
o) X
|Your life stage X
Tell us about your lifestage so we can connect
you with women like you.
|< Your life stage  Your child
Date of birth August 8, 2021
Gender Prefer not to say
Boy
Girl
Other
Prefer not to say
|< Your life stage  Your child
Date of birth August 8, 2021
Gender Prefer not to say
|X
Bio
|
Get started &

Smith Hi I
QWEIRTY U I OFP
A°S D F G H J K L
4 Z X CV B NM K
123 space
9
|Judy X
Prompts
I'm happiest when...

Packs

€ Wine time & Fashion killa

¢ Strictly organic @ Fitness fiend

& Food B Bookworm «{ Crafty

& Science savvy @ Music is medicine

&* Astrology QD Beauty & style

&y Gaming f& Photography

€ Sports fan &3 TV &Film f Yoga

2/ Hot mess .Z> Sleep deprived

. ]
|X

Neighbourhood

san francisco|

San Francisco, California, US

San Francisco, Departamento de San Justo...

San Francisco, Heredia, CR

San Francisco, Province of Nueva Ecija, PH

San Francisco, Province of Agusan del Suir,...

San Francisco, Morazan, SV

San Francisco, Province of Cebu, PH

San Francisco. Bohol. PH

qwe r t vy ui op
a s df g h j k |

& z X ¢ Vb nm &
123 space
Y
|P
Your life stage X
Tell us about your lifestage so we can connect
you with women like you.
X
|< Your life stage  Your child
Date of birth August 8, 2021
Gender Girl
|Your life stage X
Tell us about your lifestage so we can connect
you with women like you.
& Girl 14 months, 4 weeks old @
|X

Neighbourhood
Downtown, California, US
Financial District, California, US
South of Market, California, US
China Basin, California, US
South Beach, California, US
|® ®
Your profileis
°
a little bare
Complete your bio and your home location to tell
other women a bit more about yourself.
|o=
Judy X
About me
X
Prompts
Answer questions to show off your personality.
I'm happiest when... ' usi
aam
|Judy X
About me
Hey | am a mama of 2 and | recently
moved here from London. Currently
looking to find other moms in the
neighborhood. | have a love for travel,
music and good food!
Your Journey
(3 14 months, 4 weeks
Prompts
Answer questions to show off your
personality.
Packs
€ Wine time & Fashion killa
¢ Strictly organic @ Fitness fiend
& Food B Bookworm { Crafty
. ]
|o=
Judy X
About me
X
Prompts
Answer questions to show off your personality.
I'm happiest when... ' usi
aam
|X
I'm happiest when...
and to for
qwe r t vy ui op
a s df gh j k |
&£ zZ X Cc Vb nm X
123 space
9
|What's your number? X
To create a new account or sign back in, let us
know your mobile number.
=41y |
iPhone
1 2 3
ABC DEF
4 5 §
GHI JKL MNO
7 8 9
PQRS TUV WXYZ
0 <]
|X
Neighbourhood
San Francisco, California, US
Share your neighbourhood so other women can
see if you live nearby.
|Judy X
About me
Hey | am a mama of 2 and | recently
moved here from London. Currently
looking to find other moms in the
neighborhood. | have a love for travel,
music and good food!
Your Journey
Add a lifestage to connect you with other
women like you.

Prompts

Answer guestions to show off your

personality.
. ___ J
|9:41 all ¥ @
X
What's your goal?
|Judy X
Adrenaline junkie O Adventurous
#l Urban gal & Home bird
© Fluent in emoji Wz 420 friendly
& Eco warrior
Your Goal
. Meet new friends Meet ups
@ Ask questions and share advice
¥ Information 2 Play dates
& Support ¥ Just for fun
Photos
. ]
|Judy X
First Name
Judy
Age (Only visible to you)
27
Neighbourhood
San Francisco, California, US
Email (Only visible to you)
judy.mobbin@gmail.com
Phone Number (Only visible to you)
Add your phone number to find your friends
on Peanut.
About me
L e e
|< Verify your number
7 4 0 9 8 1
|oo
Judy X
What languages do you speak? Tell us!
Work Life
Working full-time
Occupation
Where are you working currently?
Education
Where did you study?
——
|X
Bio
Hey | am a mama of 2 and | recently
moved here from London. Currently
looking to find other moms in the
neighborhood. | have a love for travel,
music and good food!
Yryr+r Lookin good! ("}
|Judy X
€ Sports fan &3 TV &Film [ Yoga
2/ Hot mess 2> Sleep deprived
B8 Always on vacay 4 Boss
Routine queen A Outdoorsy
Adrenaline junkie O Adventurous
#l Urban gal & Home bird
© Fluent in emoji Wz 420 friendly
& Eco warrior

Your Goal
Photos
F o o o
»
o o o o
—
|Judy X
First Name
Judy
Age (Only visible to you)
27
Neighbourhood
San Francisco, California, US
Email (Only visible to you)
judy.mobbin@gmail.com
Phone Number (Only visible to you)
About me
You're no blank bio, tell us more
about yourself.


Uploading avatar image

appName: Framer

appCategory: Graphics & Design

appTagline: Where teams design and publish stunning sites

companyStage: Growth Stage

platform: web

pageType: Application

hotspotType: Click

screenElements:
Button
Dialog
Side Navigation
Avatar
File Upload
Text Field
Avatar

pageType: Application Application Application

allAppCategories:
Artificial Intelligence
Graphics & Design

screenKeywords:
Account Settings
Avatar
Min. 200x200px, .PNG or .JPEG
Teams
Sessions
First Name
John
Last Name
Smith
Email
This email will be associated with your Framer account.
To update the email for your Framer billing please email .
jsmith.mobbin@gmail.com
|Account Settings
Avatar
Min. 200x200px, .PNG or .JPEG
Teams
Sessions
First Name
John
Last Name
Smith
Email
This email will be associated with your Framer account.
To update the email for your Framer billing please email .
jsmith.mobbin@gmail.com
|Account Settings
Avatar
Min. 200x200px, .PNG or .JPEG
Teams
Sessions a
9
First Name
John
Last Name
Smith
Email
This email will be associated with your Framer account.
To update the email for your Framer billing please email .
jsmith.mobbin@gmail.com


Editing a breakpoint

screenElements: Accordion Tree

screenElements:
Dialog
Text Field
Button

screenElements:
Dialog
Text Field
Button
Accordion
Tree

screenPatterns:
Edit
Add & Create

pageType: Application Application Application Application Application

screenKeywords:
v @9 msert @B Layout F @ Text cMs Portfolio - objects-wait-224783.framer.app FREE
¥ b Inser '. ayou . rame iy Tex g ortfolio - objects-wai ramer.app e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
«» Topbar Link +
o RO e
Breakpoint
<% Elements/Card reakpoint
v & Desktop Primary Position 1300 x 0 Y
«» Topbar
Width 390 Fixed v
» & Hero Gradient 1 - Makebeautiful
iful websites Sheiteo )
< Elements/Card A e Height Auto Fit v~
made a website Edit Breakpoint
before. Really.
Y etarted Phone 320 Layout © _
By changing this breakpoint width, you'll i
update its size whenever it's added to Type Stack (Ehite
any of your pages.
Direction <« T
'@‘; \ Distribute Start v
3
2 / Align |® ® |
e Wrap Yes No
c Gap 0
:lass hostil World-class hostil
i n9 i n9 Padding 0 o O
ire built for scale, Infrastructure built for scale,
ce and reliability. performance and reliability.
o=
Styles +
Opacity 1 —
Visible Yes No
‘ w . 50% v Upgrade Now
Radius 0 o o
|v @9 msert @B Layout F @ Text cMs Portfolio - objects-wait-224783.framer.app FREE
¥ b Inser '. ayou . rame iy Tex g ortfolio - objects-wai ramer.app e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
«» Topbar Link +
o RO e
Breakpoint
<% Elements/Card reakpoint
v & Desktop Primary Position 1300 x 0 Y
«» Topbar
Width 390 Fixed v
» & Hero Gradient 1 - Makebeautiful
iful websites Sheiteo )
< Elements/Card A e Height Auto Fit v~
made a website Edit Breakpoint
before. Really.
Y etarted Phone 390 Layout © _
By changing this breakpoint width, you'll i
update its size whenever it's added to Type Stack (Ehite
any of your pages.
Direction <« T
'@‘; \ Distribute Start v
3
2 / Align |® ® |
e Wrap Yes No
c Gap 0
:lass hostil World-class hostil
i n9 i n9 Padding 0 o O
ire built for scale, Infrastructure built for scale,
ce and reliability. performance and reliability.
o=
Styles +
Opacity 1 —
Visible Yes No
‘ w . 50% v Upgrade Now
Radius 0 o o
|v @9 msert @B Layout F @ Text cMs Portfolio - objects-wait-224783.framer.app FREE
¥ b Inser '. ayou . rame iy Tex g ortfolio - objects-wai ramer.app e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + Breakpoint + ° Phone v +
A Home ® Tablet 810 Hink *
About  Contact FRAME =
@ /about
Edit Breakpoint
@ /contact
Position 1300 x 0 Y
@ /404
Width 390 Fixed v
cms ultiful websites S e eautirul
websites Height Auto Fit v
made a website - ; o
chare Bl ‘ou’'ve never made a website
Canvas + i this fast before. Really.
B Get Started LayoLIt o -
Type Stack Grid
Q O
Direction <« T
‘@‘;, ‘@‘;, Distribute Start v
v e
2 2 Align |® ® |
A
i Wrap Yes No
Gap 0
:lass hostil World-class hostil
i n9 i n9 Padding 0 o O
ire built for scale, Infrastructure built for scale,
ce and reliability. performance and reliability.
o=
Styles +
+
Opacity 1 —
Visible Yes No
‘ w . 50% v Upgrade Now
Radius 0 o o
|v @9 msert @B Layout F @ Text cMs Portfolio - objects-wait-224783.framer.app FREE
¥ b Inser '. ayou . rame iy Tex g ortfolio - objects-wai ramer.app e o] » m
Pages Layers Assets @ & o 7T § 0 8 =
Overlays +
«» Topbar Link +
o RO e
Breakpoint
<% Elements/Card reakpoint
v & Desktop Primary Position 1300 x 0 Y
«» Topbar
Width 320 Fixed v
» & Hero Gradient 1 - Makebeautiful
iful websites bsit
% Elements/Card webpsites Height Auto Fit v
made a website )
before. Really. You've never made a website
this fast before. Really.
B Get Started LayoLIt 0 -
Type Stack Grid
q O
Direction <« T
e e Distribute Start v
b b
3 3
2 2 Align |® ® |
L
e Wrap Yes No
Gap 0
:lass hostil World-class hostil
. ng : ng Padding 0 o
ire built for scale, Infrastructure built for scale,
ce and reliability. performance and reliability.
o=
Styles +
+
Opacity 1 —
Visible Yes No
‘ w . 50% v Upgrade Now
Radius 0 o o
|v @9 msert @B Layout F @ Text cMs Portfolio - objects-wait-224783.framer.app FREE
¥ b Inser '. ayou . rame iy Tex g ortfolio - objects-wai ramer.app e o] » m
Pages Layers Assets @ & o 7T § 0 8 =
Overlays +
«» Topbar Link +
o RO e
Breakpoint
<% Elements/Card reakpoint
v & Desktop Primary Position 1300 x 0 Y
«» Topbar
Width 390 Fixed v
» & Hero Gradient 1 - Makebeautiful
iful websites bsit
% Elements/Card webpsites Height Auto Fit v
made a website .
before. Really. You've never made a website
this fast before. Really.
B Get Started LayoLIt 0 -
Type Stack Grid
Q O
Direction <« T
e e Distribute Start v
b b
3 3
2 2 Align |® ® |
L
e Wrap Yes No
Gap 0
:lass hostil World-class hostil
i n9 i n9 Padding 0 o O
ire built for scale, Infrastructure built for scale,
ce and reliability. performance and reliability.
o=
Styles +
+
Opacity 1 —
Visible Yes No
‘ w . 50% v Upgrade Now
Radius 0 o o


Waving back and matching with a user

screenElements:
Full-Screen Overlay
Avatar

screenElements:
Text Field
Button

screenElements:
Full-Screen Overlay
Avatar
Loading Indicator
Text Field
Button
Full-Screen Overlay
Text Field
Avatar
Button
Progress Indicator
Gallery
Card
Button
Thumbnail
Tab
Badge
Status Dot

screenPatterns:
Loading
Chat Detail
Acknowledgement & Success
Chat Detail
Other Content

screenKeywords:
N
|X

L
It's a match!
hi! how r you? >
|X
b
|
It's a match!
24 hrs
hi!howryou?l >
smith hi I
qwe r t vy ui op
a s df gh j k I
& Z X ¢ Vb nm &
123 space return
9
|X
.
.4'. :
' h
It's a match!
24 hrs
Write a message... >
smith hi I
qwe r t vy ui op
a s df gh j k I
&£ zZ X CcC Vb nm &
123 space return
g
|9414 all T @
X \ O 3
@ It's their turn!
Yao has 23 hours to message you back
Today

hi! how r you?

2:16 PM
4 @ Message Yao... @

. ]
|94 all ¥ @
® O % Q¢
NEARBY SEE WAVES

\
\
/ / & i i
)

A -
T B o
\ \~ 2 Nars

D . N
A | 5 S
o = | .
| ’ | e ",
9, el |
Y ﬂ‘w‘ ~ ;.:' ’ \ ,4\‘59"“‘.‘
y PR b s
- - | i ‘ . £ "g‘\_ "(-
Today oday @ "¢
. N
(o)
O 28 (@)
O


Swiping to wave

hotspotType: Swipe

screenElements:
Card
Photo
Page Control

screenElements: Card Photo

screenElements:
Bottom Sheet
Button

screenElements:
Progress Indicator
Card

screenPatterns:
Acknowledgement & Success
Confetti

screenElements:
Bottom Sheet
Button
Progress Indicator
Card
Icon
Coach Marks
Full-Screen Overlay
Button
Icon
Card
Photo
Page Control
Progress Indicator
Top Navigation Bar
Card
Tab Bar
Photo
Segmented Control
Tab
Badge
Status Dot
Card
Photo

screenPatterns:
Other Content
Feature Info
Like & Upvote
Acknowledgement & Success
Confetti
Other Content
Other Content
Other Content
Other Content

screenKeywords:
X
a8
Keep it up!
We love to see women putting themselves
out there on Peanut. Keep sending waves
to unlock your Bold moves badge
Learn more about Rewards
. ]
|949 all F @)
® O K =% Q30
peanutplus

4
40>
+ |E
s
Want to know if
you're left on
read?
Get Peanut Plus for unlimited access to
see if your messages have been read.
0 e @° W
|9:41 7 ol T @
s L -
@O /[ am=Loo0
- ' 7
i
NEARY \
, . r"‘j »
‘F}' wrf - “/’:,;—’/ o .
[ ‘]‘?”af"l'lf&;; Y ey P - .
,_2;,'\,:8 > - e o :
i,&.—'.-&'-f e & =
(P 4 _ P
i, k‘“' e § -
) : p ’ P
@, 4 N/
Shrg P @/ 4 R
s S 3
V . R \"
"sae/w@o“ - RN
/o) 09/ n s e N\
LI -‘
/70 Sl? Of e i
,7@@ J/e abo i ) & ., \" .
5 o / (/16 [ \
. So (e/ 7 3
/77@ SO HS:? e/'s/)
AR "o < 9//?/6 C/Q s Ol’l/ ’?Yi
~San Rablo, L. ’79905‘/0 05e 14
.‘\‘ ". ‘ ~ ‘.
. @ 7 mths _ y
_
(®) )
a g2 (©) )]
. ]
|949 all F @)
-0—
® 0 ¥ =30
‘ ° N
NEARBY ¢ SEE WAVES
B R 3 NG
Great! We've got a feel for what you like.
We'll keep learning as you wave.
ST
MM*”'M\ . y e hies \.‘
AR ON
) PN -
N _:~‘_ RN
)/ }I ..
000
e
(o) o
O 228 () W
. ]
|® ®
Your profileis
°
a little bare
Complete your bio and your home location to tell
other women a bit more about yourself.
|9:41 -Ill?@'
-0—
®0 = 00
NEARBY SEE WAVES
R o TV N S PV AR S AT 2
L "‘ i 2\ A ESES X / -
PRS- ¢ e
At AR v’"/' " SO sl 3 :
. o A A i ¥ 1 a“h.. F Y o
Y ;;’ "(‘“‘\“" e — % ‘ef:,f-\ '_;;.
2 iy o A ~Z‘ﬁ.',""§w-'$ AL
._‘-“‘ i.& S =N ..'.'-“ff,.@ ﬂ.;A ’
S e I T8 ‘
,W 7 “w; 7. ‘
D TR, . A i ey Sl
*:nd.'_. £ \ Rie 7;- V& by Lf 7
, GO L
24 - ? "/"Y\\i': A
E=. Y »‘h ' \ , _,?"; Ui
A ‘ % ‘r‘ ""é.-:" :'*\;;
N S Y AEel] 1957
S PN e e
B o WA
: R () e 08
iy ?( l/ 3 | ,ﬁ{\ N 8 A B “
b [ | ‘ < A of ::}y‘ 15 { ; i
Ol , \ TS ifEREE N
f.. y | A RS e T " - e &
A / ' Gl |
" ' / Y
b - / R K
- R fi‘.o"o:‘ q )
i g - ‘Q-(. b “,\'. R AR
o "'/" \:\h | PRSI
- 3 NP
A oSN o =
’ e = N
14 mths
& -
- ..
(o)
0 28 (@)
. ]
|9:41 -Ill ? @'
’ o K = Q0
[ )
NEARBY SEE WAVES
| 'uw U |
| B N 5
; . O A !
| R e, o
| ¥ M ‘
| ’ﬂ" _ & I&’ IT
| | I A %ﬂ o B
¢ & sﬁu
LerrE / -
s 'R A EEE— ,5
LS / : 5 et N % o
.A ;1
= 9
o ®
)
|9:41 -Ill ? @'
-0—
® O s 00
NEARBY SEE WAVES
i! RECENTLY ACTIVE
‘o BB 4% ol | 5 \
e (i;» T\ “.s ik i \
beg e ) W
L T RGNS W -
b B3 g NP
4 s %2‘" €“1\4 "
g o \
\ _—N \
y 4 -
8 e R N W
v BN\
J g =
~ o o '\,
~ \
/ “ \ ‘
4;"‘, \ 1
\"s. ”&" ‘ .‘
cﬁ% . p 3
Firste® ‘
Febr ‘
maltlp \(L\“g&-
% A\ oW
¢ ev ea(\ W
oW® 9P e\t
N 10 et
e \.\3(5 20
Lagst o ey
3 “\"\\‘(\ o e\]'a
Y /‘f;’ eC _\'\\'\\A
74 K\
|9:41 il F (Em)
9 (4 K % Q3
NEARBY SEE WAVES
el - ‘
RECENTLY ACTIVE
- ’
e P - e
rd
| | , y 4
i # < -T‘ A .
e
5 ‘n -y .
- Z " ZAY ,vv:' 4 S
) | . [ 2 J’ - >
l V' ‘ | ...‘i
-
(o)
O g2 (©)
. ]
|9:41 -Ill ? @'
90 =00
®
NEARBY SEE WAVES
¢ 7 “‘\
l [\,\I v -~
W
b",}j
, ¢’ 29 weeks 3.
N I3 @° W
|9:41 all T @)
90 W %480
NEARBY SEE WAVES
RECENTLY ACTIVE
e /) -
' / : 4 ,, ’
{7 7 e
L AEL ‘ 7
‘}f :/ W, /N
/f:‘",.f/ R oL
& ™ 2
{f ‘
k ¥ Xy L )
| -
- y ‘,n)
(o)
0O 22 (©)
. ]


Previewing and joining a live podcast

actions:
Joining & Accepting
Listening to Audio

screenElements:
Tab Bar
Card
Button
Tab

screenElements:
Bottom Sheet
Avatar
Button

screenElements:
Tab Bar
Card
Button
Tab
Button
Bottom Sheet
Avatar
Button

screenPatterns:
Song & Podcast Detail
Song & Podcast Detail
Song & Podcast Detail
Song & Podcast Detail

screenKeywords:
oM< all ¥ @m)
LIVE NOW - UPCOMING
Coming soon See all
Nov 3, 2022 at Nov 3, 2022 at
1:00 AM Q 2:00 AM Q
Ask a €=
@ Marriage T... @ Relationshi...
Listen now Create
ilr Live
Squad Sesh Podcast
Squad Sesh.
Smoke it if you got it ¥ Don't be shy, take a hit
and come fly ’ 420 Mamas Welcome *
ilr Live
First time mums
(o)
O oy} ©) By,
. ]
|9:41 all ¥ @m)
N Squad Sesh PodcastM 000
Squad Seshhk=
Smoke it if you got it # Don't be shy, take a
hit and come fly A 420 Mamas Welcome...
% ‘ |.{ g @
Host Co;hoét Co-host Speaker
Speaker Speaker Speaker Speaker
Judy
@9®
|9:41 all F @)
..
X Squad Sesh PodcastM

Hosted by
Attending (5)
Share Copy link
Your mic will be off to start with
JOIN NOW
(S B B
|9:41 all T @
..
X Squad Sesh PodcastMs

Squad Seshk: e
Smoke it if you got it ¥ Don't be shy,
take a hit and come fly ¥ 420
Mamas Welcome sk
Hosted by
Attending (5)

M &

Share Copy link
Your mic will be off to start with


Creating a code file

screenElements:
Tree
Accordion
Segmented Control

screenElements:
Text Field
Radio Button
Button

screenElements:
Breadcrumbs
Loading Indicator

screenPatterns:
Code Editor
Multi-Column Layout

screenElements:
Text Field
Radio Button
Button
Text Field
Button
Breadcrumbs
Loading Indicator
Tree
Accordion
Segmented Control

screenPatterns:
Add & Create
Add & Create
Code Editor
Multi-Column Layout

pageType: Application Application Application Application

screenKeywords:
T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Components + @ Desktopv 1200 Breakpoint +
- Project e Button Add...
E FRAMER About  Contact E
v Elements
& Card Position
RS
% Topbar Type Relative v
*  Framer
Make beautiful websites size
Styles +
Create Code File
+ Text Width 368 Fixed v
Title
H1 Title Manrope, 40px Height Auto Fit v
H2 Subtitle Manrope, 24px o New component
Fit Content
H3 Section Title Manrope, 18px New override
P Paragraph Manrope, 16px
b Cancel \ Effects +
v Links : :
A Link #0099FF : : Styles +
A Logo Link #11M : & K :
i Opacity 1 B —
A Topbar Link #999999 ] [
(=]e ® Visible Yes No
Code + :
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Components + @ Desktopv 1200 Breakpoint +
- Project e Button Add...
E FRAMER About  Contact E
v Elements
& Card Position
RS
% Topbar Type Relative v
*  Framer
Make beautiful websites size
Styles +
Create Code File
+ Text Width 368 Fixed v
Component A
H1 Title Manrope, 40px Height Auto Fit v
H2 Subtitle Manrope, 24px o New component
Fit Content
H3 Section Title Manrope, 18px New override
P Paragraph Manrope, 16px
b Cancel \ Effects +
v Links : i
A Link #0099FF : : Styles +
A Logo Link #11M : & K :
i Opacity 1 B —
A Topbar Link #999999 ] [
(=]e ® Visible Yes No
Code + :
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|; v Import g New File L. CopylLink = APIDocs e 0 X
Pages Layers Assets @ Home > & Component_A.tsx O <> Handshake < Library Preview >. ¢ Component A v
Components + 1 // Welcome to Code in Framer
// Get Started: https://www.framer.com/docs/guides/
v Project
import Example from "https://framer.com/m/framer/Example.js@A1.0.0"
v Elements
% Card /*¥
* These annotations control how your component sizes
RS
% Component_A * Learn more: https://www.framer.com/docs/guides/auto-sizing
% Topbar £l
* @framerSupportedlLayoutWidth auto
> Framer .
* @framerSupportedlLayoutHeight auto
&
Styles + export default function Component_A(props) {
// This is a React component containing an Example component
v Text // - Replace <Example /> with your own code
W Title Manrope, 40px // - Find inspiration: https://www.framer.com/developers/
H2 Subtitle Manrope, 24px return (
H3 Section Title Manrope, 18px Y SRR RESGAED
<Example />
P Paragraph Manrope, 16px </div>
v Links )
3
A Link #0099FF
A Logo Link P // Styles are written in object syntax
// Learn more: https://reactjs.org/docs/dom-elements.html#tstyle
A Topbar Link #999999 const containerStyle = §{
height: "100%",
display: "flex"
Code + Y !
justifyContent: "center",
i g O "
¢> Component_A.tsx alignItems: "center",
overflow: "hidden",
3
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Components + @ Desktopv 1200 Breakpoint +
- Project e Button Add...
i FRAMER About  Contact i
> Elements
% Topbar Position
» Framer Type Relative v
Styles +
Make beautiful websites size
o oText You've never made a website
W Title Manrope, 40px this fast before. Really. Width Auto Fit v
R Get Started
H2 Subtitle Manrope, 24px Height Auto Fit v
H3 Section Title Manrope, 18px
Fit Content
P Paragraph Manrope, 16px
v Links
b r ] . Effects +
A Link #0099FF i oy H
I b I
A Logo Link #1111 i LA i Styles +
A Topbar Link #999999 -
¥y A Opacity 1 —_—
Code + (=]e o Visible Yes No
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,


Terms

pageType: Marketing

pagePatterns:
Footer Section
Landing Page

pagePatterns:
Terms & Privacy Page
Footer Section
Landing Page
Terms & Privacy Page

pageType: Marketing Marketing Marketing

screenKeywords:
& Framer Templates Plugins Learn Gallery Use cases ~ Resources Support ~ Pricing
®
Terms of Service
Version 1.7 — May 24, 2022
This Framer Terms of Service (“Agreement”) is entered into by and
between Framer B.V. (“Framer”) and the entity or person placing an
order for or accessing the Services (“Customer”). This Agreement
consists of the terms and conditions set forth below and any Order
Form. The “Effective Date” of this Agreement is the date which is the
earlier of (a) Customer’s initial access to the Services through any
online provisioning, registration or order process or (b) the Effective
Date of the first Order Form. This Agreement will govern Customer’s
initial purchase on the Effective Date as well as any future purchases
made by Customer that reference this Agreement. Framer may modify
this Agreement from time to time as permitted in Section 13.4
(Amendment).
Capitalized terms shall have the meanings set forth in Section 1, or in
the section where they are first used.
|I RS SRR oM ST MeRAMER A SO THE wrRaMERAWARBSZ02
& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -

Company Templates Resources
About New Desktop Apps
Careers Free Figma Plugin
Cookies Agency SEO
Security Blog Experts
Privacy Brand Guidelines Partner program
Abuse Changelog Webflow vs. Framer
Charges Landing Page
Terms Personal Support

Photography Updates
Product Podcast Discord
Learn Portfolio Startups
Plugins Splash Page Contact
Gallery Startup
Agencies Web3 y o 0 3 0
Startups 3D Framer BV. © 2022
Freelancers
Prototyping
Pricing

& Made in Framer
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources Support ~ Pricing
Capitalized terms shall have the meanings set Tortn In dection 1, or in
the section where they are first used.

Terms of Service

@ op ©®

1. Definitions
1.1 “Authorized Devices” means those mobile, desktop, or other devices
with which the Services can be accessed and used.
1.2 “Content” means code, content, fonts, graphics, designs,
documents, or materials created using the Services by Customer and
its Users or imported into the Services by Customer and its Users.
1.3 “Documentation” means the technical materials made available by
Framer to Customer and/or its Users in hard copy or electronic form
describing the use and operation of the Services.
1.4 “Services” Framer’s proprietary web-based products and services,
along with downloadable desktop and mobile apps. Each Order Form
will identify details of Customer’s Services subscription.
1.5 “Order Form” means a document signed by both Parties identifying
the Enterprise Services to be made available by Framer pursuant to
this Agreement.
1 A “Packacec” or “Compbpoanante” meane add-on maoadiillee made


Editing site settings

screenElements:
Full-screen Overlay
Top Navigation Bar
Side Navigation
Icon
Text Field
Text Field
Card
Button
Combobox
Text Field
Button
Combobox

screenPatterns:
Settings & Preferences
Edit

pageType: Application Application Application Application Application Application

screenKeywords:
& Portfolio - objects-wait-224783.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs
B Redirects
© Versions Site Title Site Language
@ Analytics My Framer Site
© Plans Site Description
Made with Framer
Page Settings

A Home
@ /about

Preview
@ /contact

yoursite.url :
@ /404 My Framer Site
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|& Portfolio - objects-wait-224783.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs
B Redirects
© Versions Site Title Site Language
B Analytics John Smith en English
© Plans Site Description
Made with Framer
Page Settings

A Home
@ /about

Preview
@ /contact

yoursite.url :
® /404 John Smith
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|& Portfolio - objects-wait-224783.framer.app FREE e a [ d m
Site Settings
& General
© Domains Slte Settlngs Save
B Redirects
© Versions Site Title Site Language
aa Afar
O Plans - e
Site Description ab Abkhazian
Made with Framer ae Avestan
Page Settings af-NA Afrikaans (Namibia)
af-ZA Afrikaans (South Africa)
A Home
af Afrikaans
@ /about ak-GH Akan (Ghana)
Preview ak Akan
@ /contact . .
yoursite.url sq-AL Albanian (Albania)
® Ja04 John Smith sq Albanian
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|& Portfolio - objects-wait-224783.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs Save
B Redirects
© Versions Site Title Site Language
@ Analytics John Smith
© Plans Site Description
Made with Framer
Page Settings

A Home
@ /about

Preview
@ /contact

yoursite.url :
® /404 John Smith
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|& Portfolio - objects-wait-224783.framer.app FREE e a » m
Site Settings
& General
© Domains S|te Settlngs Save
Redirects
© Versions Site Title Site Language
B Analytics John Smith en English
en-PH English (Philippines)
O Plans - e
Site Description en-SG English (Singapore)
Made with Framer en-ZA English (South Africa)
Page Settings en-TT  English (Trinidad and Tobago)
en-UM English (U.S. Minor Outlying I...
A Home
en-VI English (U.S. Virgin Islands)
@ /about en-GB English (United Kingdom)
Previ .
review en-US English (United States)
@ /contact . .
yoursite.url en-ZW English (Zimbabwe)
@ /404 My Framer Site el English
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|& Portfolio - objects-wait-224783.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs Save
B Redirects
© Versions Site Title Site Language
B Analytics John Smith en English
© Plans Site Description
Made with Framer
Page Settings

A Home
@ /about

Preview
@ /contact

yoursite.url :
® /404 John Smith
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades


Subscribing to Peanutplus

hotspotType: Scroll Horizontally

screenPatterns:
Feature Info
Subscription & Paywall

screenElements:
Bottom Sheet
Page Control
Button
Tile
Status Dot
Badge
Page Control
Progress Indicator
Card
Coach Marks
Page Control

screenPatterns:
Subscription & Paywall
Pricing
Feature Info
Feature Info
Subscription & Paywall
Feature Info
Timer & Clock
Feature Info

screenKeywords:
9:419 ol & .
-0—
® 0 W %40
peanutplus X
+ q‘i ) +
See Waves
Get unlimited access to see who has
waved at you and find more connections.
® e 0 o
days month months
$3.99 $5.99 $15.49
Recurring billing. Cancel anytime. Your
subscription automatically renews unless cancelled
at least 24 hours before end of current period.
Payment will be charged to your iTunes account at
confirmation of subscription. You can manage your
purchases in settings. Terms and conditions
apply.
(S B )
|App Store
Peanut Plus
Cancel anytime in Settings > Apple ID at
least a day before each renewal date.
Plan automatically renews until
canceled.
\CCO
P $3.99 per week
Done
. ]
|9:419 ol & .
-0—
® 0 W %40
peanutplus X
@+
Profile Boost
Be the top profile in your area for 24 hours
every week and find more connections.
e e 0 o
days month months
$3.99 $5.99 $15.49
Recurring billing. Cancel anytime. Your
subscription automatically renews unless cancelled
at least 24 hours before end of current period.
Payment will be charged to your iTunes account at
confirmation of subscription. You can manage your
purchases in settings. Terms and conditions
apply.
N
|949 all F @)
® O K =% Q30
peanutplus

4
40>
+ |E
s
Want to know if
you're left on
read?
Get Peanut Plus for unlimited access to
see if your messages have been read.
0 e @° W
|9414 all ¥ @
-0—
® 0 W %40
peanutplus X
@+
Profile Boost
Be the top profile in your area for 24 hours
every week and find more connections.
e e 0 o
EVE month months
$3.99 $5.99 $15.49
Recurring billing. Cancel anytime. Your
subscription automatically renews unless cancelled
at least 24 hours before end of current period.
Payment will be charged to your iTunes account at
confirmation of subscription. You can manage your
purchases in settings. Terms and conditions
apply.
(S B )
|9:41 all § @)
[ -0—
® 0 ¥ % Q0
peanutplus X
(\ 3\\ +
Profile Boost
Be the top profile in your area for 24 hours
every week and find more connections.
You're all set.
Your purchase was successful.
$3.99 $5.99 $15.49
[__J
"~
Recurring billing. Cancel anytime. Your
subscription automatically renews unless cancelled
at least 24 hours before end of current period.
Payment will be charged to your iTunes account at
confirmation of subscription. You can manage your
purchases in settings. Terms and conditions
apply.
. ]
|9:414 -Ill?@'
‘ O K = ¢
SEE WAVES
Time remaining:
Days Hours Mins - X
0 :23:59 RECENTLY ACTIVE
A A
- o
r 4 Frw AN
£/ W | // /N
oLt | |
- .‘!;f;’/ i
Ll : A\
R \
3 » .\\
ot =
. 2
f
(o)
N e (©) L}
|9:419 ol & .
-0—
® 0 ¥ % Q0
peanutplus X
+
Rewind
Get unlimited access to undo profile
swipes if you change your mind.
e o 00
days month months
$3.99 $5.99 $15.49
Recurring billing. Cancel anytime. Your
subscription automatically renews unless cancelled
at least 24 hours before end of current period.
Payment will be charged to your iTunes account at
confirmation of subscription. You can manage your
purchases in settings. Terms and conditions
apply.
(S B )
|App Store
a Peanut Plus
Cancel anytime in Settings > Apple ID at
least a day before each renewal date.
Plan automatically renews until
canceled.
$3.99 per week
. ]


Site settings

screenElements: Toolbar Button

screenElements:
Thumbnail
File Upload
Switch
Badge

screenElements:
Thumbnail
File Upload
Switch
Badge
Full-screen Overlay
Top Navigation Bar
Side Navigation
Icon
Text Field
Text Field
Card
Button
Toolbar
Button

screenPatterns:
Settings & Preferences
Settings & Preferences
Add & Create

screenKeywords:
& Portfolio - objects-wait-224783.framer.app FREE e a » m
Site Settings
& General .
Site Images
© Domains
Redirects Favicon
Appears next to the title in your browser
© Versions pp el y
tab. Recommended size is 32 x 32 px.
B Analytics Upload
O Plans
Social Image
Page Settings
Appears when a link to the site is shared on
social media. All other pages will use this by
A Home
default, unless overridden. Recommended Drop Image
size is 1200 x 630 px.
@ /about P
Upload
@ /contact
yoursite.url
My Framer Site
® /404 Y
Password Protection urcraoe
This setting will instantly update on your website without having to publish.
Password
|& Portfolio - objects-wait-224783.framer.app FREE e a » m
Site Settings
& General
Custom Code vreran:
© Domains
Custom code and scripts will be added to every page across the published site. Learn More
Redirects
© Versions
Start of <head> tag
B Analytics
O Plans
Page Settings
A Home
® /about End of <head> tag
@ /contact
@ /404
Start of <body> tag
End of <body> taqg
|& Portfolio - objects-wait-224783.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs
B Redirects
© Versions Site Title Site Language
@ Analytics My Framer Site
© Plans Site Description
Made with Framer
Page Settings

A Home
@ /about

Preview
@ /contact

yoursite.url :
@ /404 My Framer Site
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|[} .
v B9 msert Layout F @ Text cMs Portfolio FREE
¥ kg Inser '. ayou . rame T RIS g ortfolio e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web +
o Desktop v 1200 Breakpoint +
PR Button Add...
@ Jabout I FRAMER About  Contact I
: I Position
@ /contact
@ /404 Type Relative v
CMS + . . Size
Make beautiful websites
Canvas + You'vg never made a website Width 368 Fixed v
this fast before. Really.
Get Started Height Auto Fit v
Fit Content
Effects +
: g, i
: ;J:’:‘ i Styles +
i}”"ﬁ, W, Opacity 1 _—
i Visible Yes No
| =R ‘ |
I World-class hosting i Rotation 0°
I Infrastructure built for scale, I
] performance and reliability. |
I I Elements/Card Component
T T Title World-class hosting
Text Infrastructure built
_ for scale,
° )
é Edit k W . 50% v Upgrade Now performance and
reliability.


Profile

screenElements:
Avatar
Progress Indicator
Carousel

screenElements:
Progress Indicator
Icon

screenElements:
Avatar
Progress Indicator
Carousel
Progress Indicator
Icon
Banner

screenPatterns:
My Account & Profile
My Account & Profile
My Account & Profile

screenKeywords:
9:41 all ¥ @m)
Judy
Add photos >
S |
Profile 60% complete Edit
My connections (1)
‘ ', \: ', \: ', \: ',
Discover more women nearby
See who waved
You have potential new connections
Wa|t|ng Unlacle If'\rnmillm tn cee Who has
|9:41 all F @)
See who waved
You have potential new connections
waiting. Unlock premium to see who has
already waved at you.
' Refer a friend and see waves
My badges (3)
Y Recent waves
(1] My posts
o M
jeyey Yy groups
2\ Followed posts
" Unlocked posts
. ]
|9:41 all F @)
My connections (1)
‘ 'I : 'I \: 'I \: 'I
Discover more women nearby
See who waved
You have potential new connections
waiting. Unlock premium to see who has
already waved at you.
UNLOCK NOW
' Refer a friend and see waves
My badges (3)
= \ B: w E‘s zj E‘\ ‘
. _________________________________________J


Unblocking users

screenPatterns:
Empty State
Settings & Preferences
Other Content

screenKeywords:
9414 all ¥ @
< Blocked Users
|9:41 all F @)

< Settings

SUPPORT

@ Help

©)  Guidelines

] Contact team Peanut

SETTINGS

Z\ Notification settings

) Discovery settings

gog Feed settings

) Dark mode Automatic

(] Widgets

SPREAD THE WORD

S+ Invite friends

<7 Rate us on the App Store

LEGAL

O Privacy Policy & Terms

(/) Blocked yserso
|oM< all ¥ @m)
4 Blocked Users
When you block a user, you can no longer see each
other’s posts, profiles, or start conversations.
. UNBLOCK
. ]


Creating a new group

screenElements:
Bottom Sheet
Gallery

screenPatterns: Edit Select

screenPatterns: Select Edit

screenElements:
Text Field
Switch

screenElements: Chip Carousel

screenElements:
Chip
Carousel
Chip
Checkbox
Text Field
Switch
Tile
Text Field
Button
Divider
Switch
Bottom Sheet
Gallery
Chip
Carousel

screenPatterns:
Select
Select
Select
Add & Create
Select
Edit
Add & Create
Social Feed
Select
Add & Create
Add & Create
User / Group Profile
Edit
Select
Select

screenKeywords:
9:41 ol T @m)
Cancel Done
Group packs
Select packs to help us suggest your group to
relevant women.

2 Single +  Step-parent + & Neighl

¢, Adoptive + ¢’ Home school + ¢ Co

¢ Rainbow baby + ¢, stay-at-home + (
¢; Grandparent + ¢ She[Her + 7 The
¢ Foster parent + P Widow + ¢, Sob
¢/ Capricorn + ¢ Aquarius + ¢, Pisces
¢/ Libra + ¢ Scorpio + ¢/ sagittarius
/D Rookworm + 7D Food + 7D Craftv +
L]
|9:41 il F (Em)

Cancel Group packs Done
& Foster parent + &, Widow + @ Sobe
"% Capricorn + % Aquarius + ¥ Pisces
O Libra + M Scorpio + X' Sagittarius
B Bookworm X & Food X «{ Crafty +
% Pet lover X & Science savvy X o St
A Board games + &f) Faith + Gamin
B TV &Film + € World affairs + £ Wi
¢ Spiritual gangster + 80 Always on vacay +
2 Sleep deprived + QO Adventurous + I
O Beerbuddy + Geek chic + dlr Urh

. ___ J
|9:41 -Ill?@'
< New group Next
. ' - ~~
b e ‘2"<<}7 o !
: & ) ' R 4. Y
g T pryt R 4RI
O NE Yt
- W * O =
o % FTvTTTe o ¥ o *
N —  \g
*
Healthy mom
Secrets to being a healthy mom
WHO IS THIS GROUP FOR
Relevant experiences Adoptive, Birth, F...
Group packs Bookworm, Food, Pet love...
Suitable for women nearby (?)
GROUP PRIVACY
Public (7) (v]
Private @
Invite only @
|9:41 all F @)
< Relevant experiences
Select experiences that are relevant to your
group making it easigr. for women to find and
join.

MAMA
Adoptive O
Step O
Foster O
Surrogacy °
Birth (v]
MAMA-TO-BE
Pregnant O
Adopting
Fostering
CrirrAmAA~yvg
|9:41 ol T @
4 New group
- -
b e 34<(f Mo )
& ' AR A 4 . Y
J * | o
: ot R4
N T
> O o
= W * 0 =
o % sEToT o ¥ o *
N @»
WHO IS THIS GROUP FOR
Relevant experiences Optional
Group packs Select
Suitable for women nearby (?)
GROUP PRIVACY
Public (7) (v]
Private @
Invite only @
|Cancel Edit cover photo
Everyone on Peanut will see your cover photo,
so pick something that stands out!
;_ - i
> D t’j \ 3
) 4
A
- .
’(\,..:\"//J‘\. s
< - \* N o A g 0‘
r G gy =
AR CERIOE Y
7 o O S S
’*«T”\’ /V‘*,Ck'f\‘ . F
A= B * A
i ,'fﬁ\f‘*u‘“ < 1L DO
i oqko *?s‘o; 1 o0 A < o
h*ﬂ i 0 .‘i = A A
dreaeeC il O l 0
o LN y Y, P °
N
A
|9:41 all F @)
< New group Next
= s Mo )
& '/ / V¥ ) 4 . Y
" * | &

: ot Q4L
SN T
A O o
a W * o =
o % N o * o %
N —  \g
Healthy mom
Secrets to being a healthy mom
WHO IS THIS GROUP FOR
Relevant experiences Optional
Group packs Select
Suitable for women nearby (?)
GROUP PRIVACY
Public (7) (v]
Private @
Invite only @
|9:41 -Ill?@'
< New group Next
. ' - ~~
b 2, Mo )
& '/ / V¥ ) 4 . Y
" * | &
: ot Q4L
SN T
O O [¢]
a W * o =
o % FTvTTTe o ¥ o *
N —  \g
*
Healthy mom
Secrets to being a healthy mom
WHO IS THIS GROUP FOR
Relevant experiences Adoptive, Birth, F...
Group packs Select
Suitable for women nearby (?)
GROUP PRIVACY
Public (7) (v]
Private @
Invite only @
|oM< all ¥ @m)
) % Q00
MY FEED TRENDING NEW GROUPS
I
My Groups
PRO GROUP ° \
Peaceful Parenting,
Together
Welcome Conscious Mamas!...
—
V4
s =
<y
Groups are a place to communicate about
shared interests with others.
N (©) By,
|9:41 all F @)
< Relevant experiences
Select experiences that are relevant to your
group making it easigr. for women to find and
join.
MAMA
Adoptive
Step
Foster
Surrogacy
Birth
MAMA-TO-BE
Pregnant
Adopting
Fostering
CrirrAmAA~yvg
|9:41 -Ill?@'
< New group Next
. ' - ~~
b e ‘2"<<}7 o !
: & ) ' R 4. Y
g T pryt R 4RI
O NE Yt
- W * O =
o % FTvTTTe o ¥ o *
N —  \g
*
Healthy mom
Secrets to being a healthy mom
WHO IS THIS GROUP FOR
Relevant experiences Adoptive, Birth, F...
Group packs Bookworm, Food, Pet love...
Suitable for women nearby (?) ()
GROUP PRIVACY
Public (7) (v]
Private @
Invite only @
|9:41 all ¥ @m)

4 New group
Tap here to edit cover photo
WHO IS THIS GROUP FOR
Relevant experiences Optional
Group packs Select
Suitable for women nearby @
GROUP PRIVACY
Public (?) (v]
Private @
Invite only @
——
|| A4 4 \ A4
94 v ;e 7 0 e -
% *0 3! A s [
A NE G
‘-
ﬂ;t V-)#‘omm é) -)klo\*
3 t all O]
1 > 4
1T member
Let's make it official!
Share this group with your connections and
other women on Peanut.
'ﬁ joined the group
|Cancel Edit cover photo
Everyone on Peanut will see your cover photo,
so pick something that stands out!
~ - i
\
> 9 t’j \ 3
) 4
A
- .
L O . :\ VST s
\ * \* . CRFC "
L gl
:«é +(\\&” ce ‘~ o '_/ '”O
Doy L gV
7 o O &S Uy
.*“T.,) ﬂ“&lc%f\‘ .
g et i\ B v \
a 44 I T + A
s '/ftku ' s VB < + ) O
| -*'o 4 S ] 2 r] 4 O
\o @; # oGO o)
< | N R
S ey 8* o % X K .
N\E \S A4 g o »
‘" -* _ D v —
N
A
|9:41 il F (Em)
Cancel Done
Group packs
Select packs to help us suggest your group to
relevant women.

2 Single +  Step-parent + & Neighl

& Adoptive + Home school + < Co

£ Rainbow baby + © Stay-at-home X ’

Grandparent + {3 she/Her X {3 The

& Foster parent + &, Widow + @ Sobe

"% Capricorn + % Aquarius + ¥ Pisces

O Libra + M Scorpio + X1 Sagittarius

B Rookworm + £ Food + « Craftv +

. ]


Inviting and referring friends

screenElements:
Progress Indicator
Icon
Button

screenPatterns:
My Account & Profile
Invite & Refer Friends

screenKeywords:
9:41 all F @)
See who waved
You have potential new connections
waiting. Unlock premium to see who has
already waved at you.
' Refer a friend and see waves
My badges (3)
Y Recent waves
(1] My posts
o M
jeyey Yy groups
2\ Followed posts
" Unlocked posts
. ]
|9:41 all  (Em)
4 Referrals
Want to know who's
waved at you?
For every friend that joins, you'll be able to see
who's waved at you for 1 day.
Al https://peanut.app.link/yNDpBEUGCub X
AirDrop Messages Mail Shop T
Copy @
Save to Files B
Add to Clay Clay
Edit Actions...
|9:41 all ¥ @m)
4 Referrals
Want to know who's
waved at you?
For every friend that joins, you'll be able to see
who's waved at you for 1 day.
Refer a They join You get
friend Peanut rewarded
. ]


Canceling an invite

screenElements: Dialog Button

screenPatterns: Cancel Confirmation

screenKeywords:
Mobbin Team Settings Free Team Account
Invite via Link
Members r.com/join/Mobbin--12DzZUSMTx83F30Fv5MUJ Viewer >
Invoices
Plans
Permissions Invite via Email
Fonts Emails (comma separated) Viewer v
Details
There are no pending invites
for this team.
|Mobbin Team Settings Free Team Account
Invite via Link
Members r.com/join/Mobbin--12DzUSMTx83F30oFv5MUJ Viewer >
Invoices
Plans
Permissions Invite via Email
Fonts Emails (comma separated) Viewer v
Details
Pending... '
jdoe.mobbin@gmail.com v Viewer
Can view all projects
Cancel Invite
Will cancel invite
|Mobbin Team Settings Free Team Account
Invite via Link
Members r.com/join/Mobbin--12DzZUSMTx83F30Fv5MUJ Viewer >
Invoices
Plans Cancel Invite
Permissions Invi Are you sure? This will cancel the invite
that was sent to give

Fonts El  jdoe.mobbin@gmail.com viewer access Viewer v
Details in the Mobbin team.

Cancel Viewer v


Creating a CMS collection

screenElements:
Side Navigation
Icon
Button

screenElements:
Side Navigation
Button
Icon

screenElements:
Full-screen Overlay
Side Navigation
Text Field
Side Navigation
Icon
Button
Dropdown Menu
Side Navigation
Button
Icon
Toolbar
Button

screenPatterns:
Add & Create
Action Option
Empty State
Add & Create

screenKeywords:
& + New Item
Collections Title Slug
€ | Collection
+ Add..
Your collection is empty.
Get started by adding a
new item.
Documentation
|T v Insert '= Layout . Frame Text CMs Portfolio FREE e o] » m
Collections @ & o 7T § 0 8 =
Overlays +
o Desktop v 1200 Breakpoint +
e Button Add...
i FRAMER About  Contact i
Position
Type Relative v
Make beautiful websites size
You've never made a website
this fast before. Really. Width 368 Fixed v
Get Started
Height Auto Fit v
g g
: . Fit Content
This project doesn’t have
any collections yet.
Add Collection ; r 7 i Effects +
i o i
i 3 i Styles +
: &y o :
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Documentation Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text CMs Portfolio FREE e o] » m
Collections @ & o 7T § 0 8 =
Overlays +
o Desktop v 1200 Breakpoint +
e Button Add...
i FRAMER About  Contact i
Position
Type Relative v
Make beautiful websites size
680
You've never made a website
this fast before. Really. Width 368 Fixed v
Get Started
Height Auto Fit v
g g
: . Fit Content
This project doesn’t have
any collections yet.
Add Collection ; r 7 i Effects +
New Collection : .@I;' I
i v"‘ i Styles +
Add Sample > .
: & W, :
i I;é" Opacity 1 B —
] = =0 L = ! Visible Yes No
: i
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Documentation Text Infrastructure built
for scale,
|& + New Item
Collections Title Slug
€ Project 0
+ Add..
Your collection is empty.
Get started by adding a
new item.
Documentation
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] ]
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
Add Sample
You've never made a website
Canvas + this fast before. Really. Width 368 Fhesl
Get Started
Height Auto Fit v
Fit Content
b r ] . Effects +
I it |
i 3 E Styles +
] & E {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|[} .
v B9 msert Layout F @ Text cMs Portfolio FREE
¥ kg Inser '. ayou . rame T RIS g ortfolio e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web +
o Desktop v 1200 Breakpoint +
PR Button Add...
@ Jabout I FRAMER About  Contact I
: I Position
@ /contact
@ /404 Type Relative v
CMS + . . Size
Make beautiful websites
Canvas + You'vg never made a website Width 368 Fixed v
this fast before. Really.
Get Started Height Auto Fit v
Fit Content
Effects +
: g, i
: ;J:’:‘ i Styles +
i}”"ﬁ, W, Opacity 1 _—
i Visible Yes No
| =R ‘ |
I World-class hosting i Rotation 0°
I Infrastructure built for scale, I
] performance and reliability. |
I I Elements/Card Component
T T Title World-class hosting
Text Infrastructure built
_ for scale,
° )
é Edit k W . 50% v Upgrade Now performance and
reliability.


Creating a canvas

screenPatterns:
Add & Create
Canvas

screenElements:
Text Field
Toolbar
Button

screenPatterns:
Add & Create
Canvas
Add & Create

screenKeywords:
L Insert .= Layout . Frame Text CMs Portfolio FREE e o] °
Pages Layers Assets
Web +
A Home
@ /about
@ /contact
@ /404
CMS +
Canvas +
& cCanvas1
w ¥ & 50% - Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] °
Pages Layers Assets
Web +
A Home
@ /about
@ /contact
@ /404
CMS +
Canvas +
.
w ¥ & 50% - Upgrade Now
|[} .
v B9 msert Layout F @ Text cMs Portfolio FREE
¥ kg Inser '. ayou . rame T RIS g ortfolio e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web +
o Desktop v 1200 Breakpoint +
PR Button Add...
@ Jabout I FRAMER About  Contact I
: I Position
@ /contact
@ /404 Type Relative v
CMS + . . Size
Make beautiful websites
Canvas + You'vg never made a website Width 368 Fixed v
this fast before. Really.
Get Started Height Auto Fit v
Fit Content
Effects +
: g, i
: ;J:’:‘ i Styles +
i}”"ﬁ, W, Opacity 1 _—
i Visible Yes No
| =R ‘ |
I World-class hosting i Rotation 0°
I Infrastructure built for scale, I
] performance and reliability. |
I I Elements/Card Component
T T Title World-class hosting
Text Infrastructure built
_ for scale,
° )
é Edit k W . 50% v Upgrade Now performance and
reliability.


Archiving a project

screenPatterns: Delete Confirmation

screenElements:
Dropdown Menu
Banner
Dialog
Button

screenPatterns:
Acknowledgement & Success
Action Option
Trash & Archive
Delete
Confirmation

screenKeywords:
John
© Recent & https://your-next-website framer.app
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
* the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
o Mobbin Q Search 1 project... Last viewed by me v
H Al
N Fan 7N ERD
s Templates f %ef"’w. N ﬁs.‘:f\ = \4 N S
= : A : x
® Archived >\ N ~ o \‘
"6':,';"-% S 4 NA’":.L N
+ New Folder... S W . o,
- \} h &
& & ~a4/ R /
NN, % 22 48 &"fv%%% b Q
N, /¢ 3@
L0 RS SN o, AN S
A NS B Ny o 3 o Y AT
SRS N S o SIS
S M R
AN QNS
‘ N A %”‘/?rﬁ’siu S
«s Boost Framer Template (copy)
Viewed 9 minutes ago - Edited 13 minutes ago
|John
° Recent https://your-next-website framer.app
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
* the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
o Mobbin Q Search 2 projects... Last viewed by me v
% Al
R SRR Y Y - i
fa Templates ’ %M N *-i;’::s . \4 2
_ 3 B\ - §§ I Js
@ Archived : >\ N L / \ ,\\‘
X e gy 2N
,::}"’a ™ *\ N’&:}
+ New Folder... 4 \\ﬂ A X Make beautiful websites
= e & e
Y *ﬂ)\\}f\/ 4 \t o
> & <4 M. N
A S 2540 &"““»;
TN -q}"ﬂ§\ N %’% S .
P ~ 3 % A B Open in New Tab
N / \‘Ni L7 .y ‘{47 /NG i Copy Link
ﬁ{'( :{\;\g \\\‘ N :f’:‘i;%m a % Wi '\z\\i‘: P Copy Remix Link
9 T;'i\ NS - —_=
;| ‘i\f\\“i 2 R - Save as Template
‘ \\::\\5 A%i":h TN 3 Duplicate
. M
«s Boost Framer Template (copy) Portfolio ove
Viewed 4 minutes ago - Edited 8 minutes ago Viewed 4 minutes ago - Edited 23 mit  Rename
Upgrade Plan
+ Create Team...
Archive
|John .
Archived ¢ =
© Recent
— . S h1 ject... Last viewed by me v
§ Archived Q Search 1 projec y
g
Upgrade now to access
more premium features.
Make beautiful websites
Upgrade -
-
A
o Mobbin
an
@ Al Portfolio :
i i Unarchive
[ Templates Archived from All - less than a minute ago
® Archived
+ New Folder...
+ Create Team...
|; v Insert '= Layout . Frame Text g CMS Portfolio - objects-wait-224783.framer.app FREE e o » m
Pages Layers Assets
Web
A Home
@ /about
@ /contact
@ /404
CMS
Canvas
o Desktop
FRAMER About  Contact
Make beautiful websites
You've never made a website
this fast before. Really.
Get Started
1) This file is archived and view-only. Unarchive the file to edit. = Unarchive
® U O so% -
|John
° Recent https://your-next-website framer.app
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
* the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
Archive Project
o Mobbin Q  Search 2 proji  This will move the project to the team Last viewed by me v
archive for all Mobbin members.
an
i Templates v D s ~/p
R e GESS o T NN
¥ Archived Ve Y A § 4 NVQ) -
> / X DNy
,::}"’a ™ *\ N’&:}
+ New Folder... 4 \\~ 4 SN X Make beautiful websites
SN oo 4 %‘\h; SN Y
N By 4 S D
NS /@
Y N B W & 3
LR e N P x '? e, 8 ]
e A BNy Q% ~ SR AL
SRR SR A £ -\7\;\\ s
SN & k% 4
‘ ool i %ﬁ*ﬁ‘ S
«u Boost Framer Template (copy) Portfolio
Viewed 9 minutes ago - Edited 13 minutes ago Viewed 9 minutes ago - Edited less than a minute ago
+ Create Team...


Browse all plugins

screenElements:
Table of Contents
Link

pagePatterns:
Misc
Misc
Integrations Page

screenKeywords:
& Framer Templates Plugins Learn Gallery Use cases ~ Resources Support ~ Pricing
Formspa rk
Send form submissions straight to your email or connect with
Slack, Zapier, Integromat, and more to manage lead forms,
contact requests, support tickets, and more.
[}
Overview
Drag and drop your Formspark forms into your Framer site. You can decide which
inputs to show or hide, then tweak the look and feel and customize inputs so they
match your brand perfectly. Send form submissions straight to your email or
connect with Slack, Zapier, Integromat, and more to manage lead forms, contact
requests, support tickets, and more.
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources Support ~ Pricing
PHIMRID Y M MMM I LIY s WYV IV VMM HYUIIL Y Uiyt e v gy e e
connect with Slack, Zapier, Integromat, and more to manage lead forms, contact
requests, support tickets, and more.

Formspark
Name Email
Message
/4
[ ]
How to add Formspark to your website
P Y T L T Y L ol O | Y O D Y Y . . T S | o Y oo
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing
Connect your site
to popular apps.
L & My Site insert (@) Frame Text @B Stack w W ® 100%v ’g‘
Q Search...
Basic Elements > B Desktopv 1200 Breakpoint +
YouTube Vimeo
PYS Features  Updates ({010 Layout
0 Prototyping >
n
=
L Stay close to your


Create ticket

screenElements: Card Button

pageType: Marketing Marketing

screenKeywords:
‘ Framer LOG IN [ SIGN UP
I'| ROADMAP @ GIVE FEEDBACK v Q. SEARCH
Give Feedback
. Feature Requests 668 ® Bugs a7
Roadmap
® Planned © In Progress © Complete
Switching Themes & @ CMS tools CMS: Video
49 | FEATURE REQUESTS 24 . FEATURE REQUESTS 23 FEATURE REQUESTS
Advanced Scrolling: CSV functionality import Add List styles +
37 Animations and 6 << FEATURE REQUESTS 17 Alignment options
Transforms  FEATURE REQUESTS
w FEATURE REQUESTS Ability to use %, em, ch,

79  vw or similar units for Keyboard shortcuts
dimensions. 2 prevent typing # symbol
< FEATURE REQUESTS # BUGS

Ordered Lists in CMS
8 w FEATURE REQUESTS
Overflow property is
1 hidden on Carousel
* rine
Powered by Canny
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources Support ~ Pricing
Contact.
Account Support

Help improve Get in touch with
Framer for questions about
everyone. your account.

Request features @ Account

Report issues @ Billing

Join Community Email Support
GG SSsBEBERER


Unlocked posts

screenKeywords:
9:41 all F @)
< Unlocked posts
€2 W Admin in Healing your
anxious mind - An Anxiety Support...
df* UNLOCKED
5 *EFFECTIVE* sKkills to reduce anxiety
in your life as a mama ¢’
Today | wanted to focus on 5 effective ways
to reduce anxiety in your life as you move t...
¥ 1 OReply (™ Share
g‘ Be the first to reply!
|9:41 all F @)
See who waved
You have potential new connections
waiting. Unlock premium to see who has
already waved at you.
' Refer a friend and see waves
My badges (3)
Y Recent waves
(1] My posts
o M
jeyey Yy groups
2\ Followed posts
" Unlocked posts
. ]


Team settings

screenElements:
Side Navigation
Banner
Icon
Button
Card

screenElements:
Side Navigation
Searchbar
Avatar

screenElements:
Banner
Radio Button
Badge

screenElements:
Side Navigation
Banner
Icon
Button
Card
Dialog
Side Navigation
Text Field
Button
Side Navigation
Searchbar
Avatar
Banner
Radio Button
Badge

screenPatterns:
Home
Settings & Preferences
Settings & Preferences
Settings & Preferences
Settings & Preferences

pageType: Application Application Application Application Application Application Application Application

screenKeywords:
Mobbin Team Settings Free Team Account
Join team as Editor
Invite Join team as Viewer
Members
Invoices Team Access
Plans Anyone who is invited can join this team
Only users with a @gmail.com email can join this team
Fonts
Details Project Access
Anyone with the link can open projects
Only members and invited users can open projects
Only users with a @gmail.com email can open projects
Move Projects
Restrict members from moving projects to a different team
|John
Get Started
© Recent
® Archived
.+ https://your-next-website.framer.app
Upgrade now to access
more premium features.
App Tour O Learn Framer 7
Upgrade An interactive tour to learn Browse video tutorials,
the basics of Framer. examples, and articles.
o Mobbin
an
s Templates
W Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
K N < L VY i
e NS LN
NS ¥ §6 ]
/ : N Mrrs
J %':"’"s SUS ”.%”':%.\ v
S B N ey
e :"r\" S Y ' =
N o 25 NGRS
BTN N I R /"? - i
a0 RS e S, RS by S
S }»\\_ ¥ X/ ? N &2
+ Create Team... SR \\\\; " N 4
‘ Soog A i S, N
|Mobbin Team Settings Free Team Account
Invite via Link
Members r.com/join/Mobbin--12DzZUSMTx83F30Fv5MUJ Viewer >
Invoices
Plans
Permissions Invite via Email
Fonts Emails (comma separated) Viewer v
Details
There are no pending invites
for this team.
|Mobbin Team Settings Free Team Account
Invite
Members
Invoices
Plans
Permissions Team admins and editors can

upload custom fonts to use in

projects and share in prototypes.

Details
|Mobbin Team Settings Free Team Account
Invite Logo
Members Min. 200%200px, .PNG or .JPEG
Invoices
Plans

Name
Permissions
Fonts Mobbin

Delete Team
You can't delete your only team.
|Mobbin Team Settings Free Team Account
Invit .
nite Q  Search for members... Filters v
Invoices
Plans 1 Editor
Permissions

You Admin
Fonts jsmith.mobbin@gmail.com
Details
|Mobbin Team Settings Free Team Account
Invite
The following settings will be applied across the whole team.
Members
Invoices - .
Team Invitation Link
Plans
Enable team invitation links
Disable team invitation links
Fonts
Details Default Role for New Team Members
Join team as Editor
Join team as Viewer
Team Access
Anyone who is invited can join this team
Only users with a @gmail.com email can join this team
|John
Get Started
© Recent
® Archived
.+ https://your-next-website.framer.app
Upgrade now to access
more premium features.
App Tour O Learn Framer 7
Upgrade An interactive tour to learn Browse video tutorials,
the basics of Framer. examples, and articles.
o Mobbin
Team Settings
H Al
o an =
Invite Members All w)=
6 [emElates Copy Invite Link
W Archived Upgrade Plan Q Search 2 projects... Last viewed by me v
+ New Folder... New Folder...
& N SN Y A -
R YA
. \%.,,Q S \4;\ el / N ‘ {
7 /s Ny N ¥ =
/ " \\\ {%\\ \ ?
/ % / ‘- ;\ N S&:}’% Makebeautiful websites
& KL ~ 49 R N
S /@
& A o YLy & %), A
e NG N = Yo 9 ’
N S N &GN [—
7 S -\‘Q\‘\,‘:Z Y o S 4 e SN —
*%’"T,??f\. adl N 4 9 N4 =
+ Create Team... SR \‘c!\\\}r " N 4
S Soifhg N
‘ RN AN


Toolbar menu

screenElements: Toolbar Button

hotspotType: Hover

screenElements:
Dropdown Menu
Keyboard Key

screenElements:
Dropdown Menu
Badge

screenElements:
Dropdown Menu
Badge
Toolbar
Button
Dropdown Menu
Keyboard Key

screenKeywords:
; A Insert '= Layout . Frame Text g CMS Portfolio - objects-wait-224783.framer.app FREE e o » Publish
Go to Dashboard |_ + _l T 4+ 0 |'| -
Quick Actions... #K Overlays +

o Desktop v 1200 Breakpoint +
About  Contact E
Edit > Duplicate
: Position
View > Save as Template  PRO
Tool > Archive Type Relative v
Layout >
Publish Update 8P | o
Text ’ Make beautiful websites size
. 680
Graphic > Open Site @30 You've never made a website
this fast before. Really. Width 368 Fixed v
Component >
Upload Image... 8| Get Sfarted
Preview > Height Auto Fit v
Code ’ More... > Fit Content
Preferences >
i - 3 d Effects +
Site Settings > ] [
| Y I
Help > : il : Styles +
Your Account A W/
N Opacity 1 —
{ =% P ; .
Visible Yes No
: World-class hosting : i
1 | Rotation 0°
i Infrastructure built for scale, i
] performance and reliability. |
e |
: : Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ ® s0% - Upgrade Now
Text Infrastructure built
for scale,
|[} .
v B9 msert Layout F @ Text cMs Portfolio FREE
¥ kg Inser '. ayou . rame T RIS g ortfolio e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web +
o Desktop v 1200 Breakpoint +
PR Button Add...
@ Jabout I FRAMER About  Contact I
: I Position
@ /contact
@ /404 Type Relative v
CMS + . . Size
Make beautiful websites
Canvas + You'vg never made a website Width 368 Fixed v
this fast before. Really.
Get Started Height Auto Fit v
Fit Content
Effects +
: g, i
: ;J:’:‘ i Styles +
i}”"ﬁ, W, Opacity 1 _—
i Visible Yes No
| =R ‘ |
I World-class hosting i Rotation 0°
I Infrastructure built for scale, I
] performance and reliability. |
I I Elements/Card Component
T T Title World-class hosting
Text Infrastructure built
_ for scale,
° )
é Edit k W . 50% v Upgrade Now performance and
reliability.
|A B Insert H Layout Frame by Text CMS Portfolio - objects-wait-224783.framer.app FREE » Publish
» +
Go to Dashboard = & @ 3 4 0 8 =
Quick Actions... #K Overlays +
o Desktop v 1200 Breakpoint +
File N L Button Add...
Edit N E FRAMER About  Contact E
View N Position
Tool > Type Relative v
Layout >
Text ’ Make beautiful websites size
680
Graphic > You've never made a website
this fast before. Really. Width 368 Fixed v
Component >
Get Started
Preview > Height Auto Fit v
Code ’ Fit Content
Preferences >
b r ] . Effects +
Site Settings > : . !
I v I
Help > i ¥ i Styles +
Your Account & .
f 3 A% H .
e Opacity 1 —
] = =0 < = ! Visible Yes No
: i
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ ® s0% - Upgrade Now
Text Infrastructure built
for scale,


Saving a project as template

screenElements:
Button
Dropdown Menu
Banner

screenPatterns:
Acknowledgement & Success
Action Option

screenKeywords:
John
© Recent bsite framer.app
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
> the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
o Mobbin Q Search 1template... Last viewed by me v
S Al
s Templates
® Archived -
o
w2
Portfolio Use Template
Viewed 2 minutes ago
+ Create Team...
|John
© Recent & https://your-next-website framer.app
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
* the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
o Mobbin Q Search 1 project... Last viewed by me v
H Al
NN o QY R
s Templates %%'%*'b’. YL {“ZE.‘;«& = \4 Q S
— BTN & 5
® Archived \>,> - N \‘
SG oY
4+ New Folder... g R SN R
NS ~
By, I A ‘h
% ,Q"
DS [ . 2
NN, % Q‘%%%% S Q
SNOWEAL N -
QRN < o SIS ‘5{? ¥ AN
LOETEE N ESSTEY SiS
N S A SR
™~ Lo N . g
SR 5 R i p
NG G NG
W e S
«s Boost Framer Template (copy)
Viewed 1 minute ago - Edited 16 minutes ago
|John
° Recent https://your-next-website framer.app
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
* the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
o Mobbin Q Search 2 projects... Last viewed by me v
% Al
R SRR Y Y - i
fa Templates ’ %M N *-i;’::s . \4 2
_ 3 B\ - §§ I Js
@ Archived : >\ N L / \ ,\\‘
X e gy 2N
,::}"’a ™ *\ N’&:}
+ New Folder... 4 \\ﬂ A X Make beautiful websites
= e & e
Y *ﬂ)\\}f\/ 4 \t o
> & <4 M. N
A S 2540 &"““»;
TN -q}"ﬂ§\ N %’% S .
P ~ 3 % A B Open in New Tab
N / \‘Ni L7 .y ‘{47 /NG i Copy Link
ﬁ{'( :{\;\g \\\‘ N :f’:‘i;%m a % Wi '\z\\i‘: P Copy Remix Link
9 T;'i\ NS - —_=
;| ‘i\f\\“i 2 R - Save as Template
‘ \\::\\5 A%i":h TN 3 Duplicate
. M
«s Boost Framer Template (copy) Portfolio ove
Viewed 4 minutes ago - Edited 8 minutes ago Viewed 4 minutes ago - Edited 23 mit  Rename
Upgrade Plan
+ Create Team...
Archive
|John
© Recent e framerapp
® Archived
App Tour O Learn Framer 7
An interactive tour to learn Browse video tutorials,
> the basics of Framer. examples, and articles.
Upgrade now to access
more premium features.
Upgrade
o Mobbin Q Search 1template... Last viewed by me v
% Al
s Templates
® Archived -
o
p
w2
Portfolio
Viewed 2 minutes ago - Edited less than a minute ago
+ Create Team...
|; v Insert '= Layout . Frame Text g CMS Portfolio - objects-wait-224783.framer.app FREE e o » m
Pages Layers Assets
Web
A Home
@ /about
@ /contact
@ /404
CMS
Canvas
o Desktop
FRAMER About  Contact
Make beautiful websites
You've never made a website
this fast before. Really.
Get Started
1) You're viewing a template project  Edit Template
® U O so% -


Redirects

screenElements:
Full-screen Overlay
Top Navigation Bar
Side Navigation
Icon
Text Field
Text Field
Card
Button

pageType: Application Application

screenKeywords:
& Portfolio - objects-wait-224783.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs
B Redirects
© Versions Site Title Site Language
@ Analytics My Framer Site
© Plans Site Description
Made with Framer
Page Settings

A Home
@ /about

Preview
@ /contact

yoursite.url :
@ /404 My Framer Site
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaades
|& Portfolio - objects-wait-224783.framer.app FREE e a » m
Site Settings

& General
© Domains Create Redirect vrcrao:

Redirect existing URLs to new ones to maintain search engine ranking. Learn More
Redirects
© Versions

Old URL New URL

Analytics
a 4 [url, Jurl/* ... = url, furl/:1 ... v
O Plans
Page Settings

Redirects vrcraoe
A Home

Any changes made to this list will go live on publish. Reorder the items to define the priority.
@ /about
@ /contact
@ /404

Create a redirect to maintain
search engine ranking for existing URLs


Commenting on the project

screenElements: Banner Button

screenElements:
Side Navigation
Icon

screenPatterns:
Comments
Empty State

screenElements:
Popover
Text Field
Button
Icon

screenElements:
Text Field
Button

screenElements:
Text Field
Button
Banner
Button
Popover
Text Field
Button
Icon
Toolbar
Button
Side Navigation
Icon

screenPatterns:
Comments
Comments
Comments
Add & Create
Comments
Empty State

pageType: Application Application Application Application Application Application Application

screenKeywords:
T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets Comments Open v
Web + @ Deskiopv 1200 Breakpoint +
A Home
@ /about
@ /contact
@ /404
cms + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
No open comments.
Click anywhere on the canvas
to start a conversation.
€
vz
. This is a project card. X °
World-class hosting
Infrastructure built for scale,
performance and reliability.
A ¢ w . 50% v Upgrade Now
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets 1Comment Open v
John Smith
Web + @ Desktopv 1200 Breakpoint + Just now
This is a project card.
A Home
FRAMER About  Contact R
@ Jabout O replies
@ /contact
@ /404
cms + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
€,
vz
World-class hosting
Infrastructure built for scale,
performance and reliability.
A ¢ w . 50% v Upgrade Now
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets Comments Open v
Web + o Desktop v 1200 Breakpoint +
A Home
FRAMER About  Contact
@ /about
@ /contact
@ /404
cMs + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
No open comments.
Click anywhere on the canvas
to start a conversation.
@,
il
3
2
1B
World-class hosting
Infrastructure built for scale,
performance and reliability.
i) Stay up to date with browser notifications =~ Continue
A ¢ w . 50% v Upgrade Now
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets Comments Open v
Web + @ Deskiopv 1200 Breakpoint +
A Home
@ /about
@ /contact
@ /404
cMs + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
No open comments.
Click anywhere on the canvas
to start a conversation.
€
vz
. Write a comment... X qp
World-class hosting
Infrastructure built for scale,
performance and reliability.
A ¢ w . 50% v Upgrade Now
|[} .
v B9 msert Layout F @ Text cMs Portfolio FREE
¥ kg Inser '. ayou . rame T RIS g ortfolio e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web +
o Desktop v 1200 Breakpoint +
PR Button Add...
@ Jabout I FRAMER About  Contact I
: I Position
@ /contact
@ /404 Type Relative v
CMS + . . Size
Make beautiful websites
Canvas + You'vg never made a website Width 368 Fixed v
this fast before. Really.
Get Started Height Auto Fit v
Fit Content
Effects +
: g, i
: ;J:’:‘ i Styles +
i}”"ﬁ, W, Opacity 1 _—
i Visible Yes No
| =R ‘ |
I World-class hosting i Rotation 0°
I Infrastructure built for scale, I
] performance and reliability. |
I I Elements/Card Component
T T Title World-class hosting
Text Infrastructure built
_ for scale,
° )
é Edit k W . 50% v Upgrade Now performance and
reliability.
|X
; framer.com wants to Text g CMS Portfolio FREE e o » m
‘ Show notifications
Comments Open v
Block Allow
Web i o Desktop v 1200 Breakpoint <+
A Home
FRAMER About  Contact
@ /about
@ /contact
@ /404
cMs + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
No open comments.
Click anywhere on the canvas
to start a conversation.
b G
vz
World-class hosting
Infrastructure built for scale,
performance and reliability.
A ¢ w . 50% v Upgrade Now
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets Comments Open v
Web + o Desktop v 1200 Breakpoint +
A Home
FRAMER About  Contact
@ /about
@ /contact
@ /404
cms + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
No open comments.
Click anywhere on the canvas
to start a conversation.
i
vz
World-class hosting
Infrastructure built for scale,
performance and reliability.
A ¢ w . 50% v Upgrade Now


Account settings

screenElements:
Dialog
Side Navigation
Avatar
File Upload
Text Field
Dropdown Menu

screenPatterns:
Settings & Preferences
Settings & Preferences

screenKeywords:
Account Settings

Profile 2 Unknown Client
) Current session

Teams
|Account Settings
Avatar
Min. 200x200px, .PNG or .JPEG
Teams
Sessions
First Name
John
Last Name
Smith
Email
This email will be associated with your Framer account.
To update the email for your Framer billing please email .
jsmith.mobbin@gmail.com
|John
Account Settings Get Started
© Recent Night Mode
@ Archived Desktop App
Start App Tour
Import From... >
.* Hide Get Started https://your-next-website.framer.app
Upgrade now to access Hide Template Selection
more premium features.
Homepage APP Tour O Learn Framer 7
Upgrade Feedback An interactive tour to learn Browse video tutorials,
Support the basics of Framer. examples, and articles.
Community
Sign Out
o Mobbin
% Al
s Templates
W Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
3 N NN Y KA i
VUINRTYER/
NN -9 §6
7 /s Ny N ¥ =
VE: R -
/ % ( ;~ ;\ RS S&:}k Make beautiful websites
- ASGs . 4 \i l_
o = X Q
O N
SO S,
Lo NN/ VYK
NG S AN AL
N 1“"{\- 2N 4 ’ N =
+ Create Team... SR " N %
S S . N
R Sty
‘ RN AN
|Account Settings

Profile Mobbin )
Free Team / Admin Settings

Sessions


Notifications

screenElements: Card Photo

screenElements:
Avatar
Badge
Status Dot

screenElements:
Avatar
Badge
Status Dot
Card
Photo

screenPatterns:
Notifications
Other Content

screenKeywords:
9414 all T @
. ‘ liked your comment: "So cute!"
(+ 18 hr ago
commented on: "My little panda
° ) family %o &""
O 19hr ago
You're so close! Just a few steps away
° 0 from unlocking your Icebreaker badge
O 21hr ago
Someone checked out your profile! Tap
° to find women in your area
© 22nhr ago
p v Congrats! You've earned the "Bold
° ” moves" award. Check it out!
Q@ 2nhr ago
. G _is your new connection!
o 22 hr ago
p v You're so close! Just a few steps away
u from unlocking your Bold moves badge
O 2nr ago
, = We think you'll like the August 2021
° " Babies = group. Check it out!
@ 22hr ago
|9:41 all T @)
90 W %480
NEARBY SEE WAVES
RECENTLY ACTIVE
e /) -
' / : 4 ,, ’
{7 7 e
L AEL ‘ 7
‘}f :/ W, /N
/f:‘",.f/ R oL
& ™ 2
{f ‘
k ¥ Xy L )
| -
- y ‘,n)
(o)
0O 22 (©)
. ]


Inviting collaborators

screenElements:
Popover
Text Field
Button

screenElements:
Text Field
Tooltip
Tooltip
Popover
Text Field
Button
Toolbar
Button
Avatar

screenPatterns:
Invite Teammates
Invite Teammates
Add & Create
Invite Teammates

screenKeywords:
T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] > m
Invite Collaborators
Pages Layers Assets
jdoe.mobbin@gmail.com Can edit v
Web + o Desktop v 1200 Breakpoint <+
n Mobbin Can access
‘ Home 35t All team members
| FRAMER About  Contact |}
@ /about i | 4] John Smith Owner
Viewing now
@ /contact
@ /404
cMs + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
Anyone with the link can view v Copy Link
I s |
i 3/ E Styles +
] & i {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e’ o] » m
Jane Doe S
Pages Layers Assets I + I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] ]
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + this fast before. Really. Width 368 Fhesl
Get Started
Height Auto Fit v
Fit Content
b r ] . Effects +
5 “, I
i v"‘ i Styles +
] & E {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Invite Collaborators . I
Pages Layers Assets — I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] [
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + this fast before. Really. Width 368 Fhesl
Get Started
Height Auto Fit v
Fit Content
b r ] . Effects +
5 it |
E 3 i Styles +
] & E {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e’ o] > m
Invite Collaborators
Pages Layers Assets
Email address Can edit v
Web + o Desktop v 1200 Breakpoint <+
n Mobbin Can access
‘ Home 35t All team members
i FRAMER About  Contact i
@ /about i | 4] John Smith Owner
Viewing now
@ /contact
Jane Doe
@ /404 Never viewed Can edit
Can view
cMs + Make beautiful websites
Remove
You've never made a website
Canvas + this fast before. Really.
Get Started
Anyone with the link can view v Copy Link
5 s |
i 3/ E Styles +
] & i {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] > m
Invite Collaborators
Pages Layers Assets
Email address Can edit v
Web + o Desktop v 1200 Breakpoint <+
n Mobbin Can access
‘ Home 35t All team members
| FRAMER About  Contact |}
@ /about i | 4] John Smith Owner
Viewing now
@ /contact
@ /404
cms + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
Anyone with the link can view v Copy Link
I s |
i 3 i Styles +
] & k !
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|[} .
v B9 msert Layout F @ Text cMs Portfolio FREE
¥ kg Inser '. ayou . rame T RIS g ortfolio e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web +
o Desktop v 1200 Breakpoint +
PR Button Add...
@ Jabout I FRAMER About  Contact I
: I Position
@ /contact
@ /404 Type Relative v
CMS + . . Size
Make beautiful websites
Canvas + You'vg never made a website Width 368 Fixed v
this fast before. Really.
Get Started Height Auto Fit v
Fit Content
Effects +
: g, i
: ;J:’:‘ i Styles +
i}”"ﬁ, W, Opacity 1 _—
i Visible Yes No
| =R ‘ |
I World-class hosting i Rotation 0°
I Infrastructure built for scale, I
] performance and reliability. |
I I Elements/Card Component
T T Title World-class hosting
Text Infrastructure built
_ for scale,
° )
é Edit k W . 50% v Upgrade Now performance and
reliability.
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e’ o] > m
Invite Collaborators
Pages Layers Assets
Email address Can edit v
Web + o Desktop v 1200 Breakpoint <+
n Mobbin Can access
‘ Home 35t All team members
i FRAMER About  Contact i
@ /about i | 4] John Smith Owner
Viewing now
@ /contact
Jane Doe _—
@ /404 . Never viewed Can edit
cMs + Make beautiful websites
You've never made a website
Canvas + this fast before. Really.
Get Started
Anyone with the link can view v Copy Link
I s |
i Qv,n i Styles +
] & i {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e’ o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] ]
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + this fast before. Really. Width 368 Fhesl
Get Started
Height Auto Fit v
Fit Content
b r ] . Effects +
I it |
i 3 E Styles +
] & E {
i “‘;é"‘ Opacity 1 B —
(=]e ® Visible Yes No
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,


Submit a template

pagePatterns:
Header Section
Misc

screenElements: Link Divider Checkbox Button

pagePatterns:
Misc
Misc
Misc
Misc
Header Section
Misc
Templates Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing Start for free
Form not loading? Click here.

Distribute your template
Besides submitting your template to be listed on
Framer.com, we highly recommend to also post your
template on other creative market places to generate more
views and sales.
@ ui8.net
@ Creative Market
@ Dribbble
@ Envato Market

Company Templates Resources

About New Desktop Apps ¥ Made in Framer
|Best practices
Make sure your template checks all the boxes below.
Strong graphic design principles, including contrast, typography and layout
At least 4 pages with distinct layouts
Published to a framer.app or custom framer.website URL
All links in the template work and point to a valid URL
Uses default or Google fonts included with Framer
Is responsive between desktop and mobile
Has clearly structured HTML tags on elements
Images have alt tags where needed
Has accessible color contrast where possible
|Best practices
Make sure your template checks all the boxes below.
Strong graphic design principles, including contrast, typography and layout
At least 4 pages with distinct layouts
Published to a framer.app or custom framer.website URL
All links in the template work and point to a valid URL
Uses default or Google fonts included with Framer
Is responsive between desktop and mobile
Has clearly structured HTML tags on elements
Images have alt tags where needed
Has accessible color contrast where possible
|& Framer Templates Plugins Learn Gallery Use cases ¥ Resources ~ Support ~ Pricing Eﬂrt for free
e e i ey e e e
thousands of page views daily. Choose to make
your template free or paid. We do not take any cut
from sales, all payments go directly to you.
Grow your o= ‘
0 .
€ i
{ Somen Express yourself, even
when you're apart.
I I : 6.267 =
Anomaly by Cédric Moore
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing Start for free
Submit template
Post your template on gumroad.com and we’ll host a link on
our site.
1% Your name *
press Enter <
Form not loading? Click here.
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
Submit a
template.
You provide the templates, and we provide
thousands of page views daily. Choose to make
your template free or paid. We do not take any cut
from sales, all payments go directly to you.
'ﬁ . & " ‘ o .“Iv‘.,: I
x Send money to .
friends & family
= Hmcaréﬁeéééi?mpmnes
¥ Made in Framer
£l ot mes e b
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing Start for free
ruiuvinv A —rnipg
Splash Page
. E Boost Free 3D Landing Page Free Saa$S Free
Startup Framer Design+Code Framer
I e o D)
3D — Stay close to your S°Y“’h°"s°"y°
““ fqvorife people. e
m e / =3
e = ! :
VL it . T s =
R A ,2 | = ’ 4
Tt o . . o ~ = ;
T e . =
W e 4 .
® 5 _
=y \\ h Send money to
‘ $\° &° . ) ‘\l\ friends & family
vﬁf"‘ Project updates o A
o & deliverables.
b ,@ |
' ‘\gﬂc‘é
- . &éc:\‘::qm" o ==
‘ugx‘f“ozv"(’\ Share live )
o E OGO ; location st ax
Q RN moeo i
4 . ‘f\: o r \ =9
y \‘\.sw::\f"““ - =
‘ V"t‘_'c,w $16.50 =
A.oﬁ'(
Blog Free  Agency Case Study Free  App Landing Page Free
Framer Framer Framer
All Website Templates


Partner program

screenElements: Card Icon Button

screenElements:
Animation & Video
Button

screenElements:
Card
Icon
Button
Animation & Video
Animation & Video
Button
Dropdown Menu

pagePatterns:
Affiliation & Partner Program Page
Affiliation & Partner Program Page
Affiliation & Partner Program Page
Affiliation & Partner Program Page

pageType: Marketing Marketing Marketing Marketing Marketing

screenKeywords:
& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
P teF itht lat

romote rramer wi empidtes,

[ [ ] [ ] [ ] I

in videos, on sites, and social.
Free Templates YouTube Videos
Create free templates for users to design their next site. Record videos about web builders or how to design and
When customers use Jonny’s free template Note and publish sites with Framer. Like Oliur, who shows different
subscribe to Framer, he gets 50% of all subscriptions for ways to build a website in 2022 and highlights Framer
12 months. Alternatively, you can make a paid template with his unique link in the description. Or Traf, who shows
and take home 100% of the revenue it generates. how to remake Linear’s homepage in this video.

o h P 2 & :
k| ? ‘ I - ¥ Made in Framer
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
Partner with Framer and earn
50% of bscripti
6 of every subscription you
bring in for 12 h
ring in Tor 12 months.
Share link Get paid
Promote Framer online to get the You earn 50% of all subscription
word out. Add your unique link to payments for 12 months. Every
a website, social media bio, or site, team, or business plan you
share it in blog posts, tweets, bring in counts, and there is no
tutorials, and videos. Add the limit on your referrals. Partners
promo code to get your audience get login details so they can keep
Join today to subscribe to Framer. track and manage payouts.
¥ Made in Framer
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
Free Templates YouTube Videos
Create free templates for users to design their next site. Record videos about web builders or how to design and
When customers use Jonny’s free template Note and publish sites with Framer. Like Oliur, who shows different
subscribe to Framer, he gets 50% of all subscriptions for ways to build a website in 2022 and highlights Framer
12 months. Alternatively, you can make a paid template with his unique link in the description. Or Traf, who shows
and take home 100% of the revenue it generates. how to remake Linear’s homepage in this video.
== MleY="N
Yt \ ¥ ' ’
r e -
S \ > ,
- ‘ ATE A
J S —— | CREEBste ] ,
N = . W)
— - — N,
€ Made in Framer
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
HT i I NS
Sites Banner Social
Promote Framer with a banner on your site. Ben added Share updates about Framer, or show your site and
one to his portfolio and earns money when his audience explain how you made it like Fons. Share your link in a
signs up for Framer and picks up a paid plan. follow-up tweet that sends your audience to Framer.
Fons Mans y
P, J @FonsMans - Follow
Still mind-blown by how quick and easy it
is to set up a landing page with @framer
N E
— o Watch on Twitter
Copy banner [EDsI[eTeTe BF4T6) .
¥ Made in Framer
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources - Support ~ Pricing -
Desktop apps
Figma plugin
e
= e Experts
—_ e Partner program
Ship si ith styl
Ip sites with style.
Go from design to world-class site with Framer,
the web builder for creative pros.
¥ Made in Framer


Copying site banner

screenElements:
Button
Animation & Video
Button

screenKeywords:
& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
HT i I NS
Sites Banner Social
Promote Framer with a banner on your site. Ben added Share updates about Framer, or show your site and
one to his portfolio and earns money when his audience explain how you made it like Fons. Share your link in a
signs up for Framer and picks up a paid plan. follow-up tweet that sends your audience to Framer.
Fons Mans y
% @FonsMans - Follow
Still mind-blown by how quick and easy it
is to set up a landing page with @framer
— o Watch on Twitter
Done! Paste in Framer DI leYole B¥] ) .
¥ Made in Framer
|& Framer Templates Plugins Learn Gallery Use cases ~ Resources ~ Support ~ Pricing -
HT i I NS
Sites Banner Social
Promote Framer with a banner on your site. Ben added Share updates about Framer, or show your site and
one to his portfolio and earns money when his audience explain how you made it like Fons. Share your link in a
signs up for Framer and picks up a paid plan. follow-up tweet that sends your audience to Framer.
Fons Mans y
P, J @FonsMans - Follow
Still mind-blown by how quick and easy it
is to set up a landing page with @framer
N E
— o Watch on Twitter
Copy banner [EDsI[eTeTe BF4T6) .
¥ Made in Framer


Changing nudge amount

screenElements:
Dropdown Menu
Keyboard Key

screenElements:
Dialog
Keyboard Key
Text Field

screenElements:
Dropdown Menu
Keyboard Key
Stepper
Dialog
Keyboard Key
Text Field

screenPatterns:
Action Option
Edit

screenKeywords:
T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] [
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + this fast before. Really. Width 368 Fhesl
Get Started
Height Auto Fit v
Fit Content
b r ] . Effects +
i S i
i e E Styles +
] ‘ Zoom z i
i L i .
! e Zoom In ®+ : Opacity 1 —
k Zoom Out -
e Q Visible Yes No
' World-class Zoom to 100% ¥#0 : )
: ! Rotation 0°
: Infrastructure buil Zoom to Fit #$1 :
] performance and |
] Zoom to Selection 3 2 i
: Reverse Zoom Direction : Elements/Card Component
Nudge Amount Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] [
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + Width 368 Fixed v
Nudge Amount X
Height Auto Fit v
Use ‘ to move layers by 2 [28 .
Jd1v D Fit Content
Additionally, hold 4 to move by 10 px
! " Effects +
| L |
E il i Styles +
: & W i
i “‘;é'” Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] [
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + Width 368 Fixed v
Nudge Amount X
Height Auto Fit v
Use ‘ to move layers by 1 : .
Jd1v D M Fit Content
Additionally, hold #+  to move by 10 px
! " Effects +
| L |
E av" i Styles +
: & W i
i “‘;é'” Opacity 1 B —
(=]e ® Visible Yes No
i World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,
|T v Insert '= Layout . Frame Text g CMs Portfolio FREE e o] » m
Pages Layers Assets I- + -I T + 8 I'I =
Overlays +
Web + o Desktop v 1200 Breakpoint +
Button Add...
A Home 255
| FRAMER About  Contact
@ /about ] [
Position
@ /contact
@ /404 Type Relative v
cms + Make beautiful websites size
You've never made a website
Canvas + Width 368 Fixed v
Nudge Amount X
Height Auto Fit v
Use ‘ to move layers by 1 [28 .
Jd1v D Fit Content
Additionally, hold 4 to move by 10 px
! " Effects +
| L |
E il i Styles +
: & W i
i “‘;é'” Opacity 1 B —
(=]e ® Visible Yes No
I World-class hosting i Rotation 0
i Infrastructure built for scale, i
] performance and reliability. |
e |
] 4 Elements/Card Component
Variant Variant 1 v
Title World-class hosting
4 Edit w ¥ @& s50% -~ Upgrade Now
Text Infrastructure built
for scale,


Deleting a team

screenElements:
Dialog
Text Field
Button

screenElements:
Dialog
Text Field
Button
Text Field
Button

screenPatterns: Delete Confirmation Delete

screenKeywords:
Acme Team Settings Free Team Account
Invite Logo
Members Min. 200%200px, .PNG or .JPEG
Invoices Delete Team
Plans
Nar Team name (for confirmation)
Permissions
A Deleting this team will cause all team
Fonts .
members to lose access. Projects from
this team will move to Archived for each
project owner. This cannot be undone.
D¢ Cancel
|John
Get Started
© Recent
® Archived
.+ https://your-next-website.framer.app
Upgrade now to access
more premium features.
App Tour O Learn Framer 7
Upgrade An interactive tour to learn Browse video tutorials,
the basics of Framer. examples, and articles.
v o Mobbin
@ Al —
Recent e =
s Templates
W Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
Sy J o b4 -, " 2 " Yy,
v N S DN A
SN aw -9 §6
7 /s Ny N ¥ =
/ " \\\ {%\\ \ ?
/ ::\::":'% y N N S&:}’% Makebeautiful websites
S \ % \\ \g et o
« v‘; 5 / -
> & <4 M. N
Y/ U /
NN N s e i
CEARR O VL N SR AS o—
;{‘g 3\5\ SIN \%"“ A S \%\‘ S
S "7}%“\. Rl N 4 : R =3
+ Create Team... SR \\\\‘} " N 4
N9 L N
e e TREL S
|Acme Team Settings Free Team Account
Invite Logo
Members Min. 200%200px, .PNG or .JPEG
Invoices
Plans

Name
Permissions
Fonts Acme

Delete Team
|Acme Team Settings Free Team Account
Invite Logo
Members Min. 200%200px, .PNG or .JPEG
Invoices Delete Team
Plans
Nar Acme
Permissions
A Deleting this team will cause all team
Fonts .
members to lose access. Projects from
this team will move to Archived for each
project owner. This cannot be undone.
D¢ Cancel