@gemeente-denhaag/pagebuttons

Share Button

When to use

Below you will find which element you should use on which page:

• Standaard: Readspeaker
• Product: Readspeaker
• Nieuws: Readspeaker, Share
• Persoon: Readspeaker
• Evenement: Readspeaker

Anatomy

• Readspeaker: makes the content read aloud
• Share: possibility to share the news item

Typography

• Readspeaker [see: buttons]
• Share [see: buttons]

Colors

• Readspeaker: border color Grey/2, text color Grey/4, icon svg color Grey/4
• Share: border color Grey/2, text color Grey/4, icon svg color Grey/4

Structure

• Readspeaker: padding-right 12px
• Share: padding-right 12px, social media buttons padding-right 8px

References

https://www.figma.com/file/JpoY3waVoQGlLQzQXTL9nn/Design-System---Gemeente-Den-Haag?node-id=1%3A656