These guidelines summarize how use typography at Decidim, and serve as guardrails for designers to design freely with best typographic practices in mind.
Decidim uses Source Sans Pro as primary typeface. This typeface supports 310 languages
This fonts are licensed under the Open Font License
| Example |
|---|
| Source Sans Pro Bold |
| Source Sans Pro Semibold |
| Source Sans Pro Regulars |
| Level | Semibold 600 | Bold 700 | Size |
|---|---|---|---|
| Hero H1 | Hero heading | text-5xl | |
| H1 | Heading H1 | Heading H1 | text-4xl |
| H2 | Heading H2 | Heading H2 | text-3xl |
| H3 | Heading H3 | Heading H3 | text-2xl |
| H4 | Heading H4 | Heading H4 | text-xl |
| H5 | Heading H5 | Heading H5 | text-lg |
| H6 | Heading H6 | Heading H6 | text-md |
| Regular 400 | Semibold 600 | Bold 700 | Size |
|---|---|---|---|
| Sample content | Sample content | Sample content | text-xl |
| Sample content | Sample content | Sample content | text-lg |
| Sample content | Sample content | Sample content | text-md |
| Sample content | Sample content | Sample content | text-sm |
| Sample content | Sample content | Sample content | text-xs |
| Size | Layout cols | Characters per line |
|---|---|---|
| text-xl | 6 | 81 |
| text-lg | 6 | 90 |
| text-md | 5 | 84 |
| text-sm | 4 | 76 |