From 32fdd9c5c2e03ee8c6046c57eb9ebcd59e47acfb Mon Sep 17 00:00:00 2001 From: Keylink IT Date: Fri, 10 Apr 2026 19:52:08 +0000 Subject: [PATCH] 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 | 10 ++++++++++ icons/favicon/README.md | 18 ++++++++++++++++++ icons/social-media/.gitkeep | 0 icons/social-media/README.md | 13 +++++++++++++ logos/README.md | 12 ++++++++++++ logos/alternate/README.md | 15 +++++++++++++++ logos/colormark/.gitkeep | 0 logos/colormark/README.md | 3 +++ logos/monomark/README.md | 18 ++++++++++++++++++ logos/primary/README.md | 21 +++++++++++++++++++++ mockups/README.md | 21 +++++++++++++++++++++ source/README.md | 17 +++++++++++++++++ svg/README.md | 13 +++++++++++++ svg/alternate/.gitkeep | 0 svg/alternate/README.md | 3 +++ svg/apparel/README.md | 36 ++++++++++++++++++++++++++++++++++++ svg/monomark/.gitkeep | 0 svg/monomark/README.md | 3 +++ svg/primary/README.md | 18 ++++++++++++++++++ svg/taglines/README.md | 16 ++++++++++++++++ 20 files changed, 237 insertions(+) create mode 100644 icons/README.md create mode 100644 icons/favicon/README.md delete mode 100644 icons/social-media/.gitkeep create mode 100644 icons/social-media/README.md create mode 100644 logos/README.md create mode 100644 logos/alternate/README.md delete mode 100644 logos/colormark/.gitkeep create mode 100644 logos/colormark/README.md create mode 100644 logos/monomark/README.md create mode 100644 logos/primary/README.md create mode 100644 mockups/README.md create mode 100644 source/README.md create mode 100644 svg/README.md delete mode 100644 svg/alternate/.gitkeep create mode 100644 svg/alternate/README.md create mode 100644 svg/apparel/README.md delete mode 100644 svg/monomark/.gitkeep create mode 100644 svg/monomark/README.md create mode 100644 svg/primary/README.md create mode 100644 svg/taglines/README.md diff --git a/icons/README.md b/icons/README.md new file mode 100644 index 0000000..2d8fe5b --- /dev/null +++ b/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 | diff --git a/icons/favicon/README.md b/icons/favicon/README.md new file mode 100644 index 0000000..0d58855 --- /dev/null +++ b/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 + + +``` diff --git a/icons/social-media/.gitkeep b/icons/social-media/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/icons/social-media/README.md b/icons/social-media/README.md new file mode 100644 index 0000000..ee41e67 --- /dev/null +++ b/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 | diff --git a/logos/README.md b/logos/README.md new file mode 100644 index 0000000..3d24bf3 --- /dev/null +++ b/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) | diff --git a/logos/alternate/README.md b/logos/alternate/README.md new file mode 100644 index 0000000..17b9ee9 --- /dev/null +++ b/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. diff --git a/logos/colormark/.gitkeep b/logos/colormark/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/logos/colormark/README.md b/logos/colormark/README.md new file mode 100644 index 0000000..da92897 --- /dev/null +++ b/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`. diff --git a/logos/monomark/README.md b/logos/monomark/README.md new file mode 100644 index 0000000..56ec96c --- /dev/null +++ b/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. diff --git a/logos/primary/README.md b/logos/primary/README.md new file mode 100644 index 0000000..ac3ee9d --- /dev/null +++ b/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/`. diff --git a/mockups/README.md b/mockups/README.md new file mode 100644 index 0000000..b40de1e --- /dev/null +++ b/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`). diff --git a/source/README.md b/source/README.md new file mode 100644 index 0000000..1cb8edf --- /dev/null +++ b/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. diff --git a/svg/README.md b/svg/README.md new file mode 100644 index 0000000..cad0100 --- /dev/null +++ b/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 | diff --git a/svg/alternate/.gitkeep b/svg/alternate/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/svg/alternate/README.md b/svg/alternate/README.md new file mode 100644 index 0000000..af4de5d --- /dev/null +++ b/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`. diff --git a/svg/apparel/README.md b/svg/apparel/README.md new file mode 100644 index 0000000..c13e9c7 --- /dev/null +++ b/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` diff --git a/svg/monomark/.gitkeep b/svg/monomark/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/svg/monomark/README.md b/svg/monomark/README.md new file mode 100644 index 0000000..abefb74 --- /dev/null +++ b/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`. diff --git a/svg/primary/README.md b/svg/primary/README.md new file mode 100644 index 0000000..91ab288 --- /dev/null +++ b/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 diff --git a/svg/taglines/README.md b/svg/taglines/README.md new file mode 100644 index 0000000..983a300 --- /dev/null +++ b/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.