Buttons

Context

Default Button Styling is ready. There are the 5 Basic-Sets in 2 Sizes (XL Desktop / L Mobile):

1. Primary
2. Secondary
3. White
4. Round
5. Circular

We can start with "Primary".

Figma Component Design

• https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=3%3A66

Figma Page Preview

• Desktop e.g: https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=1788%3A83941
• Mobile e.g: https://www.figma.com/file/ypzBR4RDU1aRGWzebJY08B/FCOS-Hamburg?node-id=2334%3A85740

Responsive behaviour

• Fluid

Acceptance criteria

USER

• Can Click Button and get to linked content, can see the hover and active state