PATTTTERNS
Home/
149. Security Top-banner

149. Security Top-banner

ID
144
Date Added
Apr 5, 2021 03:17 PM
Device
Desktop
OS
Web
Language
English
Flows
Decision Making
Components
Components*
Flows*
Related patterns
notion image
 
No preview

401. In-App News Notification

View Pattern
No preview

400. 3D Button Shadow

View Pattern
No preview

399. Snooze newsletter by topics

View Pattern
No preview

397. Modal with Card Options

View Pattern
No preview

394. Page Outline Floating Scroller

View Pattern
No preview

393. Colored Checkboxes

View Pattern
No preview

392. SaaS for Construction Workers

View Pattern
No preview

390. Icon Software Landing Page

View Pattern
No preview

389. Text Edit Inline Input

View Pattern
No preview

388. Multiple Item Selection Drag & Drop

View Pattern
No preview

386. Skeleton Loader

View Pattern
No preview

383. Video Animation on Touch

View Pattern
No preview

382. Interactive Background Animation

View Pattern
No preview

379. Dropdown Filters

View Pattern
No preview

378. Modal Blackout with Animation

View Pattern
No preview

363. Better History - Back to Top on scroll

View Pattern
No preview

362. Slack - Side Menu Toggle

View Pattern
No preview

361. WhatsApp - Progress Bar Loading

View Pattern
No preview

360. Page Outline Menu

View Pattern
No preview

359. Discord - Button to Input Transition

View Pattern
No preview

358. Google Drive - Floating Menus

View Pattern
No preview

357. Google/Youtube Help - Fixed Form with Steps

View Pattern
No preview

356. MetaMap - Multi-Layout Topbar Menu

View Pattern
No preview

355. Jira - Feature Presentation Tooltip

View Pattern
No preview

354. Figma - Floating Form with Steps

View Pattern
No preview

353. Population Pyramid - Visualizations with live filters

View Pattern
No preview

362. Modal Blackout with Form & Animations

View Pattern
No preview

350. Netifly - Multi-layout Topbar Menu

View Pattern
No preview

349. HubSpot - Toggle High Contrast

View Pattern
No preview

359. Toggle List/Grid View

View Pattern
No preview

347. YouTube - Floating Progress Bar

View Pattern
No preview

357. Modal with Steps (No blackout)

View Pattern
No preview

355. Navigation Tabs with Slider (Swipe)

View Pattern
No preview

344. MercadoLibre - Horizontal Item Slider

View Pattern
No preview

343. Behance - Login with Code Validation

View Pattern
No preview

342. Savee - Light/Dark Mode Switcher

View Pattern
No preview

340. Asana - Zoom/Magnifier Over Image

View Pattern
No preview

341. Image Grid Customization Sliders

View Pattern
No preview

339. Asana - Platform Onboarding Simulator

View Pattern
No preview

346. Toggl - Sidebar Menu Show More

View Pattern
No preview

345. Vertical Accordion for FAQs

View Pattern
No preview

336. Floating Popover on Click

View Pattern
No preview

343. Modal Drag & Drop to Fixed Position

View Pattern
No preview

334. MercadoLibre - Call to Action Trigger Effect

View Pattern
No preview

332. Apple - Drag&Drop Browser File to Desktop

View Pattern
No preview

331. Linkedin - Search Bar Blackout

View Pattern
No preview

330. PositivePsychology - Article User Feedback

View Pattern
No preview

322. Search on Menu Items

View Pattern
No preview

328. Apple Safari - Zoom In/Out Transition

View Pattern
No preview

333. Static Tooltip with Steps

View Pattern
No preview

325. Apple - Drag & Drop Slots

View Pattern
No preview

324. Visual Studio Code - Dual View Scroll Sync

View Pattern
No preview

329. Postman - Onboarding Tooltips

View Pattern
No preview

321. Caloriemama - App Hero Swiper

View Pattern
No preview

320. Discord - Sign In with Loading Tips

View Pattern
No preview

319. Wordpress - Delete Confirmation with Name

View Pattern
No preview

318. Binance - Tooltip on Features

View Pattern
No preview

317. Zoom In—Out Transition on Click

View Pattern
No preview

316. Apple - Tooltip on icon

View Pattern
No preview

315. Signal - PIN Reminder

View Pattern
No preview

314. Snapchat - Snap Camera

View Pattern
No preview

312. Pocket - View Switcher

View Pattern
No preview

312. Instagram - Animated Illustration with Menu

View Pattern
No preview

310. HubSpot - Checkbox Confirmation

View Pattern
No preview

309. Instagram - Brand Gradient

View Pattern
No preview

308. MercadoLibre - Hero Slider

View Pattern
No preview

313. Modal Blackout with Scroll

View Pattern
No preview

312. Google Data Studio

View Pattern
No preview

305. Notion - App Download Page

View Pattern
No preview

309. Horizontal Slider for Styles

View Pattern
No preview

308. Spinners for Module Loading

View Pattern
No preview

307. Tooltip on Hover

View Pattern
No preview

306. Drag & Drop for Reordering Items

View Pattern
No preview

305. Button Combo for App Download

View Pattern
No preview

303. Background Animation

View Pattern
No preview

302. Theme Switcher in Side-drawer

View Pattern
No preview

300. Sound Bars Graph

View Pattern
No preview

299. Fixed Corner Popup with Steps

View Pattern
No preview

298. Avatar Sync with NFT

View Pattern
No preview

297. Thumbs Up/Down

View Pattern
No preview

295. “NEW” Badge on Menu Items

View Pattern
No preview

294. Full-Screen Steps Animated Transition

View Pattern
No preview

293. Collapsable Sidebar Menu

View Pattern
No preview

292. Vertical Icon Menu

View Pattern
No preview

291. Action Menu from Button

View Pattern
No preview

289. Floating Popover on Click

View Pattern
No preview

288. Vimeo - Topbar Language Switching

View Pattern
No preview

286. Apple - Background Animation on Scroll

View Pattern
No preview

285. Cloudflare - Sidebar with Scroll

View Pattern
No preview

284. Emergency Information Map

View Pattern
No preview

284. Top Tooltip on Link Hover

View Pattern
No preview

282. Telegram - Chat Setup Wizard

View Pattern
No preview

281. Ideabot - Background Animation on Mouse Movement

View Pattern
No preview

280. Slack - Workspace Creation Wizard

View Pattern
No preview

271. Slack - Collapsable Sidebars

View Pattern
No preview

278. Search Menu Dropdown from Input Text

View Pattern
No preview

277. Horizontal Card Slider with Actions

View Pattern
No preview

268. GIPHY - Alert on Drag & Drop

View Pattern
No preview

275. Popover on Hover

View Pattern
No preview

274. Interactive Background Animation

View Pattern
No preview

265. Youtube - Hidden Options Menu (Dots)

View Pattern
No preview

264. Figma - Interactive Background Animation

View Pattern
No preview

268. Modal Blackout with Swiper

View Pattern
No preview

267. Google - Horizontal Card Slider

View Pattern
No preview

266. Mailchimp - Hold Button for Confirmation

View Pattern
No preview

259. Apple - Drag & Drop List Items

View Pattern
No preview

262. Fixed Modal Blackout

View Pattern
No preview

257. Spotify - Zoom In Transition

View Pattern
No preview

259. Squarespace - Multi-depth Sidebar Navigation

View Pattern
No preview

258. Squarespace - Adaptable Viewport Size

View Pattern
No preview

256. Modal Blackout with Steps & Forms

View Pattern
No preview

243. GIPHY - Trim Video Slicers

View Pattern
No preview

254. Notion - Side Menu Toggle

View Pattern
No preview

253. Youtube - Table Row Selector

View Pattern
No preview

240. Instagram - Horizontal Accordion

View Pattern
No preview

251. Progressive Layout Loader

View Pattern
No preview

238. WhatsApp - Color Switcher Preview

View Pattern
No preview

237. Apple - Snackbar Popup Animation

View Pattern
No preview

236. GIPHY - Horizontal Slider Navigation

View Pattern
No preview

235. Background Animation on Hover

View Pattern
No preview

233. Asana - Floating Animation

View Pattern
No preview

241. Modal Blackout with Steps

View Pattern
No preview

231. Automatic Floating Popover with Steps

View Pattern
No preview

230. Apple - Secondary Sidebar Toggle

View Pattern
No preview

229. Top Banner for Design Changes

View Pattern
No preview

228. Notification Bell Status

View Pattern
No preview

236. Horizontal Graph with Time Ranges

View Pattern
No preview

226. Youtube Studio - Image Multi-zone Crop

View Pattern
No preview

225. Cloudflare - Multiple Graphs by Time Ranges

View Pattern
No preview

232. Drag & Drop to Browser

View Pattern
No preview

223. Apple - Stop Operation Progress

View Pattern
No preview

222. Cloudflare - Toggle Light/Dark Theme

View Pattern
No preview

221. Apple - Image Grid Spacing

View Pattern
No preview

220. Apple - Multi-window App

View Pattern
No preview

219. Apple - Adjacent Sidebar Toggle

View Pattern
No preview

218. Apple Keynote - Template Format Selection

View Pattern
No preview

217. Apple - Cropping multiple screens

View Pattern
No preview

222. Floating Banner on User Input

View Pattern
No preview

215. Stacked Action Button

View Pattern
No preview

214. Netflix - Information Toggle

View Pattern
No preview

218. Modal Blackout with Steps, Forms and Animations

View Pattern
No preview

211. Intercom - Vertical Icon Menu

View Pattern
No preview

212. Automatic Background Animation

View Pattern
No preview

45. Webapp Video Loader

View Pattern
No preview

165. Two-step Download Flow

View Pattern
No preview

59. Ecommerce App Homepage (5)

View Pattern
No preview

183. Apple MacOS - Full Screen Widget Customization

View Pattern
No preview

162. Login Value Compare

View Pattern
No preview

101. Downloading Desktop App

View Pattern
No preview

169. Youtube Studio - Delete Content Forever

View Pattern
No preview

121. 2-pane Audio Navigation

View Pattern
No preview

172. PedidosYa - Search Results Recommendation

View Pattern
No preview

52. Uber EATS - Making a Food Order

View Pattern
No preview

31. Page Blocker Edition Warning

View Pattern
No preview

5. Website Promotional Top Banners

View Pattern
No preview

53. Apple Safari - Editing Bookmarks

View Pattern
No preview

189. Feature Preview on Menu

View Pattern
No preview

95. Delete Confirmation with Name

View Pattern
No preview

175. Tab Preview on Hover State

View Pattern
No preview

161. Apple - Two-Factor Validation (2FA)

View Pattern
No preview

91. Settings for Account Privacy

View Pattern
No preview

138. Read Modes

View Pattern
No preview

148. Search Bar Fade-out

View Pattern
No preview

134. Save for Reading Later

View Pattern
No preview

43. File Upload Status

View Pattern
No preview

199. Sidebar Emptystate

View Pattern
No preview

54. Apple Safari - Browser Reader Mode

View Pattern
No preview

201. Modal Blackout with Actions

View Pattern
No preview

189. Illustration (Meme) on Empty State

View Pattern
No preview

130. Animated Email Page

View Pattern
No preview

114. News Swiper

View Pattern
No preview

151. Menu Drop-down

View Pattern
No preview

144. Meeting Guest Warning

View Pattern
No preview

93. Top Secondary Banner

View Pattern
No preview

137. Product Color Selector

View Pattern
No preview

132. Amazon - Store Tooltip Reminders

View Pattern
No preview

181. Plan Upgrade Flow

View Pattern
No preview

106. In-App Promotional Banner

View Pattern
No preview

111. Magazine Subscription

View Pattern
No preview

7. sitepoint - Accessibility Adjustments

View Pattern
No preview

163. Open App from Web

View Pattern
No preview

164. Static Tooltip on Menu

View Pattern
No preview

191. Viedo Rewind & Forward

View Pattern
No preview

42. Browser Status Banner for Pages

View Pattern
No preview

157. Webflow - Magnifying Glass on Images

View Pattern
No preview

65. PedidosYa - Location Confirmation

View Pattern
No preview

184. Apple App Store - Download & Confirmation Buttons

View Pattern
No preview

198. Take action on Music Claims

View Pattern
No preview

89. Bottom Page Fake-News Warning

View Pattern
No preview

61. Section Dropdown

View Pattern
No preview

11. Apple MacOS - Split OS Screens

View Pattern
No preview

90. In-product Top Primary Banner

View Pattern
No preview

70. Trip Starting Point

View Pattern
No preview

62. Google Maps - Weekly Schedule

View Pattern
No preview

127. Google Maps - Notifications Disabled Warning

View Pattern
No preview

179. Stylized Feature Highlighting

View Pattern
No preview

203. Password Expiration on Login

View Pattern
No preview

56. Automatic Blackout Popover with Steps

View Pattern
No preview

158. Bar Reading Status

View Pattern
No preview

115. Buffer - Hover Instructions

View Pattern
No preview

81. MercadoLibre - Saving Favourites as Guest

View Pattern
No preview

51. Download App Reminder

View Pattern
No preview

167. Apple MacOS - 2-pane Widget Customization

View Pattern
No preview

139. Synced Hover Animations

View Pattern
No preview

193. Apple iOS - Contextual Feature Presentation

View Pattern
No preview

73. App Swiper

View Pattern
No preview

152. File Icon Selector

View Pattern
No preview

149. Security Top-banner

View Pattern
No preview

145. Communication Preferences on Sign Up Flow

View Pattern
No preview

145. Suscription Options

View Pattern
No preview

147. Linked Settings for User Permissions

View Pattern
No preview

148. Half-page Illustration Slider

View Pattern
No preview

29. About.me - Wizard Generation Profile

View Pattern
No preview

36. Contact Segmentation

View Pattern
No preview

87. Warning on Product Homepage

View Pattern
No preview

10. Background Ads

View Pattern
No preview

83. Banner on News Page

View Pattern
No preview

100. Automatic Floating Popover

View Pattern
No preview

174. User Input for Image ALT Text

View Pattern
No preview

182. Static Tooltip for Text Formatting

View Pattern
No preview

124. Critical Changes Warning

View Pattern
No preview

107. Updating Phone Number Flow

View Pattern
No preview

192. Modal with Actions

View Pattern
No preview

128. Navigation Preferences

View Pattern
No preview

125. Product Highlights

View Pattern
No preview

103. Subscription Reminder

View Pattern
No preview

133. Card Slider with Call-to-Action

View Pattern
No preview

131. Free Audiobook Trial

View Pattern
No preview

8. Adobe - In-App NPS Survey

View Pattern
No preview

49. Notification for Order Review

View Pattern
No preview

116. 2-pane Automatic Slider

View Pattern
No preview

28. Slack - Find your Workspace

View Pattern
No preview

15. Notifications on Map Geolocation

View Pattern
No preview

63. GitHub - Contextual Back Navigation Bar

View Pattern
No preview

14. App Bottom Popup

View Pattern
No preview

122. Automatic Popover with Steps

View Pattern
No preview

32. Mailchimp - Makes me feel

View Pattern
No preview

40. App Image Loader Skeleton

View Pattern
No preview

96. Encouraging Allowing Ads

View Pattern
No preview

171. Slack - Multi-browser Sign In

View Pattern
No preview

186. Apple Safari - Browser Background Customization

View Pattern
No preview

116. User Feedback on Web Content

View Pattern
No preview

117. Side Status Notification

View Pattern
No preview

173. Share Invitation to Live Movie

View Pattern
No preview

91. Bubble Status Reading

View Pattern
No preview

94. Top Primary Banner

View Pattern
No preview

93. Welcome Screen with Background

View Pattern
No preview

129. PDF Show & Download

View Pattern
No preview

190. Ask Email for Playing Video

View Pattern
No preview

168. Anfibia - Natural Article Rating

View Pattern
No preview

79. Out of downloads

View Pattern
No preview

176. Wordpress.com - Natural Inputs with Suggestions

View Pattern
No preview

133. Website-Browser Notification Reminder

View Pattern
No preview

208. Checkbox for User Confirmation

View Pattern
No preview

98. Features on Signing-up

View Pattern
No preview

57. IDF - Encouraging Newsletter Sign-up

View Pattern
No preview

173. Toggl - Onboarding Action Tooltip

View Pattern
No preview

9. App Integration Banner

View Pattern
No preview

202. Apple Reminders - List Widget Customization

View Pattern
No preview

118. Whereby - Pricing Step on Sign Up

View Pattern
No preview

3. Apple Safari - Search Options on Focus

View Pattern
No preview

99. Letterboxd - Topbar Dropdown Menu

View Pattern
No preview

109. Native Long-press Menu

View Pattern
No preview

55. Contextual Form Input Errors

View Pattern
No preview

170. Figma - Fixed Form with Steps

View Pattern
No preview

83. Rewards Notification on Topbar

View Pattern
No preview

185. Bottom Action Menu

View Pattern
No preview

78. Apple iOS - Dark & Light Color Themes

View Pattern
No preview

86. Table Column Slicer

View Pattern
No preview

25. Apple - Two-factor Auth

View Pattern
No preview

2. Youtube - Feed Filter Tabs

View Pattern
No preview

54. Modal for Language & Region Picker

View Pattern
No preview

159. Wix - Natural Language Form

View Pattern
No preview

23. Suscription gimmicks

View Pattern
No preview

110. Vertical Perspective Grid

View Pattern
No preview

69. Uber EATS - Tab Menu Navigation

View Pattern
No preview

11. Intercom - Likert in chat

View Pattern
No preview

196. Video Story on Website

View Pattern
No preview

119. PrestaShop - Site Cookie Management

View Pattern
No preview

66. Products Discounts

View Pattern
No preview

24. Window Maximize Options

View Pattern
No preview

39. Youtube - Dismissed Bottom Popup

View Pattern
No preview

126. WeTransfer - In-front Site Terms

View Pattern
No preview

66. Actionable Empty State

View Pattern
No preview

38. Youtube - Video Statusbar

View Pattern
No preview

85. Bottom Popup Secondary

View Pattern
No preview

60. MercadoLibre - Ecommerce App Searching (3)

View Pattern
No preview

104. Slack - Creating & Customization Workspace

View Pattern
No preview

80. Contextual Input Status

View Pattern
No preview

135. Stories From Network

View Pattern
No preview

58. Getting on Fitness

View Pattern
No preview

47. Notion - Workspace Types

View Pattern
No preview

41. Context Banner Card

View Pattern
No preview

42. Modal for Tags Editing

View Pattern
No preview

21. Apple MacOS - Advanced Color Picking

View Pattern
No preview

75. Notification Recommendation

View Pattern
No preview

22. Mailchimp - First Mailing Campaign

View Pattern
No preview

172. Contextual Popup for Service Upgrade

View Pattern
No preview

84. Pandemic Warning Message on Map

View Pattern
No preview

37. Branded Illustrations for Reinforcement

View Pattern
No preview

209. Apple Calendar - Zoom Transition Navigation

View Pattern
No preview

35. Do Not Leave Popup

View Pattern
No preview

156. Figma - Keyboard Navigated Menu

View Pattern
No preview

88. Fake-News Warning

View Pattern
No preview

105. Automatic Blackout Popover

View Pattern
No preview

29. General Form Errors Banner

View Pattern
No preview

72. Google Maps - Congratulation Displaying Results

View Pattern
No preview

154. Order Status Top Banner

View Pattern
No preview

136. Fitbit - Sleep Graph Visualization

View Pattern
No preview

46. Dribbble - Posting Graphics Online

View Pattern
No preview

158. Automatic Tooltip Blackout (2)

View Pattern
No preview

36. Scroll Required for User Confirmation

View Pattern
No preview

34. Premium gimmicks

View Pattern
No preview

117. 3-tier Pricing Comparison

View Pattern
No preview

1. Steps Guidance

View Pattern
No preview

14. Delete Search History

View Pattern
No preview

143. Platform Sign-in/up

View Pattern
No preview

33. Incremental pricing

View Pattern
No preview

50. Food Order Receipt

View Pattern
No preview

71. Trip Tracking

View Pattern
No preview

166. Confetti Explosion

View Pattern
No preview

77. Walking Directions

View Pattern
No preview

178. OS Voice Widget with Actions

View Pattern
No preview

19. Twitter - Email Validation on Sign Up

View Pattern
No preview

112. Share on Social Networks

View Pattern
No preview

188. Trello - Color shapes for Colour-blind

View Pattern
No preview

155. Menu Search Highlighting

View Pattern
No preview

16. Double Account Entrance

View Pattern
No preview

4. Floating Status Banner

View Pattern
No preview

6. Modal Blackout with Form

View Pattern
No preview

146. Intelligencer - Hamburger Menu

View Pattern
No preview

160. Pocket - Content Highlighting

View Pattern
No preview

139. Zoom Out Transition on Hover

View Pattern
No preview

180. Dedicated Screen for Action Confirmation

View Pattern

Found this pattern useful?

PATTTTERNS - An open catalog of design patterns | Product Hunt