Style Guide


Text


Text:

Text Area:

Heading 2

Heading 3

Heading with muted text

Heading 4

Heading 5

WYSIWYG:

Image:

Number:

Email

URL

Link

block-text

Script Text

  • Item
  • Item
  • Item
  • Item
  • Item
  • Item

Buttons


Button One Button border

Alert


Alert

Alert success

Alert danger

Alert warning


Form



Modal


Open

Components


Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

Button

Button

Button

Button

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

Button

Button

Button

Button

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

Button

Button

Button

Button

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

Button

Button

Button

Button

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

 

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

 

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button

Button

 

Test!

Test

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae magni minus ad ipsa laborum doloremque saepe excepturi deleniti, officiis architecto, esse illum! Necessitatibus animi mollitia pariatur maiores, dolorem magnam impedit!

Test
  • List
  • List
  • List

  • List
  • List
  • List

Button Button

 

Bar logos

FAQ section

Question 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Question 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Question 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Feed Testimonials section

5&5 stands as a true value partner

for Roy Rogers, seamlessly facilitating the implementation of IT projects. Their expertise and dedication have transformed complex technological endeavors into streamlined processes, empowering our internal IT team and ensuring a seamless integrations across our stores and franchises. With 5&5’s support, we confidently navigate the ever-evolving tech landscape, delivering operational excellence and an unparalleled experience for our customers.
Adam Klaers

Executive Vice President, Roy Rogers

5&5 has been instrumental

in partnering with us to launch and execute our new online ordering and delivery platforms. Their value as a partner cannot be understated.

Keith Canseco

Sr. Director of National Marketing, Captain D's

5&5 set us on the right path

To developing our mobile app, loyalty program, and online ordering platform in record time. They helped us make decisions quickly and accurately, based on industry best practice. We were up and running from start to finish in just a few short months. We could not have done it without them. I really, really recommend having them on the team to guide the process.

Dar Vessghi

Former CEO, Yoshinoya America

This is a global content

Add new content

Hero section

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Simple Cards section

Card 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Card 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Card 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Simple Cards section

Card 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Card 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Card 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Simple icon grid section

Icon 1

Icon 2

Icon 3

Simple Text columns section

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Slider section

Slider 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Slider 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Slider 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Slider 4

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Tabs section

Tab 1
Tab 2
Tab 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.

Tab 2
Tab 3

Tiles image and text section

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae molestiae quod ipsum neque suscipit laudantium excepturi repellat animi dolores ea. Id, qui? Sed, adipisci! Cumque sapiente officiis incidunt vitae aperiam.