A comprehensive design system providing consistent and cohesive user experiences across digital products
Install the design system packages in your project:
npm install @gtalumni-la/tokens @gtalumni-la/reactyarn add @gtalumni-la/tokens @gtalumni-la/reactpnpm add @gtalumni-la/tokens @gtalumni-la/reactThen start using components in your React application:
import { Button } from '@gtalumni-la/react';
import '@gtalumni-la/tokens/dist/css/variables.css';
function App() {
return (
<Button variant="primary" size="lg">
Hello, Georgia Tech!
</Button>
);
}v0.1.0 - Alpha Release
This is an alpha release. The design system is under active development and breaking changes may occur. Not recommended for production use yet.
This design system follows the official Georgia Tech Brand Guidelines to ensure consistency across all Georgia Tech Alumni Association digital properties.