--- title: Widget Inspiration Ideas and Examples description: Widge now allows you to add a custom background — whether it’s a photo of your restaurant, a beautiful dish, or a stylish pattern. --- [Skip to content](https://help.tablein.com/widget-inspiration-ideas-and-examples#main-content) ![tablein\_logo\_gold](https://help.tablein.com/hs-fs/hubfs/tablein_logo_gold.png?width=85&height=21&name=tablein_logo_gold.png) - [Add new restaurant](https://www.tablein.com/signup) Open main navigation Close main navigation - [Add new restaurant](https://www.tablein.com/signup) - [Account access](https://admin.tablein.com/) [Account access](https://admin.tablein.com/) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Tablein self service portal](https://help.tablein.com/?hsLang=en) 2. [Accepting online bookings](https://help.tablein.com/accepting-online-bookings?hsLang=en) # Widget Inspiration Ideas and Examples **Widge now allows you to add a custom background** — whether it’s a photo of your restaurant, a beautiful dish, or a stylish pattern. We’ve created a few examples to inspire you, and we’re happy to provide all the details if you’d like to implement a similar setup. **Create new widget** - [Open widget integration](https://admin.tablein.com/settings/online-reservations/widget-integration) [![](https://help.tablein.com/hs-fs/hubfs/image-png-Apr-25-2025-07-17-52-0069-AM.png?width=688&height=424&name=image-png-Apr-25-2025-07-17-52-0069-AM.png)](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5625) - **Edge of Calm Theme - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5625)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/restaurant-interior-2.jpg?hsLang=en) **Theme colors**: **Latte theme** from Dark Themes *Primary `#cc8b86` / Secondary `#4b322a`  Primary text `#ffffff` / Secondary text `#ffffff` / Tertiary text `#cbcbcb ` Background `#35201a` / Stroke `#7d5e55` / Border `#35201a`* --- ![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-08-52%20PM-png.png?width=3140&height=1928&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-08-52%20PM-png.png) - **Edge of Calm Theme - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5616)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/top-view-sand-meeting-seawater%20(1).jpg?hsLang=en) **Theme colors**: Golden Tide from **Light** theme *Primary `#e2ae61` / Secondary `#e8f0f6`  Primary text `#ffffff` / Secondary text `#000000` / Tertiary text `#6d6f71 ` Background `#f8fafc` / Stroke `#d2dee7` / Border `#f8fafc`* --- ![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-09-50%20PM-png.png?width=2740&height=1778&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-09-50%20PM-png.png) - **Sugar Rush Theme - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5627)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/photo-wall-texture-pattern-2.jpeg?hsLang=en) **Theme colors**: Pink Skyr from **Light** theme *Primary `#f49fc6` / Secondary `#f6fbfe`  Primary text `#ffffff` / Secondary text `#ffffff` / Tertiary text `#939598 ` Background `#ebf6fe` / Stroke `#aed7f2` / Border `#ebf6fe`* --- [![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-10-24%20PM-png.png?width=2754&height=1774&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-10-24%20PM-png.png)](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5604) - **Romantic Theme - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5604)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/3636116.jpg?hsLang=en) **Theme colors**: Lavander from **Light** theme *Primary `#bd085d` / Secondary `#f4f4f5` Primary text `#ffffff` / Secondary text `#000000` / Tertiary text `#cfd0d1 ` Background `#ffffff` / Stroke `#dcdce0` / Border `#ffffff`* --- **![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-04-24%20at%201-43-44%20PM-png-1.png?width=688&height=449&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-04-24%20at%201-43-44%20PM-png-1.png)** - **Theme: Playful Nightlife - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5610)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/3636116.jpg?hsLang=en) **Theme colors**: Amethyst  from **Dark** theme *Primary `#c288f0` / Secondary `#46285e`  Primary text `#ffffff` / Secondary text `#ffffff` / Tertiary text `#cfd0d1 ` Background `#331a46` / Stroke `#613881` / Border `#331a46`*   --- --- [![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-14-15%20PM-png.png?width=2754&height=1786&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-14-15%20PM-png.png)](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5615) - **Theme: Liquid Stone - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5612)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/3636116.jpg?hsLang=en) **Theme colors**: **Latte** from **Light** theme *Primary `#cc8b86` / Secondary `#f6ece9`  Primary text `#ffffff` / Secondary text `#000000` / Tertiary text `#767676 ` Background `#fbf5f4` / Stroke `#dbc6bf` / Border `#fbf5f4`*   --- [![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-14-46%20PM-png.png?width=2754&height=1772&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-14-46%20PM-png.png)](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5613) - **Theme: Boho Impression - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5613)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/647efd4e-ecf0-4d7c-965d-269a140044eb.jpg?hsLang=en) **Theme colors**: **Pine Teal** from **Light** theme *Primary `#004e5c` / Secondary `#f9f6f0`  Primary text `#ffffff` / Secondary text `#131313` / Tertiary text `#5a5a5a ` Background `#ffffff` / Stroke `#f9f6f0` / Border `#ffffff`* --- [![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-15-15%20PM-png.png?width=2760&height=1780&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-15-15%20PM-png.png)](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5614) - **Theme: Sunset Geometry - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5614)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/3636116.jpg?hsLang=en) **Theme colors**: **Latte** from **Light** theme *Primary `#cc8b86` / Secondary `#f6ece9`  Primary text `#ffffff` / Secondary text `#000000` / Tertiary text `#767676 ` Background `#fbf5f4` / Stroke `#dbc6bf` / Border `#fbf5f4`* --- [![](https://help.tablein.com/hs-fs/hubfs/Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-15-41%20PM-png.png?width=2768&height=1794&name=Restaurant%20Tablein%20Demo%20restaurant%20(Main%20street)%20%202025-08-05%20at%202-15-41%20PM-png.png)](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5615) - **Theme: Marine Sketch - [View live](https://widget.tablein.com/en/widget/tablein-demo-restaurant?widget=5615)** - **Background image**: [Download here](https://help.tablein.com/hubfs/Backgrounds/3636116.jpg?hsLang=en) **Theme colors**: Iced Ocean from **Light** theme *Primary `#3498db` / Secondary `#f0f9fc`  Primary text `#ffffff` / Secondary text `#131313` / Tertiary text `#827e80 ` Background `#ffffff` / Stroke `#e7f2f6` / Border `#ffffff`* *``* - [Setting up the system](https://help.tablein.com/setting-up-the-system?hsLang=en#main-content) - [Get started](https://help.tablein.com/setting-up-the-system?hsLang=en#get-started) - [Table management](https://help.tablein.com/setting-up-the-system?hsLang=en#table-management) - [Opening hours](https://help.tablein.com/setting-up-the-system?hsLang=en#opening-hours) - [FAQ](https://help.tablein.com/setting-up-the-system?hsLang=en#faq) - [Accepting online bookings](https://help.tablein.com/accepting-online-bookings?hsLang=en#main-content) - [Widget Settings](https://help.tablein.com/accepting-online-bookings?hsLang=en#widget-settings) - [Widget Integration](https://help.tablein.com/accepting-online-bookings?hsLang=en#widget-integration) - [Troubleshooting](https://help.tablein.com/accepting-online-bookings?hsLang=en#troubleshooting) - [E-mail & SMS notifications](https://help.tablein.com/e-mail-sms-notifications?hsLang=en#main-content) - [SMS notifications](https://help.tablein.com/e-mail-sms-notifications?hsLang=en#sms-notifications) - [Email marketing](https://help.tablein.com/e-mail-sms-notifications?hsLang=en#email-marketing) - [Reservation Management](https://help.tablein.com/reservation-management?hsLang=en#main-content) - [Reservation list](https://help.tablein.com/reservation-management?hsLang=en#reservation-list) - [Calendar](https://help.tablein.com/reservation-management?hsLang=en#calendar) - [Floor Plan](https://help.tablein.com/reservation-management?hsLang=en#floor-plan) - [Settings explained](https://help.tablein.com/reservation-management?hsLang=en#settings-explained) - [Prepayments & Events](https://help.tablein.com/prepayments-events?hsLang=en#main-content) - [No show / late cancellation fee](https://help.tablein.com/prepayments-events?hsLang=en#no-show-late-cancellation-fee) - [Prepayments and deposits](https://help.tablein.com/prepayments-events?hsLang=en#prepayments-and-deposits) - [Payments and events settings explained](https://help.tablein.com/prepayments-events?hsLang=en#payments-and-events-settings-explained) - [Payment Integrations](https://help.tablein.com/prepayments-events?hsLang=en#payment-integrations) - [Building a website](https://help.tablein.com/building-a-website?hsLang=en) - [Account & Billing](https://help.tablein.com/account-billing?hsLang=en#main-content) - [Account](https://help.tablein.com/account-billing?hsLang=en#account) - [Subscription](https://help.tablein.com/account-billing?hsLang=en#subscription) - [Invoices and Billing Information](https://help.tablein.com/account-billing?hsLang=en#invoices-and-billing-information) - [Clients & Reports](https://help.tablein.com/clients-reports?hsLang=en#main-content) - [Guest book](https://help.tablein.com/clients-reports?hsLang=en#guest-book) - [Feedback list](https://help.tablein.com/clients-reports?hsLang=en#feedback-list) - [Full reservation list](https://help.tablein.com/clients-reports?hsLang=en#full-reservation-list) - [Reports](https://help.tablein.com/clients-reports?hsLang=en#reports) - [V3 versija](https://help.tablein.com/v3-versija?hsLang=en) - [V3 version](https://help.tablein.com/v3-version?hsLang=en) [![tablein\_logo\_gold](https://help.tablein.com/hs-fs/hubfs/tablein_logo_gold.png?width=85&height=21&name=tablein_logo_gold.png "tablein_logo_gold")](https://help.tablein.com/?hsLang=en) Copyright © 2025, Tablein Inc.