Built with Goat
Built with Goat
Built with Goat
Design System
Goat ensures that all experiences tied to Primer are cohesive, uniform & accessible without sacrificing velocity.
Goat ensures that all experiences tied to Primer are cohesive, uniform & accessible without sacrificing velocity.
Goat ensures that all experiences tied to Primer are cohesive, uniform & accessible without sacrificing velocity.
Goat ensures that all experiences tied to Primer are cohesive, uniform & accessible without sacrificing velocity.
Foundations
Foundations
Foundations
Foundations define how each of our interface elements communicate with each other and to our users.
Foundations define how each of our interface elements communicate with each other and to our users.
Foundations define how each of our interface elements communicate with each other and to our users.
Our vision
Our vision
Components
Components
Components
Design systems work like a language, where individual components function as words imbued with distinct meanings.
Just as words shape stories, design systems shape experiences, weaving a narrative of consistency, efficiency, and beauty.
Design systems work like a language, where individual components function as words imbued with distinct meanings.
Just as words shape stories, design systems shape experiences, weaving a narrative of consistency, efficiency, and beauty.
Design systems work like a language, where individual components function as words imbued with distinct meanings.
Just as words shape stories, design systems shape experiences, weaving a narrative of consistency, efficiency, and beauty.
Every time I import a Goat component, I blow a silent kiss to the Goat Team. It's been super helpful.
Godspower Anyaogu
Frontend Engineer, Primer
Every time I import a Goat component, I blow a silent kiss to the Goat Team. It's been super helpful.
Godspower Anyaogu
Frontend Engineer, Primer
Every time I import a Goat component, I blow a silent kiss to the Goat Team. It's been super helpful.
Godspower Anyaogu
Frontend Engineer, Primer
It's like the difference between building with sticks, leaves and mud, and building with LEGO.
Tom Parsons
Frontend Team Lead, Primer
It's like the difference between building with sticks, leaves and mud, and building with LEGO.
Tom Parsons
Frontend Team Lead, Primer
It's like the difference between building with sticks, leaves and mud, and building with LEGO.
Tom Parsons
Frontend Team Lead, Primer
A system that thrives on contributions.
A system that thrives on contributions.
A system that thrives on contributions.
80
80
80
%
%
Systems
Systems
20
20
20
%
%
Creativity
Creativity
Simplicity, inclusion and evolution are our guiding principles.
They help us to take Goat forward with each step.
Simplicity, inclusion and evolution are our guiding principles.
They help us to take Goat forward with each step.
Simplicity, inclusion and evolution are our guiding principles.
They help us to take Goat forward with each step.
Meet the
GOAT Team
Meet the
GOAT Team
Meet the
GOAT Team
Goat Design System
© Primer 2023
Goat Design System
© Primer 2023
Goat Design System
© Primer 2023