# Fedora Badges Style Guide - Notes

## Overview

This document will be used to collect notes for improvements for the Fedora Badges Style Guide as a part of the Badges 2.0 Revamp.

## Designers

- Nikita Tripathi
- Smera Goel
- Marie Nordin

## New Pages

Based on the findings from implementing the new template, we need to incorporate new information into the style guide.

[Reference](https://hackmd.io/CAHi-qruSyOotQJl6569Ag?view)

- Addition to page 24: Need to cover background contrast with template
- New page 25: "Color Palettes Usage: Graphics"
- New page at the end: Contributors

## TO DOs
- We need to create a new template because the current one has some issues with grid and text is expanded to outlines
- [x] Content Page
- [x] Central Badges
- [x] Badges (6)
- [x] Title Page (check left alignment, alignment of badge silhouettes)
- For each page,
- [x] check the labels on the graphics to make sure that it the gradient is consistent
- [x] Check that text is not outlines
- [ ] Fit each page into the new page templates (with guide)
- [ ] Because inkscape doesn't support tabs, use 5 spaces for a tab. Use this to ensure consistent indentation in content
- [ ] This is the bulleting format: Letters -> number -> roman numerals
- [ ] Make sure that the badge artwork used is
- [ ] a PNG export (180 x 180)
- [ ] updated artworkls
- [ ] Fedora Badges should be capitalised
## Page Reviews

### September 26th 2023 Review
### October 3rd 2023 Review

#### Page 1 (Marie) :heavy_check_mark:

- [ ] Remove "Light Mode"
- [ ] Remove "Designed by Nikita Tripathi"
- [ ] Change "Guidelines" to "Guide"
- [ ] Align "Badges Style Guide" with the Fedora logo so they are the same width
- [ ] Align the graphical elements with the text and logo both horizontally and vertically

#### Page 2 (Marie) :heavy_check_mark:
- [ ] Might need some rewording
- [ ] Fedora Badges can be put into two lines
- [ ] "Welcome to the / Fedora / Badges / Style Guide" and try to align the text
- [ ] Change first line to: "This style guide is to help you understand and build upon the Fedora Badges aesthetic."

#### Page 3 (Index page- Should we do this one last?)
- [ ] Add new pages, switch the numbers
- [ ] Check alignment of "Index" with other elements

#### Page 4 (Marie) :heavy_check_mark:
- [ ] Align the background graphics

#### Page 5 (Marie)
- [ ] Move this page so that it is before the index
- [ ] Change the "fromatting-introduction" to "Badges Style Guide"
- [ ] Capitalise fist letter of each word
- [ ] Align the text to the badge graphic
- [ ] Stroke on Fedora Badges is too thick

#### Page 6
- [ ] "Border" in the grphic should be equidistant vertically from Base and Body
- [ ] Make sure all labels are spaced evenly

#### Page 7
- [ ] Change title to: Layers in template
- [ ] If time permits, update the SS to include all three patterns
- [ ] Check spacing of labels

#### Page 8
- [ ] Arrow for (3) in the graphic doesn't have light blue
- [ ] Fedora Badge in the tetx should be capitalised
- [ ] Superimpose an existing badge design to replace the in-production badge in the ss

#### Page 9
- Overarching template issues

#### Page 10 (Smera) :heavy_check_mark: (I reused the template Marie made)
- [x] In general, we should standardise the number of badges on each page (6) so reduce the number of badges to 6
- [x] Change the text:
- [ ] "Create another dimension" to "Add another dimesnion"
- [ ] "...help to incentivize more contributions"
- [ ] reward to "recognition"

#### Page 11 (Smera) (Add Badges)
- [x] Content is fine
- [x] Typo in misc

#### Page 12 - 17
- [ ] Make a new template for these kinds of pages
- [ ] Remove the word `category`
- [ ] Align breadcrumbs
- [ ] fit into new page size
- [ ] Just keep `Content` instead of `Content/Learning`
- [ ] Align the Categories across the pages horizontally

#### Page 18 (Smera) (Change Badges)
- [x] Fit into new template
#### Page 19
- [ ] Keep it inside the content area in the new template
#### Page 20
- [ ] ...these are starting points. In order to make the badge look correctly balanced colour-wise, you may change the lightness, saturation but NOT the hue. <- Need to add note

#### Page 21
- [ ] Move to new template
- [ ] " a good `tip` is to select..."
- [ ] connect arrow if SVG
#### Page 22
- [ ] The purple-green pairing on bottom-left is not the best, replace it with a new colour pairing (maybe something from the latest internship)
- [ ] "Choosing the right contrast is important to maintain visibility. It is important to keep in mind the interactions of colour between the border, background and graphics."
#### Page 23
- [ ] Should be designed together with page 22
- [ ] Content needs to be reworded
#### Page 24
- Change text to: With the border being **next** to the background
- Maybe we don't need the "wrong colour" bullet
- Addition to page 24: Need to cover background contrast with template

#### Page 25
- [ ] Change title to `Pattern Backgrounds`
- [ ] Check if we have more patterns, if not, use alternate colour options
- [ ] Add `gradients` to text
- [ ] Use `desired` instead of `required`

#### Page 26
- [ ] Change title to `Specialty Backgrounds`
- [ ] Add more + nicer backgrounds

#### Page 27
#### Page 28
- [ ] Indentation of text
- [ ] Proofread content (2 not 3)
- [ ] Fit into template
#### Page 29 - 32
- [ ] Same as previous
#### Page 33
- [ ] Mention something about `series`
#### Page 34
- [ ] Remove this page
#### Page 33