```jsx
import React from 'react';
import Stack from 'aws-northstar/layouts/Stack';
import Alert from 'aws-northstar/components/Alert';

<Stack>
  <Alert type="warning" header='Deprecation Notice'>
    The package NorthStar legacy (aws-northstar) entered maintenance on April 1, 2023. On April 1, 2024, support will end for NorthStar legacy.
  </Alert>

  <Alert type="info" header='NorthStar V2'>
    A new version of NorthStar, <a href='https://www.npmjs.com/package/@aws-northstar/ui' target="_blank" rel="noreferrer noopener">NorthStar v2 <b>@aws-northstar/ui</b></a> has been released and improves upon the previous version by leveraging <a href='https://cloudscape.design/' target="_blank" rel="noreferrer noopener">Cloudscape Design System</a> and with updates to the existing components with new features that make the development experience even better. <a href='https://aws.github.io/aws-northstar' target="_blank" rel="noreferrer noopener">Click here for the v2 documentation website</a>.
    <br/>
    <br/>
    Please refer to <a href='https://aws.github.io/aws-northstar/?path=/story/migration-migratingfromlegacy--page' target="_blank" rel="noreferrer noopener">migration guides on the NorthStar v2 website</a> for information how to migrate you applications from NorthStar legacy to NorthStar v2.
  </Alert>
</Stack>
```

## NorthStar empowers you to rapidly prototype intuitive, meaningful and accessible user experiences at scale

NorthStar aims to be the standard for rapidly prototyping intuitive, meaningful and accessible user experiences. It simplifies your work and ensures consistent, predictable experiences at scale for your customers. With NorthStar, you can focus on innovation and do more with less.

Whether you are a  developer or designer, NorthStar will help you delight your customers from inception to Prototype.

## Vision

To be ** the ** holistic design system for rapidly prototyping rich, engaging user experiences.

## Benefits

1. Your customers are the primary beneficiary of NorthStar. Using a shared design language, screen flows and standardized components means they can quickly understand how they should interact with new UI experiences and features, decreasing the effort associated with feature adoption and confusion.

2. NorthStar provides out-of-the-box support for accessibility, responsive design, and broad browser coverage. 

3. Using NorthStar also benefits developers by reducing custom design and code, saving time, lowering effort, and decreasing complexity.

## Tenets and key concepts

#### 1. Convention over configuration. 
Eliminate the need for configuration, simplifying the developer experience, decreasing the time from design to implementation.

#### 2. Be opinionated as it accelerates development
NorthStar is a design system. It is prescriptive and should always care of the undifferentiated heavy lifting of CSS, layout and stlying.

#### 3. Eat our own dog food
We consume what we produce. NorthStar should remain self-documenting, always include a storybook and allow developers to experiment.

#### 4. Growth through community
Actively encourage a broad open source community to accelerate the development of the system.

## The future of NorthStar
Looking to the future, NorthStar will continue to grow as a visual, design, and development system targeted at the delivery of intuitive, meaningful and accessible user experiences. We encourage you to contribute to the project. See our contribution guide [here](#/Contribution%20Guide).

## Cloudscape Design System and NorthStar

On July 19, 2022, AWS released [Cloudscape Design System](https://cloudscape.design/) as open source. Cloudscape is a solution for building intuitive user experiences. It offers guidelines to create web applications, along with the design resources and front-end components to streamline implementation. While NorthStar is a design system to rapidly prototype user experiences, Cloudscape is a design system that is intended for use in production environments, beyond the prototypal phase.