Agriculture Design System
Design System for the Export Service

AG branding

A colour palette and logo set for Agriculture

View in StorybookView in Github
import { ... } from '@ag.ds-next/react/ag-branding';

Agriculture theme

To use the agriculture theme in your website or application, pass the theme object from this package to our Core component.

import { Core } from '@ag.ds-next/react/core';
import { theme } from '@ag.ds-next/react/ag-branding';
export default function App({ Component }) {
return (
<Core theme={theme}>
<Component />
<Box maxWidth={600} color="text">
	<Logo />