... | ... | @@ -17,11 +17,23 @@ To ensure uniformity, all visualizations should use the following font and color |
|
|
### Font
|
|
|
- **Sans-serif**: Use a generic sans-serif font, which is the default in most systems, such as Segoe UI on Windows or San Francisco on macOS.
|
|
|
|
|
|
### Color Palette
|
|
|
- **Green**: `#608C32`
|
|
|
- **Blue**: `#0063A7`
|
|
|
- **Black**: `black`
|
|
|
- **Grey**: `grey50`
|
|
|
### Color Palette Rules
|
|
|
|
|
|
#### 3 Colors:
|
|
|
- **Primary Green**: `#608C32` – Use this for highlighting key sections or elements that represent growth, success, or positive outcomes.
|
|
|
- **Primary Blue**: `#0063A7` – Use this for core sections related to general information or neutral elements.
|
|
|
- **Primary Red**: `#D32F2F` – Use this for sections involving comparison, warnings, or attention-grabbing elements.
|
|
|
|
|
|
#### 4 Colors:
|
|
|
In addition to the 3-color palette:
|
|
|
- **Orange**: `#e8995b` – Use this for accenting or highlighting minor sections, or where a warm, energetic tone is needed.
|
|
|
|
|
|
#### 8 Colors:
|
|
|
In addition to the 4-color palette:
|
|
|
- **Yellow**: `#e7ba61` – Use this for highlighting important stats or sections.
|
|
|
- **Pink**: `#fc85af` – Use this for softer, playful elements.
|
|
|
- **Grey**: `#7f7f7f` – Use this for neutral or muted sections where the focus is less critical.
|
|
|
- **Dark Brown**: `#683e00` – Use this for added contrast in visualizations or text, especially where a natural tone is appropriate.
|
|
|
|
|
|
### Applying the Theme
|
|
|
|
... | ... | @@ -29,10 +41,15 @@ Here is the R code snippet to use for ensuring that your visualizations follow t |
|
|
|
|
|
```r
|
|
|
# Define color palette and formatting
|
|
|
color_green <- "#608C32"
|
|
|
color_blue <- "#0063A7"
|
|
|
color_black <- "black"
|
|
|
color_grey <- "grey50"
|
|
|
color_green <- "#608C32" # Green for growth or positive elements
|
|
|
color_blue <- "#0063A7" # Blue for neutral elements
|
|
|
color_red <- "#D32F2F" # Red for comparisons or warnings
|
|
|
color_orange <- "#e8995b" # Orange for accents
|
|
|
color_yellow <- "#e7ba61" # Yellow for highlights
|
|
|
color_pink <- "#fc85af" # Pink for playful elements
|
|
|
color_grey <- "#7f7f7f" # Grey for neutral sections
|
|
|
color_brown <- "#683e00" # Dark brown for contrast
|
|
|
|
|
|
font_family <- "sans" # Use a generic sans-serif font
|
|
|
font_size <- 30
|
|
|
axis_label_size <- 30
|
... | ... | |