• Guidelines
    • Display
    • Navigate
    • Forms
    • Layout
    • Prototype
  • Acme Marketplace
  • Guidelines
  • Display
  • Navigate
  • Forms
  • Layout
  • Prototypes
    • Guidelines
    • Display
    • Navigate
    • Forms
    • Layout
    • Prototypes
    • Release Notes
    • Sass Documentation
    • Gulp Documentation
    • CSS/SASS Stats
    • Preview All Components
Base by AppDirect

Layout

Complex components and layout patterns

Containers
Tables
Modals
Sliders
Slats
Pricing
Feeds

Pricing

Pricing Editions

One-Time

$7.00 $52.00 /additional 1000 Contacts Block For 5 - 300 Additional 1000 Contacts Block $-2.98 /Word For 1000 - 50000 Words

$10.00 /server/mo $55.00 /additional 1000 Contacts Block For 5 - 300 Additional 1000 Contacts Block $0.02 /Word For 1000 - 50000 Words

Buy Now

Included

  • 5 Users
  • 0 Words
  • 24 Hour Customer Service

Metered

$10.00 /mo $5.00 /invoice For the first 500 Invoices Based on Usage $15.00 /invoice For 500 invoices and above Based on Usage

12 month contract

Contract Fee
$500.00
Buy Now

Included

  • Unlimited Users
  • 250 Gigabytes

Tiered

$10.00 /mo $80.00 /mo For Postage & Print

$5.00 /International Postage & Print /Three Yr

Setup Fee per International Postage & Print
$12.00
One Time Price
$50.00
Buy Now

Included

  • Unlimited Users
  • 500 Gigabytes

Tiered Unit Prices

$5.00 /Gigabyte /Mo For 1 - 10 Gigabytes $8.00 /Gigabyte /Mo For 10 - 20 Gigabytes $14.00 /Gigabyte /Mo For 20 - 50 Gigabytes $20.00 /Gigabyte /Mo For 50 Gigabytes and above

Buy Now

Included

  • Unlimited Users
  • 500 Gigabytes
<div class="adb-layout-row adb-subscriptions">
  <div class="adb-layout-content_half adb-subscription adb-subscription__emphasis">
    <div class="adb-container adb-subscription--container">
      <div class="adb-container_header adb-subscription--header">
        <h3>One-Time</h3>
      </div>
      <div class="adb-container_content">
        <div class="adb-subscription--content_section">
          <p class="adb-price">
            <span class="adb-price--value">$7.00</span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$52.00</span>
              <span class="adb-price--unit">
                /additional 1000 Contacts Block
              </span>
              <span class="adb-price--caption">For 5 - 300 Additional 1000 Contacts Block</span>
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$-2.98</span>
              <span class="adb-price--unit">
                /Word
              </span>
              <span class="adb-price--caption">For 1000 - 50000 Words</span>
            </span>
          </p>
          <p class="adb-price adb-price__previous">
            <span class="adb-price--value">$10.00</span>
            <span class="adb-price--unit">
              /server/mo
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$55.00</span>
              <span class="adb-price--unit">
                /additional 1000 Contacts Block
              </span>
              <span class="adb-price--caption">For 5 - 300 Additional 1000 Contacts Block</span>
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$0.02</span>
              <span class="adb-price--unit">
                /Word
              </span>
              <span class="adb-price--caption">For 1000 - 50000 Words</span>
            </span>
          </p>
        </div>
        <div class="adb-subscription--content_section">
                    <a class="adb-button adb-button__medium adb-button__full_width adb-button__emphasis" href="../../prototype/marketplace/checkout/order.html">Buy Now
          </a>

        </div>
        <div class="adb-subscription--content_section">
          <h4>Included</h4>
          <ul class="adb-subscription--list">
            <li>5 Users</li>
            <li>0 Words</li>
          </ul>
        </div>
        <div class="adb-subscription--content_section">
          <ul class="adb-subscription--list">
            <li>24 Hour Customer Service</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="adb-layout-content_half adb-subscription">
    <div class="adb-container adb-subscription--container">
      <div class="adb-container_header adb-subscription--header">
        <h3>Metered</h3>
      </div>
      <div class="adb-container_content">
        <div class="adb-subscription--content_section">
          <p class="adb-price">
            <span class="adb-price--value">$10.00</span>
            <span class="adb-price--unit">
              /mo
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$5.00</span>
              <span class="adb-price--unit">
                /invoice
              </span>
              <span class="adb-price--caption">For the first 500 Invoices</span>
              <span class="adb-badges">
                <span class="adb-badge adb-badge__outline">
                  Based on Usage
                </span>
              </span>
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$15.00</span>
              <span class="adb-price--unit">
                /invoice
              </span>
              <span class="adb-price--caption">For 500 invoices and above</span>
              <span class="adb-badges">
                <span class="adb-badge adb-badge__outline">
                  Based on Usage
                </span>
              </span>
            </span>
          </p>
          <p>
            <span class="adb-badge">12 month contract</span>
          </p>
          <dl class="adb-help">
            <dt>Contract Fee</dt>
            <dd>$500.00</dd>
          </dl>
        </div>
        <div class="adb-subscription--content_section">
                    <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/checkout/order.html">Buy Now
          </a>

        </div>
        <div class="adb-subscription--content_section">
          <h4>Included</h4>
          <ul class="adb-subscription--list">
            <li>Unlimited Users</li>
            <li>250 Gigabytes</li>
          </ul>
        </div>
        <div class="adb-subscription--content_section"></div>
      </div>
    </div>
  </div>
</div>
<div class="adb-layout-row adb-subscriptions">
  <div class="adb-layout-content_half adb-subscription">
    <div class="adb-container adb-subscription--container">
      <div class="adb-container_header adb-subscription--header">
        <h3>Tiered</h3>
      </div>
      <div class="adb-container_content">
        <div class="adb-subscription--content_section">
          <p class="adb-price">
            <span class="adb-price--value">$10.00</span>
            <span class="adb-price--unit">
              /mo
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$80.00</span>
              <span class="adb-price--unit">/mo</span>
              <span class="adb-price--caption">For Postage &amp; Print</span>
            </span>
          </p>
          <p class="adb-price adb-price__tier">
            <span class="adb-price--value">$5.00</span>
            <span class="adb-price--unit">/International Postage &amp; Print /Three Yr</span>
          </p>
          <dl class="adb-help">
            <dt>Setup Fee per International Postage &amp; Print</dt>
            <dd>$12.00</dd>
            <dt>One Time Price</dt>
            <dd>$50.00</dd>
          </dl>
        </div>
        <div class="adb-subscription--content_section">
                    <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/checkout/order.html">Buy Now
          </a>

        </div>
        <div class="adb-subscription--content_section">
          <h4>Included</h4>
          <ul class="adb-subscription--list">
            <li>Unlimited Users</li>
            <li>500 Gigabytes</li>
          </ul>
        </div>
        <div class="adb-subscription--content_section"></div>
      </div>
    </div>
  </div>
  <div class="adb-layout-content_half adb-subscription">
    <div class="adb-container adb-subscription--container">
      <div class="adb-container_header adb-subscription--header">
        <h3>Tiered Unit Prices</h3>
      </div>
      <div class="adb-container_content">
        <div class="adb-subscription--content_section">
          <p class="adb-price">
            <span class="adb-price--value">$5.00</span>
            <span class="adb-price--unit">/Gigabyte /Mo</span>
            <span class="adb-price--caption">For 1 - 10 Gigabytes</span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$8.00</span>
              <span class="adb-price--unit">/Gigabyte /Mo</span>
              <span class="adb-price--caption">For 10 - 20 Gigabytes</span>
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$14.00</span>
              <span class="adb-price--unit">/Gigabyte /Mo</span>
              <span class="adb-price--caption">For 20 - 50 Gigabytes</span>
            </span>
            <span class="adb-price adb-price__nested">
              <span class="adb-price--value">$20.00</span>
              <span class="adb-price--unit">/Gigabyte /Mo</span>
              <span class="adb-price--caption">For 50 Gigabytes and above</span>
            </span>
          </p>
        </div>
        <div class="adb-subscription--content_section">
                    <a class="adb-button adb-button__medium adb-button__full_width adb-button__primary" href="../../prototype/marketplace/checkout/order.html">Buy Now
          </a>

        </div>
        <div class="adb-subscription--content_section">
          <h4>Included</h4>
          <ul class="adb-subscription--list">
            <li>Unlimited Users</li>
            <li>500 Gigabytes</li>
          </ul>
        </div>
        <div class="adb-subscription--content_section"></div>
      </div>
    </div>
  </div>
</div>

Complex Slats with Pricing

Please refer to Complex Slats with Pricing under Slats.

Receipts

Complex and Table-Based Receipts are display components under Numbers and Pricing.

  • Framework
  • Layout
  • Pricing
  • Powered by AppDirect © 2022
  • Contact Support
  • Terms & Conditions
  • Privacy Policy
    • Contact Support
    • Terms & Conditions
    • Privacy Policy
Themes
    Assistant
    • Bonzi
    • Clippy
    • F1
    • Genie
    • Genius
    • Links
    • Merlin
    • Peedy
    • Rocky
    • Rover
    Hide
    4
    1366 × 768
    10.51%
    9
    1024 × 768
    4.02%
    3
    1280 × 800
    11.08%
    1
    1440 × 900
    16.09%
    7
    1600 × 900
    5.59%
    6
    1280 × 1024
    5.77%
    5
    1680 × 1050
    7.48%
    2
    1920 × 1080
    15.99%
    8
    1920 × 1200
    5.39%
    10
    2560 × 1440
    3.23%