> ## Documentation Index
> Fetch the complete documentation index at: https://docs.metronome.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Metronome Docs

<span id="homeTopCards">
  <Columns cols={3}>
    <Card title="How Metronome works" icon="puzzle-piece" iconType="regular" href="/guides/get-started/how-metronome-works">
      Understand the core parts of Metronome
    </Card>

    <Card title="Quickstart guide" icon="rocket" iconType="regular" href="/guides/get-started/metronome-dashboard-quickstart">
      Get to your first invoice on Metronome
    </Card>

    <Card title="Plan your billing architecture" icon="microscope" iconType="regular" href="/guides/implement-metronome/planning-your-billing-architecture">
      What to keep in mind as you create your billing architecture
    </Card>
  </Columns>
</span>

<div className="flex justify-center sm:justify-end mt-2 mb-2">
  <a href="https://signup.metronome.com/" className="mint-inline-block mint-bg-[#82FB8E] mint-text-gray-900 mint-font-medium mint-px-6 mint-py-3 mint-rounded-full">
    Try Metronome
  </a>
</div>

# Build your pricing and packaging

<Tabs>
  <Tab title="Pay-as-you-go billing">
    <div class="cardColumns">
      <div class="cardContent">
        <div class="cardsText cardsText-h3">Pay-as-you-go billing</div>

        <span class="cardsText">
          Set up Metronome to support charging your customers in arrears for
          only what they use.
        </span>

        <div class="cardsText cardsText-h4">
          <a href="/guides/pricing-packaging/billing-model-guides/pay-as-you-go">
            Open the guide <Icon icon="arrow-right" iconType="regular" />
          </a>
        </div>
      </div>

      <div className="middleCardsImage">
        <img src="https://mintcdn.com/metronome-b35a6a36/C_lGxKgdkdHt6xoX/images/homepage/guides.png?fit=max&auto=format&n=C_lGxKgdkdHt6xoX&q=85&s=f481e78ce8d7383985fcf403fdc1eece" alt="Metronome logo pointing at an invoice" width="908" height="486" data-path="images/homepage/guides.png" />
      </div>
    </div>
  </Tab>

  <Tab title="Enterprise commits">
    <div class="cardColumns">
      <div class="cardContent">
        <div class="cardsText cardsText-h3">Enterprise commits</div>

        <span class="cardsText">
          Set up Metronome to support enterprise deal requirements like prepaid
          and postpaid commitments, negotiated discounts, one-time charges,
          contract renewals, and more.
        </span>

        <div class="cardsText cardsText-h4">
          <a href="/guides/pricing-packaging/billing-model-guides/enterprise-commit">
            Open the guide <Icon icon="arrow-right" iconType="regular" />
          </a>
        </div>
      </div>

      <div className="middleCardsImage">
        <img src="https://mintcdn.com/metronome-b35a6a36/C_lGxKgdkdHt6xoX/images/homepage/guides.png?fit=max&auto=format&n=C_lGxKgdkdHt6xoX&q=85&s=f481e78ce8d7383985fcf403fdc1eece" alt="Metronome logo pointing at an invoice" width="908" height="486" data-path="images/homepage/guides.png" />
      </div>
    </div>
  </Tab>

  <Tab title="Subscriptions w/ usage">
    <div class="cardColumns">
      <div class="cardContent">
        <div class="cardsText cardsText-h3">Subscriptions w/ usage</div>

        <span class="cardsText">
          Set up Metronome to combine recurring revenue with usage-based
          components.
        </span>

        <div class="cardsText cardsText-h4">
          <a href="/guides/pricing-packaging/billing-model-guides/hybrid-business-models">
            Open the guide <Icon icon="arrow-right" iconType="regular" />
          </a>
        </div>
      </div>

      <div className="middleCardsImage">
        <img src="https://mintcdn.com/metronome-b35a6a36/C_lGxKgdkdHt6xoX/images/homepage/guides.png?fit=max&auto=format&n=C_lGxKgdkdHt6xoX&q=85&s=f481e78ce8d7383985fcf403fdc1eece" alt="Metronome logo pointing at an invoice" width="908" height="486" data-path="images/homepage/guides.png" />
      </div>
    </div>
  </Tab>

  <Tab title="Pre-paid credits">
    <div class="cardColumns">
      <div class="cardContent">
        <div class="cardsText cardsText-h3">Pre-paid credits</div>

        <span class="cardsText">
          Set up Metronome to allow customers to purchase a batch of credits
          upfront, with auto-recharge or gated access when credits run out.
        </span>

        <div class="cardsText cardsText-h4">
          <a href="/guides/pricing-packaging/billing-model-guides/prepaid-credits">
            Open the guide <Icon icon="arrow-right" iconType="regular" />
          </a>
        </div>
      </div>

      <div className="middleCardsImage">
        <img src="https://mintcdn.com/metronome-b35a6a36/C_lGxKgdkdHt6xoX/images/homepage/guides.png?fit=max&auto=format&n=C_lGxKgdkdHt6xoX&q=85&s=f481e78ce8d7383985fcf403fdc1eece" alt="Metronome logo pointing at an invoice" width="908" height="486" data-path="images/homepage/guides.png" />
      </div>
    </div>
  </Tab>
</Tabs>

# Get started with

<span id="homeBottomCards">
  <Columns cols={3}>
    <Card title="Contracts" icon="arrow-right" iconType="regular" img="../../images/homepage/bottomcards/contracts.png" href="/guides/get-started/core-concepts/provision-contract#create-a-contract%E2%80%8B" />

    <Card title="Invoicing" icon="arrow-right" iconType="regular" img="../../images/homepage/bottomcards/invoicing.png" href="/guides/get-started/core-concepts/how-invoicing-works" />

    <Card title="Rev-rec" icon="arrow-right" iconType="regular" img="../../images/homepage/bottomcards/revrec.png" href="/guides/reporting-insights/financial-reporting/revenue-recognition" />
  </Columns>
</span>