@ag.ds-next/ag-branding

--- title: AG Branding description: A colour palette and logo set for Agriculture group: Brand ---

Usage no npm install needed!

<script type="module">
  import agDsNextAgBranding from 'https://cdn.skypack.dev/@ag.ds-next/ag-branding';
</script>

README

title: AG Branding description: A colour palette and logo set for Agriculture group: Brand

AG Palette

import { Core } from '@ag.ds-next/core';
import { palette } from '@ag.ds-next/ag-branding';

export default function App({ Component }){
    return (
        <Core theme={theme}>
            <Component />
        </Core>
    )

AG Logo

import { Logo } from '@ag.ds-next/ag-branding';

export const App = () => (
    <Box
        palette="light"
        color="text"
        background="body"
        maxWidth={600}
        padding={2}
    >
        <Logo />
    </Box>
);