# signpost: style guide
---
# Scaling
### Golden ratio
--space-xs: 0.382rem;
--space-s: 0.618rem;
--space-m: 1rem;
--space-l: 1.618rem;
--space-xl: 2.618rem;
--space-xxl: 4.236rem;
---
# Colour Scheme 1
Dark background to be kinder on the eyes - especially at night
Bright colour for contrast - orange suggested in user research
Clean & modern but not overly stylised

---
# Colour Scheme 2
Less intense?

---
# Colour Scheme 3
A light background but muted (less intense than white) to also be kinder to eyes but in reverse

---
# Colour Scheme 4
Stylish colour combination, different to "charity" websites/apps that use a very typical colour scheme

---
### Colour Scheme 5
From research blue/green is a very calming colour. If we were to have a lighter background it might be nice to use a blue tone for this reason.

---
# Black & White w/ an accent colour?




---
## Font Combination 1
<font color = green>
**Title: Kumar One**
Memorable, fun element, still readable

**Text: PT Sans Caption**
Neat, accessible, approachable

</font>
---
## Font Combination 2
<font color = green>
**Title: Viga**
Bold, distinct, clear

**Text: Muli**
Clean, accessible

Good match or different text font?
</font>
---
## Font Combination 3
<font color = green>
**Title: Passion**
Bold, clean, accessible

**Text: Open Sans**

</font>
{"metaMigratedAt":"2023-06-15T03:16:52.530Z","metaMigratedFrom":"Content","title":"signpost: style guide","breaks":true,"contributors":"[{\"id\":\"09c2cb97-7340-43ab-a79b-d087b968c372\",\"add\":2173,\"del\":227}]"}