Style Guide

H1 – Futura PT Demi

H2 – Futura PT Demi

H3 – Futura PT Demi

H4 – Futura PT Demi

Pg – L – Montserrat – Lorem ipsum dolor sit amet, consectetur adipiscing elit

Pg- M – Montserrat – Lorem ipsum dolor sit amet, consectetur adipiscing elit

Pg- S – Montserrat – Lorem ipsum dolor sit amet, consectetur adipiscing elit

BULLETED LIST


  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

BLOCK QUOTE


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

DEFAULT

HOVER

DEFAUL ON DARK BACKGROUND

TEXT LINK DEFAULT

TEXT LINK HOVER

Content Modules

INSIDE PAGE TYPE 1


We’ve found the elixir for your restaurant operations

Market-leading technology. Local support.
Person in chef hat

INSIDE PAGE TYPE 2


We’ve found the elixir for your restaurant operations

Market-leading technology. Local support.

IMAGE LEFT – CONTENT RIGHT


H2 Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • List items

IMAGE RIGHT – CONTENT LEFT


H2 Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

IMAGE TREATMENT


Circle Usage

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

VIDEO TREATMENT


TESTIMONIALS


Quote

Some of the pandemic stuff they did for us got us through. We didn’t do online ordering at all until Tonic saved us.

Photo of Morgan

Morgan

The Brass Monkey

Quote

We like supporting the locals. Tonic are always right there if we ever have any questions.

Photo of Caitlin Pruitt

Caitlin Pruitt

Calapooia Brewing Co.

Quote

They’ve made it very easy, as a first time restaurateur, to move through the system, learn it, work with it and train others. I would highly recommend this system to any other company.

Photo of Hector Chavez and Nena Chavez

Hector Chavez and Nena Chavez

Orenco Station Grill

BLOG POST CARDS


Photo of How Your POS System Can Lead to Restaurant Business Growth

How Your POS System Can Lead to Restaurant Business Growth

Technology is revolutionizing the restaurant business by enhancing efficiency, customer experiences, and overall operations. The point-of-sale system (POS) has taken center stage in this context. In this blog, we’ll explain how a POS system achieves these tasks, potentially leading to business growth. 
Photo of H3 Headline Lorem Ipsum Dolor Sot 2

H3 Headline Lorem Ipsum Dolor Sot 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Photo of H3 Headline Lorem Ipsum Dolor Sot 3

H3 Headline Lorem Ipsum Dolor Sot 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

CTA FULL WIDTH & CONTAINED


H2 Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H2 Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

TEAM MEMBER CARDS


Photo of Tyler

Tyler

Founder, CEO

Photo of Chris

Chris

VP Marketing

Photo of Gary

Gary

Chief Revenue Officer

Photo of Tyler

Tyler

Founder, CEO

Photo of Chris

Chris

VP Marketing

Photo of Gary

Gary

Chief Revenue Officer

BENEFITS WITH ICONS & TEXT


BENEFIT HEADLINE #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolora.

Benefit Headline #2 WITH TWO LINES

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolora.

BENEFIT HEADLine #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolora.INE #1

Background & Section Options

BACKGROUND OPTION FOR SIMPLE SECTIONS


We Love Our Customers
And They Love Us Too

Quote

Some of the pandemic stuff they did for us got us through. We didn’t do online ordering at all until Tonic saved us.

Photo of Morgan

Morgan

The Brass Monkey

Quote

They’ve made it very easy, as a first time restaurateur, to move through the system, learn it, work with it and train others. I would highly recommend this system to any other company.

Photo of Hector Chavez and Nena Chavez

Hector Chavez and Nena Chavez

Orenco Station Grill

Quote

We like supporting the locals. Tonic are always right there if we ever have any questions.

Photo of Caitlin Pruitt

Caitlin Pruitt

Calapooia Brewing Co.

CIRCLE BACKGROUND OPTION FOR SIMPLE SECTIONS


Let’s use this to add depth and texture to a page. When there’s a colored section underneath a white section, connect the two sections with a wide circle.

For You

For Your Guests

For Your Team

Highlight #1

Nav Title 2

Nav Title 3

Nav Title 4

Nav Title 5

cloud

Cloud Connectivity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
cloud

Head 2

Text area 2

  • 2
  • 2
cloud

Head 3

Text area 3

  • 3
  • 3
cloud

Head 4

Text area 4

  • 4
  • 4
cloud

Head 5

Text area 5

  • 5
  • 5

Nav Title 1

Nav Title 2

Nav Title 3

cloud

Head 1

Text area 1

  • 1
  • 1
cloud

Head 2

Text area 2

  • 2
  • 2
cloud

Head 3

Text area 3

  • 3
  • 3

Nav Title 1 last

cloud

Head 1 last

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • 1 last
  • 1 last
  • 1 last
  • 1 last
  • 1 last

Restaurants Collapsible


Venue/Club

You host the greatest gigs in town operating a bustling bar service sometimes until the wee hours.

  • Fast Bar/Tab Management: Streamline your bar service with quick and efficient tab management systems, perfect for handling high volume with ease.
  • Start and Close Tabs with Vaulted Card: Enhance customer convenience by starting tabs with a customer name using a credit card, and offer the option to close tabs using vaulted card information for faster, seamless transactions.
  • ID Verification: Implement robust ID verification to ensure legal compliance and patron safety, a must-have for venues and clubs.
  • Liquor Inventory Controls: Maintain tight control over your liquor inventory with real-time tracking and management tools, crucial for minimizing loss and maximizing profitability.
  • Mobile Ordering and Payment: Offer patrons the convenience of mobile ordering and payment, reducing wait times and improving overall customer experience.
  • Comprehensive Integrations for Venue and Club Management: Elevate your venue or club operations with our expansive integrations, designed to streamline your processes, enhance efficiency, and optimize the overall management of your bustling environment.
Photo of Venue/Club

Fine Dining

Cafe/Coffee shop

Helpful Links Reusable Block


Name: "Starter: Helpful Links"
Type: /helpful
WARNING: Make sure to click the "detach pattern" button before editing the content!
Class: Add class at the Columns level

Helpful Phone Numbers and Contacts

Partner Support

Tonic Merchant Support
561-807-1503
support@tonicpos.com

Bold Partner Relationship Team
Training | Assistance with Statement Analysis | Boarding Questions | Reporting and Residual Questions
(877) 515-6464 ext 2
prm@boldpay.io

Bold Support/Implementation
Merchant Setup | Boarding Updates | Hardware Setup | Hardware and Processing Support for Partners
(877) 515-6464 ext 2
support@boldpay.io

Partner Support/Implementation
Merchant Setup | Boarding Updates | Hardware Setup | Hardware and Processing Support for Partners
(877) 267-0883
partnersupport@tonicpos.com

Marketing Support
Assistance with Design and Rollout Strategy
marketing@tonicpos.com

Merchant Support

Priority Tsys Merchant Support
24x7 Support Line for Your Merchants
(855) 813-5293
customerservicetsys@pps.io

Priority FirstData Merchant Support
24x7 Support Line for Your Merchants
(800) 935-5961
customerservice@pps.io

Priority Chargeback Department
FirstData: (800) 672-5007
Tsys: (866) 637-5467
chargebacks@pps.io

Voice Authorizations
Visa, MC, Discover: (800) 228-1122
American Express: (800) 528-2121

Defyne 24x7 Support Line for Your Merchants
(800) 711-5769

CardConnect 24x7 Support Line for Your Merchants
(877) 828-0720

Worldpay 24x7 Support Line for Your Merchants
(800) 859-5965

Hardware/Gateway Support

Pax Technology Support
(904) 900-3741
support@pax.us

Dejavoo Support
(877) 358-6797

USA ePay
(866) 227-4828

Authorize.net
(888) 323-4289

DataCap
(215) 997-8989

Image Parallax


Name: "Parallax Container"
Type:
Class: is-style-group-parallax-1, is-style-group-parallax-2, is-style-group-parallax-3
Block: Group, Parallax Container

Header

paragraph

BENEFIT HEADLINE #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolora.

Benefit Headline #2 WITH TWO LINES

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolora.

BENEFIT HEADLine #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolora.INE #1

Style Guide


  1. Create a group block -> Under the Advanced tab add the class "tonic-full-width-hero" and toggle off the "Inner blocks use content width"
  2. Add an Image -> Set the image size to full width
  3. Add a Header -> Make an H1 and center align

Class List


Name: "Remove border-radius from images inside container with class"
Class: tonic-remove-image-radius
Directions: Add "tonic-remove-image-radius" to block under the advanced tab(Additional CSS Classes).