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

# Mavka Design System

> Build beautiful, intelligent, and accessible applications with the Mavka Design System.

# Mavka Design System

Welcome to the official documentation for the Mavka Design System (MDS). Mavka is a premium, nature-inspired design language built for creators who want to combine elegant aesthetics with powerful, AI-driven functionality.

## Explore the System

<CardGroup cols={2}>
  <Card title="Documentation" icon="book-open" href="/documentation/introduction">
    Get started with installation, theming, dark mode, and integrations.
  </Card>

  <Card title="Resources" icon="palette" href="/resources/figma-files">
    Download Figma files, icons, avatars, and brand assets.
  </Card>

  <Card title="Base Components" icon="cubes" href="/base-components/overview">
    Buttons, inputs, toggles, badges, and all foundational UI elements.
  </Card>

  <Card title="Application UI" icon="table-columns" href="/app-ui-components/overview">
    Modals, charts, tables, navigation, and complex application components.
  </Card>
</CardGroup>

## Templates & Examples

<CardGroup cols={2}>
  <Card title="App UI Examples" icon="window-maximize" href="/app-ui-examples/overview">
    Complete dashboards, settings pages, and informational layouts.
  </Card>

  <Card title="Shared Pages" icon="key" href="/shared-page-examples/overview">
    Login, sign-up, verification, 404, and email templates.
  </Card>

  <Card title="Marketing Components" icon="bullhorn" href="/marketing-components/overview">
    Headers, CTAs, pricing, testimonials, and landing page sections.
  </Card>

  <Card title="Marketing Examples" icon="browser" href="/marketing-examples/overview">
    Full landing pages, blogs, about pages, and more.
  </Card>
</CardGroup>

<Tip>
  Mavka uses **Inter** for typography and **Emerald** as its primary interaction color. Every component adheres to a strict 4px grid.
</Tip>