Resources

This page lists different kinds of resources ranging from the City of Helsinki materials to different kinds of tools to make design and development easier.

Downloads

• Design kit (Sketch libraries)
• Helsinki logos
• Helsinki Grotesk font, see Typography.

Links & guidelines

• Helsinki Visual Identity guidelines
• Helsinki content accessibility guidelines
• Helsinki Accessibility Model (in Finnish mostly)
• Helsinki Digital Service Playbook (Pelikirja) (in Finnish)
• Helsinki Developer guidelines
• HDS V1 documentation

Tools

• Stark Sketch plugin
• Cluse Sketch plugin
• WebAIM Contrast checker
• Are My Colours Accessible?

HDS repositories

• HDS Core
• HDS React
• HDS Design tokens
• HDS Documentation site

HDS storybook examples

• React Storybook
• Core Storybook