GITBOOK-177: No subject

HHS · Feb 25, 2025 · 201a06f · 201a06f
1 parent 74535d3
commit 201a06f
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 71 deletions.
diff --git a/documentation/wiki/README.md b/documentation/wiki/README.md
@@ -22,16 +22,12 @@ layout:
 
 This website is a shared resource for internal Simpler.Grants.gov team members, external collaborators, and community members.
 
-#### Interested in joining the Simpler Grants community? Start here:
+### Interested in joining the Simpler Grants community? Start here:
 
 {% content-ref url="get-involved/get-involved.md" %}
 [get-involved.md](get-involved/get-involved.md)
 {% endcontent-ref %}
 
-#### What's the rest of the wiki about?
+### What else is in this wiki?
 
-The **'Product'** section of the wiki will help you understand how past development and process decisions were made and what we're currently focused on.
-
-The **'Design and Research'** section is a collection of guidelines and past research to guide anyone contributing to code or design.
-
-The **'References'** section has all the extras—More reading that community members may find helpful as they participate in the Simpler.Grants.gov initiative.
+<table data-view="cards"><thead><tr><th></th></tr></thead><tbody><tr><td>The <a href="broken-reference"><strong>Product</strong></a> section of the wiki will help you understand how past development and process decisions were made and what we're currently focused on.</td></tr><tr><td>The <a href="broken-reference"><strong>Design and Research</strong></a> section is a collection of guidelines and past research to guide anyone contributing to code or design.</td></tr><tr><td>The <a href="broken-reference"><strong>References</strong></a> section has all the extras—More reading that community members may find helpful as they participate in the Simpler.Grants.gov initiative.</td></tr></tbody></table>
diff --git a/documentation/wiki/design-and-research/brand-guidelines/colors.md b/documentation/wiki/design-and-research/brand-guidelines/colors.md
@@ -40,19 +40,4 @@ Color contrast is crucial to legibility and accessibility in type. Always be sur
 
 Do not diminish the value of color in the brand. Avoid the following uses.
 
-\
-Do not use unapproved colors.
-
-<div align="left"><figure><img src="../../.gitbook/assets/simpler grants color dont use unapproved colors.png" alt=""><figcaption></figcaption></figure></div>
-
-Do not use gradients.
-
-<div align="left"><figure><img src="../../.gitbook/assets/simpler grants color dont use gradients.png" alt=""><figcaption></figcaption></figure></div>
-
-Do not use low-contrast combinations.
-
-<div align="left"><figure><img src="../../.gitbook/assets/simpler grants color dont use low contrast combinations.png" alt=""><figcaption></figcaption></figure></div>
-
-Do not use only accent color combinations.
-
-<div align="left"><figure><img src="../../.gitbook/assets/simpler grants do not use only accent color combinations.png" alt=""><figcaption></figcaption></figure></div>
+<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Do not use unapproved colors.</td><td><a href="../../.gitbook/assets/simpler grants color dont use unapproved colors.png">simpler grants color dont use unapproved colors.png</a></td></tr><tr><td>Do not use gradients.</td><td><a href="../../.gitbook/assets/simpler grants color dont use gradients.png">simpler grants color dont use gradients.png</a></td></tr><tr><td>Do not use low-contrast combinations.</td><td><a href="../../.gitbook/assets/simpler grants color dont use low contrast combinations.png">simpler grants color dont use low contrast combinations.png</a></td></tr><tr><td>Do not use only accent color combinations.</td><td><a href="../../.gitbook/assets/simpler grants do not use only accent color combinations.png">simpler grants do not use only accent color combinations.png</a></td></tr></tbody></table>
diff --git a/documentation/wiki/design-and-research/brand-guidelines/grid-and-composition.md b/documentation/wiki/design-and-research/brand-guidelines/grid-and-composition.md
@@ -12,10 +12,17 @@ layout:
     visible: true
 ---
 
-# Grid & Composition
-
-## Overview
+# Grid and composition
 
 Each element in our visual system is designed to work together and flex up or down to meet any communication need or brand application.
 
-<div><figure><img src="../../.gitbook/assets/Letter - 1 (1).png" alt=""><figcaption></figcaption></figure> <figure><img src="../../.gitbook/assets/Letter - 2 (1).png" alt=""><figcaption></figcaption></figure> <figure><img src="../../.gitbook/assets/Letter - 3 (2).png" alt=""><figcaption></figcaption></figure> <figure><img src="../../.gitbook/assets/Letter - 4 (2).png" alt=""><figcaption></figcaption></figure></div>
+<div data-full-width="true"><figure><img src="../../.gitbook/assets/Letter - 2 (1).png" alt=""><figcaption></figcaption></figure></div>
+
+<div align="center"><figure><img src="../../.gitbook/assets/Letter - 1 (1).png" alt=""><figcaption></figcaption></figure></div>
+
+<figure><img src="../../.gitbook/assets/Letter - 3 (2).png" alt=""><figcaption></figcaption></figure>
+
+<figure><img src="../../.gitbook/assets/Letter - 4 (1).png" alt=""><figcaption></figcaption></figure>
+
+
+
diff --git a/documentation/wiki/design-and-research/brand-guidelines/logo.md b/documentation/wiki/design-and-research/brand-guidelines/logo.md
@@ -14,18 +14,12 @@ layout:
 
 # Logo
 
-## Overview
-
 The logo is our primary identifier. It contains both the star symbol and our name in the wordmark. It should be used most often to represent our brand, positioning Grants.gov as a trusted and innovative organization dedicated to increasing access to grants and improving the grants experience for everyone.
 
 The logo is used most often as it captures more of our brand characters. The symbol and wordmark are next frequently used, while the favicon is reserved only for specific digital applications.
 
 The symbol and wordmark have been carefully scaled, spaced, and aligned to create the logo. Do not alter its construction.
 
-
-
-
-
 <figure><img src="../../.gitbook/assets/Simpler Grants Logo Overview (1).jpg" alt=""><figcaption></figcaption></figure>
 
 ## Star Symbol
@@ -56,42 +50,5 @@ Below are some examples of the logo in use.
 
 Do not diminish the value of our identity. Avoid the following treatments.
 
-\
-Do not use unapproved colors.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo unapproved colors.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not apply effects.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo dont apply effects.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not adjust the scale.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo dont adjust scale.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not adjust the spacing.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo dont adjust the spacing.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not stretch or distort.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo dont stretch or distort.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not outline.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo dont outline.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not use low-contrast combinations.
-
-<figure><img src="../../.gitbook/assets/simpler grants logo dont use low contrast combinations.png" alt=""><figcaption></figcaption></figure>
-
-\
-Do not change the typeface.
+<table data-card-size="large" data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Do not use unapproved colors.</td><td><a href="../../.gitbook/assets/simpler grants logo unapproved colors.png">simpler grants logo unapproved colors.png</a></td></tr><tr><td>Do not apply effects.</td><td><a href="../../.gitbook/assets/simpler grants logo dont apply effects.png">simpler grants logo dont apply effects.png</a></td></tr><tr><td>Do not adjust the spacing.</td><td><a href="../../.gitbook/assets/simpler grants logo dont adjust the spacing.png">simpler grants logo dont adjust the spacing.png</a></td></tr><tr><td>Do not stretch or distort.</td><td><a href="../../.gitbook/assets/simpler grants logo dont stretch or distort.png">simpler grants logo dont stretch or distort.png</a></td></tr><tr><td>Do not outline.</td><td><a href="../../.gitbook/assets/simpler grants logo dont outline.png">simpler grants logo dont outline.png</a></td></tr><tr><td>Do not use low-contrast combinations.</td><td><a href="../../.gitbook/assets/simpler grants logo dont use low contrast combinations.png">simpler grants logo dont use low contrast combinations.png</a></td></tr><tr><td>Do not change the typeface</td><td><a href="../../.gitbook/assets/simpler grants logo dont change the typeface.png">simpler grants logo dont change the typeface.png</a></td></tr><tr><td>Do not adjust the scale.</td><td><a href="../../.gitbook/assets/simpler grants logo dont adjust scale.png">simpler grants logo dont adjust scale.png</a></td></tr></tbody></table>
 
-<figure><img src="../../.gitbook/assets/simpler grants logo dont change the typeface.png" alt=""><figcaption></figcaption></figure>