merge design components into one mediakit file

Author: encryptedDegen

astro.config.ts

@@ -151,18 +151,8 @@ export default defineConfig({
           link: 'https://ethidentitykit.com/docs/api'
         },
         {
-          label: 'Design Components',
-          collapsed: false,
-          items: [
-            {
-              label: 'Colors',
-              link: '/design-components/colors'
-            },
-            {
-              label: 'Logos',
-              link: '/design-components/logos'
-            }
-          ]
+          label: 'Media Kit',
+          link: '/media-kit'
         },
         {
           label: 'LLMs.txt',

src/content/docs/design-components/colors.mdx

@@ -1,11 +1,37 @@
 ---
-title: Logos
+title: Media Kit
 ---
 
+The Media Kit provides official Ethereum Follow Protocol logos and branding assets.
+
+## Logos
+
 List of **EFP Logos** in various file formats.
 
 | Format | SVG | PNG |
 | --- | --- | --- |
 | Logo With Text (light) | <img src="/logo-full-dark.svg" alt="Full Logo SVG" height="100" width="200" /> <a href="/logo-full-dark.svg" download="efp-logo-full-dark"><u>**Download**</u></a> | <img src="/logo-full-dark.png" alt="Full Logo PNG" width="180" height="200" /> <a href="/logo-full-dark.png" download="efp-logo-full-dark"><u>**Download**</u></a> |
 | Logo With Text (dark) | <img src="/logo-full.svg" alt="Full Logo SVG" height="100" width="200" /> <a href="/logo-full.svg" download="efp-logo-full"><u>**Download**</u></a> | <img src="/logo-full.png" alt="Full Logo PNG" width="180" height="200" /> <a href="/logo-full.png" download="efp-logo-full"><u>**Download**</u></a> |
 | Logo Only | <img src="/logo.svg" alt="Logo SVG" width="120" height="120" /> <a href="/logo.svg" download="efp-logo"><u>**Download**</u></a> | <img src="/logo.png" alt="Logo PNG" width="120" height="120" /> <a href="/logo.png" download="efp-logo"><u>**Download**</u></a> |
+
+## Colors
+
+### Base Colors
+
+| Color         | Hex     |
+| ------------- | ------- |
+| Dark Grey     | #333333 |
+| Yellow        | #FFF500 |
+| Pink          | #FF79C9 |
+| Follow Button | #FFE066 |
+| Addition      | #A1F783 |
+| Deletion      | #FF7C7C |
+| Text Neutral  | #999999 |
+
+### Theme Colors
+
+| Theme     | Neutral | Text    | Grey    | NavItem   |
+| --------- | ------- | ------- | ------- | --------- |
+| Light     | #ffffff | #000000 | #E4E4E7 | #b4b4b4   |
+| Dark      | #333333 | #ffffff | #71717A | #94a3b822 |
+| Halloween | #000000 | #ffffff | #61616A | #94a3b822 |