Add README.md to every directory

Each subdirectory now has a README with:
- File inventory table
- Usage guidelines and specifications
- Technical details (viewbox, colors, sizes)
- Cross-references to related assets

icons/README.md

@@ -0,0 +1,10 @@
+# Icons
+
+Small-format brand marks for digital use.
+
+## Subdirectories
+
+| Directory       | Contents                              |
+|-----------------|---------------------------------------|
+| `favicon/`      | Browser favicon and touch icons       |
+| `social-media/` | Profile images for social platforms   |

icons/favicon/README.md

@@ -0,0 +1,18 @@
+# Favicon
+
+Browser favicon for keylinkit.com and related web properties.
+
+## Files
+
+| File                   | Description                                       |
+|------------------------|---------------------------------------------------|
+| `keylink-favicon.png`  | Circular K colormark, white on cobalt blue        |
+
+## Implementation
+
+Use at 16x16, 32x32, and 180x180 (Apple touch icon). The circular crop of the K monomark ensures readability at small sizes.
+
+```html
+<link rel="icon" type="image/png" href="/favicon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+```

icons/social-media/README.md

@@ -0,0 +1,13 @@
+# Social Media Icons
+
+Profile and avatar images sized for social media platforms. Use the K monomark on blue background for square crops, or the circular favicon/colormark for circular crops.
+
+Currently empty. Generate from `../favicon/keylink-favicon.png` or `../../logos/monomark/` assets at these recommended sizes:
+
+| Platform    | Size      |
+|-------------|-----------|
+| Facebook    | 170x170   |
+| LinkedIn    | 400x400   |
+| X / Twitter | 400x400   |
+| Instagram   | 320x320   |
+| Google      | 250x250   |

logos/README.md

@@ -0,0 +1,12 @@
+# Logos
+
+Raster (PNG) versions of all Keylink IT logo marks. For production print and vinyl cutting, prefer the vector SVGs in `../svg/`.
+
+## Subdirectories
+
+| Directory     | Contents                                          |
+|---------------|---------------------------------------------------|
+| `primary/`    | Full "Keylink IT" wordmark in blue, white, black  |
+| `alternate/`  | Abbreviated "KIT" logo                            |
+| `monomark/`   | Standalone stylized "K" mark                      |
+| `colormark/`  | (Reserved for future circular badge variants)     |

logos/alternate/README.md

@@ -0,0 +1,15 @@
+# Alternate Logo (KIT)
+
+The abbreviated **KIT** mark using the same stylized "K" followed by block "IT" letters.
+
+## Files
+
+| File               | Description                         |
+|--------------------|-------------------------------------|
+| `kit-alt-blue.png` | Cobalt blue KIT on transparent      |
+
+## Usage
+
+- Use when the full wordmark is too wide for the available space.
+- Good for hats, small signage, and compact layouts where the brand is already established in context.
+- Minimum width: 80px digital, 0.75" print.

logos/colormark/README.md

@@ -0,0 +1,3 @@
+# Colormark
+
+Reserved directory for circular badge variants of the K mark. The current circular colormark is the favicon located at `../../icons/favicon/keylink-favicon.png`.

logos/monomark/README.md

@@ -0,0 +1,18 @@
+# Monomark (K)
+
+The standalone stylized **K** with the distinctive crossbar element. Used as the brand icon for small-scale applications.
+
+## Files
+
+| File                          | Description                                |
+|-------------------------------|--------------------------------------------|
+| `keylink-k-blue-bg.png`      | White K on cobalt blue square background   |
+| `keylink-k-dark-blue-bg.png` | White K on darker cobalt square background |
+| `keylink-k-transparent.png`  | White K on transparent (for dark surfaces) |
+
+## Usage
+
+- App icons, browser tabs, social media where circular/square crops are needed.
+- Hat embroidery when "KIT" alternate is still too wide.
+- Minimum size: 32px digital, 0.375" print.
+- Maintain clear space equal to 25% of the mark height on all sides.

logos/primary/README.md

@@ -0,0 +1,21 @@
+# Primary Logo (Wordmark)
+
+The full **Keylink IT** wordmark. This is the default logo for all applications.
+
+## Files
+
+| File                        | Description                              |
+|-----------------------------|------------------------------------------|
+| `keylink-it-blue.png`       | Standard cobalt blue on transparent      |
+| `keylink-it-blue-large.png` | High-res blue variant                    |
+| `keylink-it-blue-wide.png`  | Wide crop (1009x214px) for banners       |
+| `keylink-it-white.png`      | White on transparent, for dark backgrounds |
+| `keylink-it-white-large.png`| High-res white variant                   |
+| `keylink-it-black.png`      | Black on transparent, for mono print     |
+
+## Usage
+
+- Default choice for all branded materials.
+- Minimum width: 150px digital, 1.5" print.
+- Maintain clear space equal to the height of the lowercase "e" on all sides.
+- Vector versions available in `../../svg/primary/`.

mockups/README.md

@@ -0,0 +1,21 @@
+# Mockups
+
+Visual mockups showing brand assets applied to real-world applications.
+
+## Files
+
+| File                    | Description                                           |
+|-------------------------|-------------------------------------------------------|
+| `service-van-wrap.png`  | Mercedes Sprinter van wrap: side, front, and rear views |
+
+## Van Wrap Details
+
+The service van mockup demonstrates the approved vehicle graphic treatment:
+
+- **Side panel:** Wordmark + circuit board pattern + "FREE WIFI / Network name KITWIFI" callout + keylinkit.com + (615) 475-0145
+- **Rear:** Full wordmark + "Keeping IT Real" tagline + service list (IT Services, Networking & Wiring, Data Recovery & Backup, Web Design, Cloud Services, VoIP Phone Services) + FREE WIFI badge + contact info
+- **Front:** Wordmark + "Keeping IT Real" tagline + keylinkit.com
+
+## Adding Mockups
+
+Place new mockup files here for apparel proofs, signage renders, trade show booth layouts, business card designs, etc. Use descriptive filenames in kebab-case (e.g., `polo-left-chest-proof.png`, `trade-show-banner-10ft.png`).

source/README.md

@@ -0,0 +1,17 @@
+# Source Files
+
+Master editable design files. These are the originals from the May 2023 rebrand.
+
+## Files
+
+| File                      | Format              | Description                                    |
+|---------------------------|---------------------|------------------------------------------------|
+| `keylink-it-logos.ai`     | Adobe Illustrator   | Master file with all logo variants and layers  |
+| `keylink-logo-sheet.pdf`  | PDF                 | Visual reference sheet: all marks, colors, type |
+
+## Notes
+
+- The `.ai` file is the single source of truth for all logo exports.
+- Open with Adobe Illustrator CC 2020 or later.
+- When exporting new variants, follow the naming convention in the root README.
+- The PDF logo sheet is useful as a quick handoff reference for print vendors and apparel decorators.

svg/README.md

@@ -0,0 +1,13 @@
+# SVG (Vector Assets)
+
+Scalable vector versions of all Keylink IT marks. **Prefer these over PNGs** for any production use: print, vinyl cutting, embroidery digitizing, screen printing, and web.
+
+## Subdirectories
+
+| Directory     | Contents                                              |
+|---------------|-------------------------------------------------------|
+| `primary/`    | Full "Keylink IT" wordmark vectors (blue, white, black) |
+| `alternate/`  | (Reserved) KIT abbreviated logo vectors               |
+| `monomark/`   | (Reserved) Standalone K mark vectors                  |
+| `apparel/`    | Garment-optimized SVGs for shirts, jackets, hats      |
+| `taglines/`   | Tagline lockup vectors                                |

svg/alternate/README.md

@@ -0,0 +1,3 @@
+# Alternate Logo SVG
+
+Reserved for vector versions of the **KIT** abbreviated logo. Source vectors can be exported from `../../source/keylink-it-logos.ai`.

svg/apparel/README.md

@@ -0,0 +1,36 @@
+# Apparel SVG
+
+Garment-optimized vector files for embroidery, screen printing, and heat transfer on shirts, polos, jackets, and hats.
+
+## Files
+
+| File                            | Color | Description                        |
+|---------------------------------|-------|------------------------------------|
+| `keylink-it-apparel-white.svg`  | White | Full wordmark, white fill          |
+
+## Apparel Placement Guide
+
+| Garment    | Position     | Width       | Logo Version          |
+|------------|--------------|-------------|-----------------------|
+| Polo       | Left chest   | 3.5-4"      | This file             |
+| T-shirt    | Left chest   | 3.5-4"      | This file             |
+| T-shirt    | Full back    | 10-12"      | This file             |
+| Jacket     | Left chest   | 3.5-4"      | This file             |
+| Jacket     | Full back    | 10-12"      | This file             |
+| Hat/Cap    | Front center | 2.5-3"      | KIT alt or K monomark |
+
+## Embroidery Thread
+
+- Cobalt Blue: Madeira Polyneon 1842 or equivalent
+- White: Standard white
+
+## Screen Print Ink
+
+- Cobalt: Pantone 2146 C (closest match to `#0541AD`)
+- White: Standard white
+
+## Notes
+
+- White version is the default for dark garments (navy, black, charcoal).
+- For light-colored garments, use the blue SVG from `../primary/keylink-it-blue.svg`.
+- ViewBox: `0 0 360 144`

svg/monomark/README.md

@@ -0,0 +1,3 @@
+# Monomark SVG
+
+Reserved for vector versions of the standalone **K** mark. Source vectors can be exported from `../../source/keylink-it-logos.ai`.

svg/primary/README.md

@@ -0,0 +1,18 @@
+# Primary Wordmark (SVG)
+
+Vector versions of the full **Keylink IT** wordmark. These are the preferred files for all production work.
+
+## Files
+
+| File                  | Fill Color | Hex       | Use Case                    |
+|-----------------------|------------|-----------|-----------------------------|
+| `keylink-it-blue.svg` | Cobalt    | `#0541AD` | Default, light backgrounds  |
+| `keylink-it-white.svg`| White     | `#FFFFFF` | Dark or blue backgrounds    |
+| `keylink-it-black.svg`| Black     | `#000000` | Mono print, fax, stamps     |
+
+## Technical Details
+
+- ViewBox: `0 0 500 200`
+- Single layer, single fill color per file
+- No strokes, all paths
+- Compatible with all major design tools, vinyl cutters, and web browsers

svg/taglines/README.md

@@ -0,0 +1,16 @@
+# Tagline Lockups (SVG)
+
+Standalone tagline artwork for marketing materials, signage, and promotional items. These are **not** part of the primary logo and should not be combined with the wordmark in a single lockup without an approved layout.
+
+## Files
+
+| File                       | Text                       | Color | ViewBox         |
+|----------------------------|----------------------------|-------|-----------------|
+| `relax-i-can-fix-it.svg`  | Relax, I Can Fix IT.       | White | `0 0 791.8 216` |
+| `keylinkit-com.svg`        | KeylinkIT.com (with wordmark) | White | `0 0 791.8 216` |
+
+## Usage
+
+- Both files are white fill, intended for dark or blue backgrounds.
+- For light backgrounds, edit the fill color to `#0541AD` (cobalt) or `#000000` (black).
+- Common applications: banner stands, trade show backdrops, vehicle graphics, promotional items.