www.gr8nola.com Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: http://gr8nola.com/
Effective URL: https://www.gr8nola.com/
Submission: On November 16 via api from US — Scanned from CA

Form analysis 3 forms found in the DOM

GET /search

<form id="search-form" action="/search" method="GET">
  <input id="topsearch" class="search-form__text-input" type="text" name="q" value="" placeholder="Search for something..." kl_vkbd_parsed="true">
  <button class="menu-btn reset"><svg class="icon" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
      <circle cx="11" cy="11" r="8"></circle>
      <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
    </svg></button>
</form>

<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go3040703814 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Tu8CrG" novalidate=""
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 450px; margin: 0px auto; border-radius: 40px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 10px 5px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 7px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000000N7QWB" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-helvetica" style="font-size:18px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;">JOIN
              THE CIRCLE</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 30px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000000N7QWC" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span
              style="color:rgb(255, 255, 255);font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">Sign up to get 10% off your first order and exclusive updates!</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 10px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_016JB91TTR00000000000N7QWD" class="needsclick go3035975576 kl-private-reset-css-Xuajs1"
            type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email address" aria-label="Email address" aria-required="true" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 10px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;">
          <div class="needsclick go1887104066 kl-private-reset-css-Xuajs1"
            style="display: flex; flex-direction: row; box-sizing: border-box; border-radius: 2px; padding: 0px; height: 38px; text-align: left; font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);">
            <button class="needsclick go3172027442 kl-private-reset-css-Xuajs1" aria-label="Search Countries" type="button" role="combobox" aria-haspopup="listbox" aria-expanded="false"
              style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: 60px; height: 36px; cursor: pointer; padding-left: 10px;"><img
                aria-label="United States" title="United States" src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.4/flags/4x3/us.svg"
                style="display: inline-block; width: 1em; height: 1em; vertical-align: middle; border-radius: 3px;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform=""
                style="fill: rgb(255, 255, 255);">
                <path
                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
                </path>
              </svg></button><input type="tel" data-testid="phoneNumberInput" class="needsclick go3172027442 kl-private-reset-css-Xuajs1" id="phone_number_016JB91TTR00000000000N7QWE" autocomplete="tel" name="phone-number" tabindex="0"
              placeholder="Phone Number (Optional)" aria-label="Phone Number (Optional)" aria-invalid="false"
              style="border: none; text-align: left; color: rgb(0, 0, 0); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(0, 0, 0, 0); flex-grow: 1; padding-left: 10px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;">
          </div>
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go369028268 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(48, 59, 67); border-radius: 4px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(255, 255, 255); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: auto; width: 100%;">SIGN
          ME UP</button></div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000000N7QWG" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span
              style="color:rgb(96, 106, 114);font-size:9px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">By clicking SIGN UP NOW, you agree to receive marketing text messages from gr8nola at the number provided,
              including messages sent by autodialer. Consent is not a condition of any purchase. Message and data rates may apply. Message frequency varies. Reply HELP for help or STOP to cancel. View our
            </span><a href="about:blank" target="_blank" style="color:rgb(189, 178, 178);font-size:9px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">Privacy Policy</a><span
              style="color:rgb(189, 178, 178);font-size:9px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"> and
            </span><a href="about:blank" target="_blank" style="color:rgb(189, 178, 178);font-size:9px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">Terms of Service</a><span
              style="color:rgb(189, 178, 178);font-size:9px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">. </span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_2 go3279073480 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SGZxWi" novalidate=""
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 450px; min-width: 200px; max-width: 1000px; border-radius: 9px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(15, 102, 116); background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/Ktncd7/images/6ba56359-fc2b-41c9-aa8f-dba41f666d7d.jpeg&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding: 30px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 30px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000000W00WK" style="width: 100%;">
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-lucida"
              style="color:rgb(133, 46, 150);font-size:48px;font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;font-weight:400;">UNLOCK</span></p>
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-lucida"
              style="color:rgb(133, 46, 150);font-size:48px;font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;font-weight:400;">10% OFF</span></p>
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><br style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"></p>
          <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-averta"
              style="color:rgb(133, 46, 150);font-size:14px;font-family:Averta, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">Subscribe to our emails and texts (they're gr8, we promise) &amp; get 10% off your next order.</span>
          </p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 60px 0px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_016JB91TTR00000000000W00WM" class="needsclick go2873084621 kl-private-reset-css-Xuajs1"
            type="email" autocomplete="email" name="email" tabindex="0" placeholder="Your Email" aria-label="Your Email" aria-required="true" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(0, 0, 0); font-family: Averta, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(148, 149, 150);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 60px 0px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;">
          <div class="needsclick go2938449786 kl-private-reset-css-Xuajs1"
            style="display: flex; flex-direction: row; box-sizing: border-box; border-radius: 2px; padding: 0px; height: 38px; text-align: left; font-family: Averta, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(148, 149, 150);">
            <button class="needsclick go2771253331 kl-private-reset-css-Xuajs1" aria-label="Search Countries" type="button" role="combobox" aria-haspopup="listbox" aria-expanded="false"
              style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: 60px; height: 36px; cursor: pointer; padding-left: 10px;"><img
                aria-label="United States" title="United States" src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.4/flags/4x3/us.svg"
                style="display: inline-block; width: 1em; height: 1em; vertical-align: middle; border-radius: 3px;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform=""
                style="fill: rgb(148, 149, 150);">
                <path
                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
                </path>
              </svg></button><input type="tel" data-testid="phoneNumberInput" class="needsclick go2771253331 kl-private-reset-css-Xuajs1" id="phone_number_016JB91TTR00000000000W00WN" autocomplete="tel" name="phone-number" tabindex="0"
              placeholder="Phone Number (Optional)" aria-label="Phone Number (Optional)" aria-invalid="false"
              style="border: none; text-align: left; color: rgb(0, 0, 0); font-family: Averta, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(0, 0, 0, 0); flex-grow: 1; padding-left: 10px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;">
          </div>
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 5px 60px 10px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(133, 46, 150); border-radius: 20px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(255, 255, 255); font-family: Circular, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: auto; width: 100%;">SIGN
          UP</button></div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000000W00WQ" style="width: 100%;">
          <p style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span
              style="color:rgb(255, 255, 255);background-color:rgba(209, 175, 175, 0);font-size:10px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">By clicking SIGN UP, you agree to receive marketing text messages from
              gr8nola at the number provided, including messages sent by autodialer. Consent is not a condition of any purchase. Message and data rates may apply. Message frequency varies. Reply HELP for help or STOP to cancel.
            </span><a href="https://www.gr8nola.com/pages/privacy-policy" target="_blank" style="color:rgb(255, 255, 255);background-color:rgba(209, 175, 175, 0);font-size:10px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><u style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">View our Privacy Policy and Terms of Service</u></a><span
              style="color:rgb(255, 255, 255);background-color:rgba(209, 175, 175, 0);font-size:10px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">.</span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Back
Accessibility options


Are you sure you want to hide the widget forever? If you need it back, please
clear your cookies.

OkCancel
Content
Bigger Text


Bigger Text


Bigger Cursor


Bigger Cursor

Text Reader


Tooltips

Line Height


Line Height


Hide Images


Hide images

Readable Fonts


Readable fonts

Dyslexic Font


Dyslexic Font

Bionic Reading


Bionic Reading

Stop Animations


Stop Animations

Colors
Invert Color


Invert Colors

Brightness


Brightness


Contrast


Contrast


Grayscale Color


Grayscale

Saturation


Saturation


Navigation
Reading Line


Reading Line

Highlight Links


Highlight Links

Text Reader


Read page

Reading Mask


Reading Mask

Page Structure


Page Structure

LanguageEnglish (United States)
Search language
English (United States)English
(British)SwedishFinnishGermanItalianDutchSpanishPortugueseTurkishFrenchJapaneseKoreanHebrewLatvianPolishGreekThai
Accessibly App Accessibility Statement

Accessibly App is committed to making sites accessible for all, including people
with disabilities. We are continuously improving the service we provide through
our app to comply with increased accessibility standards, guidelines, and to
make the browsing experience better for everyone.

Conformance status

The app uses the Web Content Accessibility Guidelines (WCAG) defined
requirements to improve accessibility for people with disabilities. It defines
three levels of conformance: Level A, Level AA, and Level AAA. Accessibly App is
following the best guidelines and is partially conformant with WCAG 2.1 level
AA.

Technical information

Accessibly App is an app supported in Shopify and Wordpress environments. The
app relies on the following technologies:

HTML
CSS
JavaScript
NodeJs
MongoDB

Accessibly App features

When a site has Accessibly App i ac-h4 installed, the website can be adjusted
with keyboard navigation using the “tab” key (WCAG 2.1/2.1.1). Additionally, see
the list of all provided Accessibly App features and tools for better website
experience:

Zoom | WCAG 2.1 / 1.4.4

This feature enables users to enhance the size of the text to up to three times
the original text for better text readability.

Bigger cursor

Makes the cursor bigger and more prominent. Increases the size for better site
browsing.

Invert colors

Invert the colors of the website content. For those with decreased vision, the
high contrast greatly helps to read the site better.

Tweak Contrast | WCAG 2.1 / 1.4.6

This feature lets users manually select from two options: to enhance the
contrast of the website or to decrease the contrast.

Tweak Brightness | WCAG 2.1 / 1.4.6

This feature lets users update the brightness on the site. The content can
either be made brighter or darker.

Grayscale | WCAG 2.1 / 1.4.6

Users can turn on grayscale, making the website content appear only in shades of
gray. This benefits people with visual impairment.

Reading Line

Add a supportive reading line to the site.

Readable fonts

Convert the fonts available on-site to one of the most easily readable fonts:
Helvetica.

Alt Text and Images

Ability to read alt text of images. As of now, our tool has added a feature
where alt descriptions for images without them are generated using Google's
Vision AI. In the event that you haven't manually written these image
descriptions yourself, this greatly helps people with visual impairment browse
your site.

Tooltips | WCAG 2.1 / 2.5.3

Add labels to images that contain a written description of the image.

Highlight links

Highlight links to make them more prominent.

Hide images

Hide images on the site. This provides better site readability for people with
visual impairment.

Read page

A feature that allows a voice to read the text on your site out loud to
visitors.

Notes & Feedback

We always try to update our services and operate in the best possible manner to
benefit all of our clients and their site visitors.

We cannot control or correct problems with third-party sites, but please let us
know if you encounter difficulty with any sites we link to so we can pass the
information along to the site owners. You may also want to address your concerns
directly to these third parties.


Reset settings
Accessibility statement






Free Shipping on orders $40+


Close drawer panel
 * SHOP
 * SUBSCRIBE
 * LEARN
   
   * BENEFITS
   * OUR STORY
   * BLOG
   * PRESS

0
Log In Register

STAR 1000+ 5-STAR REVIEWS


CRAZY DELICIOUS SUPERFOOD GRANOLA

NO INFLAMMATORY OILS. NO REFINED SUGAR. NO BS.

SHOP NOW


FEATURED IN:

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 


DISCOVER OUR LOW SUGAR SUPERFOOD VARIETY

Save$5

Standard (10oz) x 5

SAMPLER 5-PACK

$45.00

Quick Add Quick Add
Save$2

Standard (10oz) x 4

TOP SELLERS 4-PACK

$38.00

Sold Out

Standard (10oz)

THE ORIGINAL

$10.00

Quick Add Quick Add

Standard (10oz)

PEANUT BUTTER

$10.00

Quick Add Quick Add

Standard (10oz)

BLACK COCO CHIA

$10.00

Quick Add Quick Add

Standard (10oz)

CINNAMON CHAI

$10.00

Quick Add Quick Add

Standard (10oz)

CACAO CRISP

$10.00

Quick Add Quick Add
SHOP MORE FLAVORS


THEY LOVE FEELING GR8

Simply delicious! The low sugar content and the fabulous ingredients take these
granolas to a whole new level.

Nigel Barker

Photographer & TV Personality

@nigelbarker

I could eat the whole bag!

Watch Video

Halle Berry

Actress

@halleberry

I eat gr8nola almost every day. I love all their flavors, and the kids love it
too!

Chriselle Lim

Founder of bümo and mother of 2

@chrisellelim

Chriselle Lim sent me a big bag of gr8nola a little while ago and I hate her for
it! I have it in my office and I snack on it all day long.

Molly Sims

Actress, Model & Mother

@mollybsims

gr8nola’s Matcha & Black Coco Chia are my all-time fave granolas. I use it in my
smoothies, ice cream, pie crusts and more. A bag never lasts more than 48 hours!

Jason Wrobel

Celebrity Chef & Cooking Channel TV Host

@jasonwrobel

My boyfriend and I LOVE gr8nola. We top our salads, smoothie bowls and oatmeals
for crunch and love that it’s clean yet tastes SO GOOD!

Remi Ishizuka

Health & Wellness Influencer

@rrayyme

Our family loves healthy products and gr8nola has been a perfect fit. Whether
for breakfast or as a quick snack between workouts, gr8nola hits the spot every
time.

Bryan Clay

Olympic Decathlon Gold & Silver Medalist

@bryanclay

Gr8nola is such a simple and delicious snack that my kids LOVE, and I love
knowing they’re getting a nutrition packed snack that’s going to keep them full
and satisfied.

Mary Ellen Phipps

Diabetes Dietitian & Mother

@milknhoneynutrition

Gr8nola goes in my breakfast every morning. It's the perfect start to my day!

Tara Laferrara

Fitness Trainer

@taralaferrara

I love topping my smoothie bowls with gr8nola, it’s so healthy and yummy and I
wouldn’t have my bowls any other way!

Jess Strother

Fashion Model

@jessicaannstrother

Gr8nola gives me the energy I need to crush exhausting workouts, and it’s a
great tasting snack!

Austin Dotson

Fitness Specialist

@adotty10

 1. 
 2. 
 3. 
 4. 




WHY GR8NOLA?

CLEAN INGREDIENTS

Made with simple ingredients and free of additives, refined sugar, dairy, soy
and GMOs

LOW IN SUGAR

Only 5g sugar per serving from unrefined sweeteners like honey and organic
coconut sugar

MADE WITH SUPERFOODS

Each bite is packed with nutrient-dense superfoods to help you feel your best


HI, I'M ERICA

LIKE YOU, I STRUGGLED TO FIND TASTY AND HEALTHY SNACKS. THAT'S WHY I STARTED
GR8NOLA: TO SATISFY YOUR TASTE BUDS WHILE HELPING YOU FEEL AND BE YOUR BEST.

— Erica Liu Williams, Founder & CEO

SHOP NOW


FROM FARMER’S MARKET TO GOOGLE




PROUDLY SERVING:

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 


GET SOCIAL


6 PACK SAMPLER

SHOP NOW


THE ORIGINAL

SHOP NOW


THE ORIGINAL

SHOP NOW


PEANUT BUTTER

SHOP NOW


GOLDEN SPICE

SHOP NOW


CINNAMON CHAI

SHOP NOW


CACAO CRISP

SHOP NOW


BLACK COCO CHIA

SHOP NOW

JOIN THE CIRCLE

Sign up to get 10% off your first order and exclusive updates!



SIGN ME UP

By clicking SIGN UP NOW, you agree to receive marketing text messages from
gr8nola at the number provided, including messages sent by autodialer. Consent
is not a condition of any purchase. Message and data rates may apply. Message
frequency varies. Reply HELP for help or STOP to cancel. View our Privacy Policy
and Terms of Service.


SUPERFOOD GRANOLA



SHOP FLAVORS

 * The Original
 * Black Coco Chia
 * Peanut Butter
 * Cacao Crisp
 * Cinnamon Chai

LEARN MORE

 * Benefits
 * Our Story
 * Press & Media
 * FAQ

BLOG

 * Gr8 Eats & Recipes
 * Erica's Journey
 * Our Community
 * Health & Wellness

CONTACT

 * Store Locations
 * Contact Us
 * Ambassador Program

© gr8nola 2024 Privacy Policy Terms of Service Design & Dev by Deuce Studio

Close drawer panel


SHOPPING CART

FREE SHIPPING ON ORDERS $40+



Add some gr8ness to your cart.

Shop Now

We think you’ll love…

You’ll also love…

Top Sellers 4-Pack

Standard (10oz) x 4 - $38.00
ADD+

Subtotal:$0.00

Shipping calculated net of discounts at checkout

CHECKOUT Verify with ID.me

 * SHOP NOW

 * SUBSCRIBE

 * BENEFITS

 * OUR STORY

 * 
 * Blog
 * Press
 * Stores
 * Sign In

Get 10% Off


{"themeColor":"#841799","iconColor":"#841799","showLogo":false,"topBottomPosition":10,"rightLeftPosition":10,"iconSize":"small","iconCustomSize":66,"position":"bottom-right"}




Close dialog

UNLOCK

10% OFF




Subscribe to our emails and texts (they're gr8, we promise) & get 10% off your
next order.



SIGN UP

By clicking SIGN UP, you agree to receive marketing text messages from gr8nola
at the number provided, including messages sent by autodialer. Consent is not a
condition of any purchase. Message and data rates may apply. Message frequency
varies. Reply HELP for help or STOP to cancel. View our Privacy Policy and Terms
of Service.