---
title: Overview
sidebar_position: 0
---

import { ExternalResourceCard, Grid } from '@site/src/components/mdx';

# Overview

## Logos Design System (LSD)

LSD is an open-source design system challenging conventional norms in the world of digital products and experiences. Rooted in a philosophy that values content over excess, we're here to decentralize design and empower the message. Our minimalist approach is a rebellion against the cluttered design landscape. Join us in our mission to simplify and refocus design for all, with working code, tools, resources, and a community of like-minded individuals.

### Radical Theme

<Grid xs={{ cols: 1, wrap: true, gap: '16px' }} md={{ cols: 2 }}>
    <Grid.Item xs={1}>
        <ExternalResourceCard
            title="LSD - Radical"
            description="www.figma.com"
            href="https://www.figma.com/file/DVfLHVRl8adBPYkgq02Qki/LSD-%E2%80%93-Radical?type=design&node-id=22%3A796&mode=design&t=17y4ysCLSxyCKece-1"
            logoSrc="/icons/figma.svg"
        />
    </Grid.Item>
    <Grid.Item xs={1}>
        <ExternalResourceCard
            title="Library • acid-info/lsd"
            description="www.chromatic.com"
            href="https://www.chromatic.com/library?appId=63e4f71c39dc65c5c703c1e8"
            logoSrc="/icons/chromatic.svg"
        />
    </Grid.Item>
    <Grid.Item xs={1}>
        <ExternalResourceCard
            title="Github - LSD"
            description="www.github.com"
            href="https://github.com/acid-info/lsd"
            logoSrc="/icons/github.svg"
        />
    </Grid.Item>
    <Grid.Item xs={1}>
        <ExternalResourceCard
            title="NPM Package - LSD"
            description="www.npmjs.com"
            href="https://www.npmjs.com/package/@acid-info/lsd-react"
            logoSrc="/icons/npm.svg"
        />
    </Grid.Item>
</Grid>
