$monitor: 1440px; $laptop: 1024px; $tablet: 992px; $mobile: 768px;
@mixin breakpoint($point) { @if $point == monitor { @media (max-width: $monitor - 1px) { @content; } } @else if $point == laptop { @media (max-width: $laptop - 1px) { @content; } } @else if $point == tablet { @media (max-width: $tablet - 1px) { @content; } } @else if $point == mobile { @media (max-width: $mobile - 1px) { @content; } } }
// https://wizardry-technique.webflow.io/ body { font-size: 1.1111111111111112vw; } /\* Max Font Size */ @media screen and (min-width:1440px) { body { font-size: 16px; } }
/\* Min Font Size */ @media screen and (max-width:991px) { body { font-size: 1em; } } // https://wizardry-technique.webflow.io/
body { font-family: GT-America; font-style: normal; font-weight: 275; line-height: 150%; color: var(--forest); background-color: var(--page-bg); }
h1, .h1 { font-size: 5em; font-style: normal; font-weight: 500; line-height: 110%; letter-spacing: -0.8px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 3.125em; } } h2, .h2 { font-size: 3.125em; font-style: normal; font-weight: 500; line-height: 120%; letter-spacing: -1px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 2.1875em; } } h3, .h3 { font-size: 2.8125em; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.9px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 1.75em; } } h4, .h4 { font-size: 1.875em; font-style: normal; font-weight: 500; line-height: 105%; letter-spacing: -0.6px; margin: 0.25em 0 0.75em;
@include breakpoint(tablet) { font-size: 1.25em; } } p { font-style: normal; font-size: 16px; font-weight: 275; line-height: 150%; // color: var(--forest); } .eyebrow { font-size: 15px; font-style: normal; font-weight: 500; line-height: 123%; letter-spacing: 1.5px; text-transform: uppercase;
@include breakpoint(tablet) { font-size: 12px; } }
// LARGE BUTTON .button-large { display: inline-block; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 105.687%; text-transform: capitalize; text-decoration: none; color: inherit; padding: 0.82em 2em; min-width: 212px; border: 1px solid var(--forest); border-radius: 25px; transition: 0.3s background-color;
&:hover { background-color: var(--evergreen); border-color: var(--evergreen); color: var(--neutral); }
&--white-line { @extend .button-large; color: var(--white); border: 1px solid var(--white);
&:hover { color: var(--black); background-color: var(--white); } }
&--evergreen { @extend .button-large; background-color: var(--evergreen); color: var(--neutral); border: none;
&:hover { background-color: var(--forest); } } }
// SMALL BUTTON .button-small { .button-small-href { display: flex; padding: 20px 0; color: inherit; text-decoration: none;
.button-small-line-right { position: relative; margin-left: 10px; width: 35px; height: 2px; background-color: #06443c; border-radius: 2px; transition: 200ms width;
&:before, &:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/pCJVETuIOGRoO9lFRRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eAv1llqhmcBVTNMjKppJDLrwqhVwQxhAHEEJeYqc+JYhqe4+sePr7eJXiW97k/R79SMBngE4hnmW5YxBvE05uWznmfOMLKkkJ8Tjxu0AWJH7kuu/zGueSwn2dGjGxmnjhCLJS6WO5iVjZU4iniqKJqlO/Puaxw3uKsVuusfU/+wnBBW1nmOs0xpLCIJYgQIKOOCqqwkKBVI8VEhvaTHv5Rxy+SSyZXBYwcC6hBheT4wf/gd7dmcXLCTQongZ4X2/6IAaFdoNWw7e9j226dAIFn4Err+GtNYOaT9EZHix4Bg9vAxXVHk/eAyx1g5EmXDMmRAjT9xSLwfkbflAeGb4G+Nbe39j5OH4AsdZW+AQ4OgXiJstc93t3b3du/Z9r9/QCwaXK/e5hOFQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gEEQ4nOaS4shIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=); display: block; position: absolute; width: 10px; height: 2px; background-color: #06443c; transform: rotate(45deg); right: -1px; top: -3px; border-radius: 2px; }
&:after { transform: rotate(-45deg); top: 3px; } }
.button-small-line-left { position: relative; margin-right: 10px; width: 35px; height: 2px; background-color: #06443c; border-radius: 2px; transition: 200ms width;
&:after { transform: rotate(45deg); top: 3px; } }
&:hover { .button-small-line-right { width: 50px; }
.button-small-line-left { width: 50px; } } }
&--white { @extend .button-small;
.button-small-href { color: var(--white);
.button-small-line-right, .button-small-line-left { background-color: var(--white);
&:before, &:after { background-color: var(--white); } } }
&:hover { .button-small-line-right { width: 50px; }
.button-small-line-left { width: 50px; } } } }
// DARK NAV .nav-dark { position: absolute; background-color: var(--page-bg); width: 100%; height: 82px; z-index: 1001;
@media screen and (max-width:991px) { top: 0px; height: 54px; }
.nav-outside { position: absolute; background-image: none;
@media screen and (max-width:991px) { background-color: var(--page-bg); }
.nav-inside { .nav-logo-image-white { display: none; } .nav-logo-image-dark { display: block; } .nav-menu { .nav-linklist-label { color: var(--forest); } .nav-linklist { .nav-linklist-item { .nav-linklist-item-link { color: var(--forest); } } } .nav-button { color: var(--forest); border-color: var(--forest); } }
.nav-burger-btn { .nav-burger-btn-bar { background-color: var(--forest); } } } } }
Explore our exceptional franchises
Get started on your journey with us.
.franchise-card { .franchise-card-bg-img { transition: 300ms opacity; }
.franchise-card-content { .franchise-card-logo-img { transition: 300ms transform; } .franchise-card-text { opacity: 0; transition: 300ms opacity; } }
.franchise-card-arrow { transition: 200ms width;
&:after { transform: rotate(-45deg); top: 3px; } }
&:hover { .franchise-card-bg-img { opacity: 0; }
.franchise-card-content { .franchise-card-logo-img { transform: translateY(-10px); } .franchise-card-text { opacity: 1; } }
.franchise-card-arrow { width: 50px; } } }
Achieve your independence by helping others achieve theirs.
.franchise-card { .franchise-card-bg-img { transition: 300ms opacity; }
.franchise-card-content { .franchise-card-logo-img { transition: 300ms transform; } .franchise-card-text { opacity: 0; transition: 300ms opacity; } }
.franchise-card-arrow { transition: 200ms width;
&:after { transform: rotate(-45deg); top: 3px; } }
&:hover { .franchise-card-bg-img { opacity: 0; }
.franchise-card-content { .franchise-card-logo-img { transform: translateY(-10px); } .franchise-card-text { opacity: 1; } }
.franchise-card-arrow { width: 50px; } } }
.png)
An experiential candle bar and boutique dedicated to creating meaningful moments through scent
.franchise-card { .franchise-card-bg-img { transition: 300ms opacity; }
.franchise-card-content { .franchise-card-logo-img { transition: 300ms transform; } .franchise-card-text { opacity: 0; transition: 300ms opacity; } }
.franchise-card-arrow { transition: 200ms width;
&:after { transform: rotate(-45deg); top: 3px; } }
&:hover { .franchise-card-bg-img { opacity: 0; }
.franchise-card-content { .franchise-card-logo-img { transform: translateY(-10px); } .franchise-card-text { opacity: 1; } }
.franchise-card-arrow { width: 50px; } } }
Locally owned & client-focused. Payroll re-defined.
.franchise-card { .franchise-card-bg-img { transition: 300ms opacity; }
.franchise-card-content { .franchise-card-logo-img { transition: 300ms transform; } .franchise-card-text { opacity: 0; transition: 300ms opacity; } }
.franchise-card-arrow { transition: 200ms width;
&:after { transform: rotate(-45deg); top: 3px; } }
&:hover { .franchise-card-bg-img { opacity: 0; }
.franchise-card-content { .franchise-card-logo-img { transform: translateY(-10px); } .franchise-card-text { opacity: 1; } }
.franchise-card-arrow { width: 50px; } } }
Changing the way companies experience coffee In the workplace.
.franchise-card { .franchise-card-bg-img { transition: 300ms opacity; }
.franchise-card-content { .franchise-card-logo-img { transition: 300ms transform; } .franchise-card-text { opacity: 0; transition: 300ms opacity; } }
.franchise-card-arrow { transition: 200ms width;
&:after { transform: rotate(-45deg); top: 3px; } }
&:hover { .franchise-card-bg-img { opacity: 0; }
.franchise-card-content { .franchise-card-logo-img { transform: translateY(-10px); } .franchise-card-text { opacity: 1; } }
.franchise-card-arrow { width: 50px; } } }
Super-sized, organic, cookie concept with multiple revenue streams.
Our Impact
.brands-impact-slider {
.w-dyn-items { .w-dyn-item { display: none;
&:first-of-type { display: flex; } }
&.flickity-enabled { .w-dyn-item { display: flex; } } }
.flickity-viewport { transition: height 0.2s; }
.flickity-prev-next-button { top: 0; right: 0; left: auto !important; transform: translateY(calc(-100% - 20px)); width: 43px; height: 43px; background: transparent; transition: 300ms background;
@media screen and (max-width:991px) { display: none; }
&.previous { right: 50px; }
&.next { right: 0px; }
&:hover { background: var(--sage); }
.flickity-button-icon { path { fill: var(--forest); } } }
.brands-impact-slider-slide {
} }
GreenLight Mobility
Use your passion to help others in your community. Make living in your own home a safe option, despite life's challenges. Safe & Accessible Homes Start Here!
.png)
Sea Love
“What you breathe matters. Luxury should never come at the expense of well-being, and we are proud to offer a product that is both beautiful and safe.”
- Stacy Miller
Co-founder, Sea Love
Payroll Vault
"My team works extremely hard to ensure that our clients receive the best possible service, and the business would not be where it is without them. We are also a success thanks to the tremendous and continuous support we receive from Payroll Vault."
– Cadie Gaut
Franchisee // Mobile, AL
Break Coffee
“I've been looking for the right franchise opportunities for years. Break Coffee met all my requirements: low startup costs, limited time commitment, and fantastic support from Break Headquarters. The whole system basically sells itself and my customers love the simplicity of the service.”
– Matthew Dwyer
Franchisee, Break Coffee Bronxville
Bang Cookies
“Beginning at a farmers' market, we've grown into a multi-location phenomenon with a cult following. Now, we're seeking business-savvy franchisees to bring the Bang Cookie experience to their local market.”
– George Kuan
CEO, Bang Cookies
.contact-form { .contact-form-form { fieldset { margin-bottom: 20px; max-width: none;
&.form-columns-2 { display: flex; gap: 20px;
.field { width: calc(50% - 10px); flex-shrink: 0; } } } label { font-size: 14px; font-weight: 400; color: var(--evergreen); margin-bottom: 1em; } select { width: 100% !important; position: relative; font-size: 16px; color: var(--evergreen); appearance: none; border: none; outline: none; background-color: var(--white); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI0NjA5IDAuOTgzMzk3TDcuODMwMDggNy4wMTU2M0wxNC40MTQxIDAuOTgzNCIgc3Ryb2tlPSIjMDA2NjVBIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center right 20px; border-radius: 20px; padding: 0.75em 1em;
} input[type="text"], input[type="email"] { font-size: 16px; appearance: none; border: none; outline: none; background: transparent; border-bottom: 1px solid var(--moss); width: 100%; color: var(--evergreen); padding: 0 1em 0.5em; } textarea { font-size: 16px; appearance: none; border: none; outline: none; background: var(--white); width: 100% !important; border-radius: 20px; min-height: 100px; color: var(--evergreen); padding: 1em; } .inputs-list { list-style: none; padding: 0; margin: 0;
&.hs-error-msgs { label { color: red; } }
.hs-error-msg { color: red; font-weight: bold; }
.hs-form-booleancheckbox {
label { cursor: pointer; display: flex; align-content: center;
&:hover { span:after { opacity: 0.5; } }
input { display: none; }
input:checked + span:after { opacity: 1; }
span { position: relative; display: flex; align-items: center; margin-left: 0.5em;
&:before { display: inline-block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV8/pCJVETuIOGRoO9lFRRy1CkWoEGqFVh1MLv2CJg1Jiouj4Fpw8GOx6uDirKuDqyAIfoA4OzgpukiJ/0sKLWI8OO7Hu3uPu3eAv1llqhmcBVTNMjKppJDLrwqhVwQxhAHEEJeYqc+JYhqe4+sePr7eJXiW97k/R79SMBngE4hnmW5YxBvE05uWznmfOMLKkkJ8Tjxu0AWJH7kuu/zGueSwn2dGjGxmnjhCLJS6WO5iVjZU4iniqKJqlO/Puaxw3uKsVuusfU/+wnBBW1nmOs0xpLCIJYgQIKOOCqqwkKBVI8VEhvaTHv5Rxy+SSyZXBYwcC6hBheT4wf/gd7dmcXLCTQongZ4X2/6IAaFdoNWw7e9j226dAIFn4Err+GtNYOaT9EZHix4Bg9vAxXVHk/eAyx1g5EmXDMmRAjT9xSLwfkbflAeGb4G+Nbe39j5OH4AsdZW+AQ4OgXiJstc93t3b3du/Z9r9/QCwaXK/e5hOFQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gEEQ4nOaS4shIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=); position: relative; width: 18px; height: 18px; background-color: var(--moss); border-radius: 100%; margin-right: 10px; }
&:after { display: inline-block; content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTY0MDYgNi4xOTA1NEwzLjU2ODI5IDguNTA0MzdMOS45OTI1NSAxLjA5MTgiIHN0cm9rZT0iI0U5RTdERSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=); position: absolute; width: 9px; height: 8px; top: -2px; left: 4px; opacity: 0; transition: 0.2s opacity; }
p { display: inline-block; font-size: 14px; font-style: italic; } } } } } input[type="submit"] { appearance: none; border: none; outline: none; background: transparent; width: 100%; display: inline-block; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 105.687%; text-transform: capitalize; text-decoration: none; color: inherit; padding: 0.82em 2em; min-width: 212px; border: 1px solid var(--evergreen); border-radius: 25px; transition: 0.3s background-color; background-color: var(--evergreen); color: var(--neutral);
&:hover { background-color: var(--forest); } } } }
contact
Connect with one of our experts
Ready to partner with us? Let’s talk.
Brand Interest (Active)
Please SelectBreak CoffeeGreenLightPayroll VaultSea Love
First name*
Last name*
Email*
Message
Lead source
- Send me franchise news and insights
reCAPTCHA
Recaptcha requires verification.
protected by reCAPTCHA
WHAT TO EXPECT
A glimpse into our franchise development process
Testimonials
.testimonials-slider {
.w-dyn-items { .w-dyn-item { display: none;
&:first-of-type { display: flex; } }
&.flickity-enabled { .w-dyn-item { display: flex; } } }
.flickity-viewport { transition: height 0.2s; width: 100%; }
@media screen and (max-width:991px) { display: none; }
&.previous { right: 50px; }
&.next { right: 0px; }
&:hover { background: var(--sage); }
.flickity-button-icon { path { fill: var(--forest); } } }
.flickity-page-dots { display: none;
@media screen and (max-width:991px) { display: block; } }
.testimonials-slider-slide {
} }
I'm thrilled to partner with Oakscale to take our beloved brand to new heights. Our customers have shown us so much love, and we're ready to share the joy of Bang Cookies with cookie lovers everywhere.
George Kuan
Founder / CEO
Bang Cookies
.contact-modal { .contact-modal-form { .w-richtext, .w-embed { width: 100%; }
fieldset { margin-bottom: 20px; max-width: none;
&.form-columns-2 { display: flex; gap: 20px;
&.hs-error-msgs { label { color: red; } }
.hs-error-msg { color: red; font-weight: bold; }
.hs-form-booleancheckbox {
label { cursor: pointer; display: flex; align-content: center;
&:hover { span:after { opacity: 0.5; } }
input { display: none; }
input:checked + span:after { opacity: 1; }
span { position: relative; display: flex; align-items: center; margin-left: 0.5em;
&:hover { background-color: var(--forest); } } } }
connect with our team
Ready to partner with us? Let’s talk.
Brand Interest (Active)
Please SelectBreak CoffeeGreenLightPayroll VaultSea Love
First name*
Last name*
Email*
Message
Lead source
- Send me franchise news and insights
reCAPTCHA
Recaptcha requires verification.
protected by reCAPTCHA
.contact-modal { .contact-modal-form { .w-richtext, .w-embed { width: 100%; }
fieldset { margin-bottom: 20px; max-width: none;
&.form-columns-2 { display: flex; gap: 20px;
&.hs-error-msgs { label { color: red; } }
.hs-error-msg { color: red; font-weight: bold; }
.hs-form-booleancheckbox {
label { cursor: pointer; display: flex; align-content: center;
&:hover { span:after { opacity: 0.5; } }
input { display: none; }
input:checked + span:after { opacity: 1; }
span { position: relative; display: flex; align-items: center; margin-left: 0.5em;
&:hover { background-color: var(--forest); } } } }
Contact US
Your next franchise partner is here
Ready to partner with us? Let’s talk.
Brand Interest (Active)
Please SelectBreak CoffeeGreenLightPayroll VaultSea Love
First name*
Last name*
Email*
Message
Lead source
- Send me franchise news and insights
reCAPTCHA
Recaptcha requires verification.
protected by reCAPTCHA
reCAPTCHA
Select all images with a bus Click verify once there are none left.
Please try again.
Please select all matching images.
Please also check the new images.
Please select around the object, or reload if there are none.
Verify
reCAPTCHA
Select all images with a bus Click verify once there are none left.
Please try again.
Please select all matching images.
Please also check the new images.
Please select around the object, or reload if there are none.
Verify
reCAPTCHA
Select all images with a bus Click verify once there are none left.
Please try again.
Please select all matching images.
Please also check the new images.
Please select around the object, or reload if there are none.
Verify