---
title: 'Colours and fonts'
url: 'https://dedc.de/en/particles/design'
markdown: 'https://dedc.de/en/particles/design.md'
lang: en
date: '2026-11-06'
description: 'All examples Colours and fonts The variants change only the design of their respective example page. The website settings and the other pages remain unchanged. Classic palette and system font Forest palette and serif font Ocean palette and humanist font Ink palette and a uniform heading colour Cus…'
---

[All examples](https://dedc.de/en/particles)

# Colours and fonts

The variants change only the design of their respective example page. The website settings and the other pages remain unchanged.

- [Classic palette and system font](https://dedc.de/en/particles/design/klassisch)
- [Forest palette and serif font](https://dedc.de/en/particles/design/wald)
- [Ocean palette and humanist font](https://dedc.de/en/particles/design/meer)
- [Ink palette and a uniform heading colour](https://dedc.de/en/particles/design/tinte)
- [Custom colours and accents that alternate by heading level](https://dedc.de/en/particles/design/eigene-farben)

The English theme administration offers colour palettes and individual colour fields. Headings use the primary and secondary colours; insufficient contrast is adjusted to suit the background.

Custom WOFF or WOFF2 fonts can be uploaded in the theme configuration. These examples use existing local font families and their fallbacks. They do not claim that an additional font file has been installed.

---

## Navigation

- Parent: [Particles: Examples](https://dedc.de/en/particles.md)
- Previous: [Optional plugin integrations](https://dedc.de/en/particles/optionale-plugins.md)
- Next: [Feature tiles with images](https://dedc.de/en/particles/bildkacheln.md)
- Children:
  - [Classic palette](https://dedc.de/en/particles/design/klassisch.md)
  - [Forest palette](https://dedc.de/en/particles/design/wald.md)
  - [Ocean palette](https://dedc.de/en/particles/design/meer.md)
  - [Ink palette](https://dedc.de/en/particles/design/tinte.md)
  - [Custom colours](https://dedc.de/en/particles/design/eigene-farben.md)