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

# Start with Kato

> Get to know your workspace. Bring your team, your context, and your next steps together.

export const LessonList = ({lessons, Image, label = "Learning path"}) => <ol className="kato-lessons" aria-label={label}>
    {lessons.map((lesson, index) => <li className="kato-lesson" key={lesson.href}>
        <a className="kato-lesson-link" href={lesson.href}>
          <span className="kato-lesson-number" aria-hidden="true">{index + 1}</span>
          <div className="kato-lesson-copy">
            <h2>{lesson.title}</h2>
            <p>{lesson.description}</p>
            <span className="kato-lesson-cta">Read guide <span aria-hidden="true">→</span></span>
          </div>
          <Image kind={lesson.kind} src={lesson.src} alt={lesson.alt || ""} thumbnail />
        </a>
      </li>)}
  </ol>;

export const DocImage = ({src, alt, caption, kind = "workspace", thumbnail = false, natural = false}) => {
  const paths = {
    objects: "m12 3 9 4.5v9L12 21l-9-4.5v-9L12 3Z M3 7.5l9 4.5 9-4.5 M12 12v9",
    attributes: "M4 5h16 M4 12h16 M4 19h16 M8 3v4 M16 10v4 M10 17v4",
    records: "M5 3h14v18H5z M8 7h8 M8 11h8 M8 15h5",
    relationships: "M8 8H4v8h4 M16 8h4v8h-4 M8 12h8 M10 10l-2 2 2 2 M14 10l2 2-2 2",
    views: "M3 4h18v16H3z M3 9h18 M9 9v11 M15 9v11",
    importing: "M12 3v12 M8 11l4 4 4-4 M4 16v5h16v-5",
    workspace: "M4 4h16v16H4z M4 9h16 M9 9v11",
    navigation: "m5 5 14 5-6 3-3 6-5-14Z",
    team: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 M16 4a4 4 0 0 1 0 8 M22 21v-2a4 4 0 0 0-3-3.87 M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z",
    tasks: "M9 6h11 M9 12h11 M9 18h11 M3 6l1 1 2-2 M3 12l1 1 2-2 M3 18l1 1 2-2",
    meetings: "M4 5h16v15H4z M4 10h16 M8 3v4 M16 3v4 M8 14h3 M8 17h6",
    ai: "m12 3 2.5 6.5L21 12l-6.5 2.5L12 21l-2.5-6.5L3 12l6.5-2.5L12 3Z",
    automation: "M9 3h6v6H9z M3 16h6v5H3z M15 16h6v5h-6z M12 9v4 M6 16v-3h12v3"
  };
  return <figure className={["kato-visual", thumbnail ? "kato-visual--thumbnail" : ""].filter(Boolean).join(" ")}>
    {src ? <div className={["kato-visual-frame", natural ? "kato-visual-frame--natural" : ""].filter(Boolean).join(" ")}>
        {thumbnail ? <img src={src} alt={alt || ""} loading="lazy" decoding="async" /> : <a className="kato-visual-fullsize" href={src} target="_blank" rel="noreferrer" aria-label={`Open full-size image: ${alt || caption || "Kato guide"}`}>
            <img src={src} alt={alt || ""} loading="lazy" decoding="async" />
          </a>}
      </div> : <div className="kato-visual-frame kato-placeholder" role={thumbnail ? undefined : "img"} aria-label={thumbnail ? undefined : `Image placeholder: ${alt || caption || "Kato workspace"}`} aria-hidden={thumbnail ? "true" : undefined}>
        <span className="kato-orbit kato-orbit--outer" />
        <span className="kato-orbit kato-orbit--inner" />
        <span className="kato-visual-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"><path d={paths[kind] || paths.workspace} /></svg></span>
        {!thumbnail && <span className="kato-placeholder-label">Image placeholder</span>}
      </div>}
    {caption && !thumbnail && <figcaption>{caption}{src && <span className="kato-visual-hint">Select the image to view it full size.</span>}</figcaption>}
  </figure>;
};

<LessonList
  Image={DocImage}
  lessons={[
{ title: "Introduction", description: "Meet Kato and see how your work connects.", href: "/documentation/introduction", kind: "workspace", src: "/images/lessons/introduction.webp", alt: "Isometric illustration connecting a workspace, email, calendar, and company record" },
{ title: "Navigating Kato", description: "Find your way around the sidebar and your workspace.", href: "/documentation/navigating-kato", kind: "navigation", src: "/images/lessons/navigation.webp", alt: "Isometric illustration of workspace navigation, search, and a selected sidebar item" },
{ title: "Create your workspace", description: "Set up a shared home and invite your team.", href: "/documentation/create-your-workspace", kind: "team", src: "/images/lessons/workspace.webp", alt: "Isometric illustration of team profile cards connected to a shared workspace" },
{ title: "Shape your workspace data", description: "Learn how objects, attributes, and records fit together.", href: "/documentation/data/overview", kind: "objects", src: "/images/lessons/data.webp", alt: "Isometric illustration of linked record stacks and data attributes" },
{ title: "Bring your data into Kato", description: "Prepare your data and choose the right way to add it.", href: "/documentation/importing-data", kind: "importing", src: "/images/lessons/importing.webp", alt: "Isometric illustration of spreadsheet data becoming workspace records" },
{ title: "Organize tasks", description: "Give every next step an owner and a clear outcome.", href: "/documentation/organize-tasks", kind: "tasks", src: "/images/lessons/tasks.webp", alt: "Isometric illustration of a task board and checklist" },
{ title: "Meetings and follow-ups", description: "Turn conversations into decisions and action items.", href: "/documentation/meetings-and-follow-ups", kind: "meetings", src: "/images/lessons/meetings.webp", alt: "Isometric illustration linking a conversation, calendar, and follow-up task" },
{ title: "Use Ask Kato", description: "Find answers and move work forward with shared context.", href: "/documentation/use-ask-kato", kind: "ai", src: "/images/lessons/ask-kato.webp", alt: "Isometric illustration of source records informing an Ask Kato conversation" },
{ title: "Build an automation", description: "Make repeatable work easier with triggers and actions.", href: "/documentation/build-an-automation", kind: "automation", src: "/images/lessons/automation.webp", alt: "Isometric illustration of a trigger passing through workflow steps to a completed task" }
]}
/>

## Keep exploring

<CardGroup cols={2}>
  <Card title="Connect your tools" icon="puzzle-piece" href="/integrations/overview">Bring calendar and external activity into your workspace.</Card>
  <Card title="Try a recipe" icon="lightbulb" href="/recipes/overview">Put the basics to work with a practical walkthrough.</Card>
</CardGroup>


## Related topics

- [Kato CLI](/documentation/cli.md)
- [Integrations](/integrations/overview.md)
- [Use Ask Kato](/documentation/use-ask-kato.md)
- [Bring your data into Kato](/documentation/importing-data.md)
- [Introduction](/documentation/introduction.md)