Patterns for Call to Action
For those who needs a little push when taking decisions. Interfaces should give the exact information needed to close a purchase. Usually seen on pricing, sign-up, paywalls and checkouts pages.
- Desktop (72)
- Tablet (1)
- Mobile (13)

397. Modal with Card Options
View Pattern

393. Colored Checkboxes
View Pattern

390. Icon Software Landing Page
View Pattern

389. Text Edit Inline Input
View Pattern

388. Multiple Item Selection Drag & Drop
View Pattern

378. Modal Blackout with Animation
View Pattern

359. Discord - Button to Input Transition
View Pattern

356. MetaMap - Multi-Layout Topbar Menu
View Pattern
No preview
355. Jira - Feature Presentation Tooltip
View Pattern

353. Population Pyramid - Visualizations with live filters
View Pattern

357. Modal with Steps (No blackout)
View Pattern

343. Behance - Login with Code Validation
View Pattern

339. Asana - Platform Onboarding Simulator
View Pattern

334. MercadoLibre - Call to Action Trigger Effect
View Pattern

325. Apple - Drag & Drop Slots
View Pattern

324. Visual Studio Code - Dual View Scroll Sync
View Pattern

319. Wordpress - Delete Confirmation with Name
View Pattern
No preview
318. Binance - Tooltip on Features
View Pattern

310. HubSpot - Checkbox Confirmation
View Pattern

305. Notion - App Download Page
View Pattern

305. Button Combo for App Download
View Pattern
_00.42.51.png%3Ftable%3Dblock%26id%3Da96139bf-3091-48ff-b6e3-fd80ed41d434%26cache%3Dv2&w=3840&q=75)
295. “NEW” Badge on Menu Items
View Pattern

291. Action Menu from Button
View Pattern

289. Floating Popover on Click
View Pattern
_07.10.33_p._m..png%3Ftable%3Dblock%26id%3Df65e7a68-f9e8-4146-b2b9-74c4827a441f%26cache%3Dv2&w=3840&q=75)
275. Popover on Hover
View Pattern

256. Modal Blackout with Steps & Forms
View Pattern

243. GIPHY - Trim Video Slicers
View Pattern

240. Instagram - Horizontal Accordion
View Pattern

235. Background Animation on Hover
View Pattern

232. Drag & Drop to Browser
View Pattern

223. Apple - Stop Operation Progress
View Pattern

218. Apple Keynote - Template Format Selection
View Pattern
_16.00.46.png%3Ftable%3Dblock%26id%3D91ce5b34-1ec1-41b0-b47c-8d19cc809c41%26cache%3Dv2&w=3840&q=75)
222. Floating Banner on User Input
View Pattern

212. Automatic Background Animation
View Pattern
_00.32.31.png%3Ftable%3Dblock%26id%3De64f98fb-9a9f-4ec9-a51c-480319dd9aaf%26cache%3Dv2&w=3840&q=75)
172. PedidosYa - Search Results Recommendation
View Pattern
No preview
162. Login Value Compare
View Pattern

165. Two-step Download Flow
View Pattern

201. Modal Blackout with Actions
View Pattern

111. Magazine Subscription
View Pattern

181. Plan Upgrade Flow
View Pattern
_15.24.08.png%3Ftable%3Dblock%26id%3D9a7bb164-0c11-4f40-8f9d-260869902783%26cache%3Dv2&w=3840&q=75)
144. Meeting Guest Warning
View Pattern

130. Animated Email Page
View Pattern

198. Take action on Music Claims
View Pattern

56. Automatic Blackout Popover with Steps
View Pattern
_16.25.05.png%3Ftable%3Dblock%26id%3D9788a31f-7168-4029-9825-e4724ee626b2%26cache%3Dv2&w=3840&q=75)
145. Suscription Options
View Pattern
_18.38.44.png%3Ftable%3Dblock%26id%3D8bb7e4b4-42c2-4f49-a66a-98fd9f1202c0%26cache%3Dv2&w=3840&q=75)
149. Security Top-banner
View Pattern

139. Synced Hover Animations
View Pattern
_12.02.51_p._m..png%3Ftable%3Dblock%26id%3De589e8a0-d055-4320-8941-901e2ee36900%26cache%3Dv2&w=3840&q=75)
131. Free Audiobook Trial
View Pattern

103. Subscription Reminder
View Pattern
_07.31.59_p._m..png%3Ftable%3Dblock%26id%3D669dd4ae-3093-4979-bcef-c1183214eb67%26cache%3Dv2&w=3840&q=75)
10. Background Ads
View Pattern
_04.18.47_p._m..png%3Ftable%3Dblock%26id%3D4be5aff1-29e3-47cb-ba97-4d14358eb979%26cache%3Dv2&w=3840&q=75)
36. Contact Segmentation
View Pattern
_06.06.59_p._m..png%3Ftable%3Dblock%26id%3Da8fa4a67-ca58-4c01-9f62-b327ac2923a5%26cache%3Dv2&w=3840&q=75)
96. Encouraging Allowing Ads
View Pattern

176. Wordpress.com - Natural Inputs with Suggestions
View Pattern
_10.13.56_p._m..png%3Ftable%3Dblock%26id%3Daf5475db-8465-4e09-bacf-8ef7f47c7bce%26cache%3Dv2&w=3840&q=75)
79. Out of downloads
View Pattern

190. Ask Email for Playing Video
View Pattern
_21.22.04.png%3Ftable%3Dblock%26id%3D9173a586-7e7e-49c2-bd2f-e9f421c86ad2%26cache%3Dv2&w=3840&q=75)
129. PDF Show & Download
View Pattern

86. Table Column Slicer
View Pattern
_06.19.15_p._m..png%3Ftable%3Dblock%26id%3D57456b31-2530-4a00-b0f6-064d4b8bd096%26cache%3Dv2&w=3840&q=75)
118. Whereby - Pricing Step on Sign Up
View Pattern
_01.22.20_a._m..png%3Ftable%3Dblock%26id%3D0ecb8d53-eaca-41d9-b1dd-48c3103c5c00%26cache%3Dv2&w=3840&q=75)
57. IDF - Encouraging Newsletter Sign-up
View Pattern
_07.32.46_p._m..png%3Ftable%3Dblock%26id%3D0105be33-6518-4516-9706-213c077beab3%26cache%3Dv2&w=3840&q=75)
98. Features on Signing-up
View Pattern
_16.08.33.png%3Ftable%3Dblock%26id%3Dcfcf2747-da19-4ea9-843b-0dfda24a65b3%26cache%3Dv2&w=3840&q=75)
126. WeTransfer - In-front Site Terms
View Pattern

196. Video Story on Website
View Pattern

23. Suscription gimmicks
View Pattern
_04.17.01_p._m..png%3Ftable%3Dblock%26id%3Ddd881108-fb3d-4c5e-a587-cb55b1b01538%26cache%3Dv2&w=3840&q=75)
35. Do Not Leave Popup
View Pattern

172. Contextual Popup for Service Upgrade
View Pattern

166. Confetti Explosion
View Pattern

33. Incremental pricing
View Pattern
_15.27.52.png%3Ftable%3Dblock%26id%3D355a83c3-515f-40c8-8375-3ca6fd1edf62%26cache%3Dv2&w=3840&q=75)
143. Platform Sign-in/up
View Pattern
_06.14.20_p._m..png%3Ftable%3Dblock%26id%3D04783d83-38e6-42d4-b740-37f1fb842baf%26cache%3Dv2&w=3840&q=75)
117. 3-tier Pricing Comparison
View Pattern

34. Premium gimmicks
View Pattern

180. Dedicated Screen for Action Confirmation
View Pattern

16. Double Account Entrance
View Pattern

