# Start-here



# Welcome to Mark Design System

> Mark is [Grade Group's](https://grade.com/en/) unified design system, providing modular, reusable components and tools to streamline UI/UX development across all products.
>
> <br />
> [More information →](?path=/docs/info-about-the-system--docs)

## Explore Mark Design System

<div className="frontpage-grid">
  <FrontpageCard
    iconSrc="library.svg"
    iconAlt="Books in a library shelf icon"
    title="Components"
    description="Discover our library of reusable UI components"
    linkHref="/?path=/docs/components-overview--docs"
    linkText="Explore Components"
  />
<FrontpageCard
  iconSrc="palette.svg"
  iconAlt="Color palette abstraction icon"
  title="Design Tokens"
  description="Learn about our foundational design elements"
  linkHref="/?path=/docs/tokens-overview--docs"
  linkText="Explore Tokens"
/>
<FrontpageCard
  iconSrc="icons.svg"
  iconAlt="Icons icon"
  title="Icons"
  description="Browse our comprehensive icon set"
  linkHref="/?path=/docs/icons-all-icons--docs"
  linkText="Explore Icons"
/>

  <FrontpageCard
    iconSrc="principles.svg"
    iconAlt="Pyramid icon"
    title="Principles"
    description="Learn about our design principles"
    linkHref="/?path=/docs/info-principles--docs"
    linkText="Principles"
  />
    <FrontpageCard
    iconSrc="patterns.svg"
    iconAlt="Template of webpage layout icon"
    title="Patterns"
    description="Learn about our design patterns and best practices"
    linkHref="/?path=/docs/patterns-overview--docs"
    linkText="Patterns"
  />
  <FrontpageCard
  iconSrc="installation.svg"
  iconAlt="Vector of three dimensional cube icon"
  title="Installation"
  description="Learn how to install Mark Design System"
  linkHref="/?path=/docs/info-get-started--docs"
  linkText="Get Started"
/>
</div>

<footer className="frontpage-footer">
  <div>
    <h3>Get in Touch</h3>
    <p>Have questions or need support?</p>
    <p>
      <a href="https://teams.microsoft.com/l/channel/19%3AGfDZM_PvfzrQ966xNlbBy6Kb-Ps0Fagi9zoAKuW_tgE1%40thread.tacv2/General%20(Design)?groupId=e103b6c1-1fae-4835-bcff-0b2ace356a62">
        Reach out via Teams
      </a>
    </p>
  </div>
  <div>
    <h3>Requests and Feedback</h3>
    <p>Found a bug or have a feature request?</p>
    <p>
      <a href="https://gradegroup.atlassian.net/jira/software/projects/MDS/form/5">Report issues</a> or submit{" "}
      <a href="https://gradegroup.atlassian.net/jira/software/projects/MDS/form/6">feature requests</a>.
    </p>
  </div>
</footer>