# Visual Styling

- [Colours](/jds-beta/visual-styling-1/colours.md): We use colours purposefully to communicate how things function in the interface and express uniqure branding
- [Icons](/jds-beta/visual-styling-1/icons.md): Icons are symbols used to represent ideas, objects, or actions. They are used to communicate messages at a glance, afford interactivity, and draw attention to important information.
- [Images](/jds-beta/visual-styling-1/images.md): Imagery makes exploration on the website easier to understand and help to express a brand’s visual language.
- [Typography](/jds-beta/visual-styling-1/typography.md): Use typography to present the hierarchy of the content for better efficiency and reading experience.
- [Accessibility](/jds-beta/visual-styling-1/accessibility.md): Designing for accessibility means your digital products can be used and enjoyed by the majority.
