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

# Lightweight by Design

> Luma is a Mintlify theme built for clarity and speed. It's designed for documentation that needs to feel approachable, easy to read, and quick to navigate, making it ideal for teams that value simplicity over visual weight.

<img src="https://mintcdn.com/luma/2bVt9wfD1iM1ULu6/images/hero.png?fit=max&auto=format&n=2bVt9wfD1iM1ULu6&q=85&s=b8a193e61215fccfebf04c167fb5966b" alt="Hero" className="w-full h-[200px] rounded-3xl object-cover" width="1200" height="400" data-path="images/hero.png" />

### Space That Guides the Eye

The theme uses generous whitespace to create a light, airy reading experience. Content feels less dense, sections are easier to scan, and key information stands out naturally without competing for attention.

**Optimized for Scannable Content.** Luma works especially well for guides, tutorials, and reference pages that users skim before diving deeper. The layout helps readers find what they need quickly, even when moving through multiple pages.

**Clean and Focused Presentation.** Visual elements stay minimal and intentional. Typography, spacing, and layout work together to keep the focus on the content, reducing distractions and cognitive load.

***

<div className="flex items-center justify-between mb-6">
  <span className="text-lg font-medium text-gray-900 dark:text-gray-100">Resources</span>
  <a href="/essentials/navigation" className="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200">View all</a>
</div>

<CardGroup cols={2}>
  <Card title="We're hiring!" icon={<img src="/favicon.svg" alt="Luma" width="24" height="24" className="block m-0" />} href="https://mintlify.com/careers#open-roles">
    Help build the AI tools to bring intelligence to every application
  </Card>

  <Card title="Read our blog" icon="newspaper" href="https://www.mintlify.com/blog">
    Insights on AI, documentation, and building better developer experiences
  </Card>
</CardGroup>

***

<div className="grid grid-cols-3 gap-5 py-4 not-prose">
  <a href="#" className="flex flex-col items-center gap-4 py-4 rounded-2xl text-center group">
    <Icon icon="life-ring" size={32} className="text-gray-500 dark:text-gray-400" />

    <div className="flex flex-col items-center gap-1">
      <span className="text-base font-medium text-gray-900 dark:text-gray-100">Help center</span>
      <span className="text-sm text-gray-500 dark:text-gray-400">Frequently asked account and billing questions</span>
    </div>
  </a>

  <a href="#" className="flex flex-col items-center gap-4 py-4 rounded-2xl text-center group">
    <Icon icon="users" size={32} className="text-gray-500 dark:text-gray-400" />

    <div className="flex flex-col items-center gap-1">
      <span className="text-base font-medium text-gray-900 dark:text-gray-100">Developers</span>
      <span className="text-sm text-gray-500 dark:text-gray-400">Discuss topics with other developers</span>
    </div>
  </a>

  <a href="#" className="flex flex-col items-center gap-4 py-4 rounded-2xl text-center group">
    <Icon icon="signal-stream" size={32} className="text-gray-500 dark:text-gray-400" />

    <div className="flex flex-col items-center gap-1">
      <span className="text-base font-medium text-gray-900 dark:text-gray-100">Status</span>
      <span className="text-sm text-gray-500 dark:text-gray-400">Check the status of Luma services</span>
    </div>
  </a>
</div>