#VetsWhoCode is a streamlined, highly selective software development training program intent on transitioning military veterans into the vacancies of the tech sector.
#VetsWhoCode was founded by vets who themselves faced the realities of transitioning. We don't focus our energy on marketing ploys or on how many people we can funnel through a pipeline. Instead, we choose quality over quantity and tangible results over lofty ideals.
We are solution-based and action-oriented. If our students can't make money with it then we don't bother teaching it.
We focus on the skills you need for the software industry.
Our workflow ensures that you can learn from anywhere.
Learn to think and solve problems like a programmer.
Our focus is getting you employment ready.
The #VetsWhoCode logo is designed to bring together the hashtag and the American flag. It is the emblem that represents everything that we stand for. Use it with intention and purpose.
The Flag emblem is our brand's shorthand for everything we stand for: America, technology, and moving forward.
You can use the emblem without the logotype on promotional materials and merchandise. However, the logotype must be present in a non-dominant position.
Do not manipulate, tweak, or otherwise alter the #VetsWhoCode logo in any way. Always use the approved Pantone CMYK or RGB values.
The #VetsWhoCode color palette is based on the exact Pantones used for the American Flag. Make sure to use the approved Pantone CMYK or RGB color values.
Extended tints and shades for UI depth and hierarchy.
| Color | Hex | Role |
|---|---|---|
| Sky Blue | #B9D6F2 |
Light backgrounds, info boxes |
| Ocean Blue | #006DAA |
Links, interactive elements |
| Royal Blue | #0353A4 |
Secondary buttons |
| Deep Navy | #003559 |
Dark accents, hover states |
| Midnight | #061A40 |
Alternative to primary navy |
Extended red tones for states and emphasis.
| Color | Hex | Role |
|---|---|---|
| Signal Red | #C52233 |
Near primary, alternative |
| Crimson | #A51C30 |
Hover/pressed states |
| Dark Red | #74121D |
Error borders, deep accents |
| Maroon | #580C1F |
Darkest gradients |
Extended gold tones for highlights and success states.
| Color | Hex | Role |
|---|---|---|
| Light Gold | #FFE169 |
Highlight backgrounds |
| Bright Gold | #FAD643 |
Badges, success indicators |
| Rich Gold | #DBB42C |
Hover state for gold |
| Deep Gold | #C9A227 |
Darker gold accents |
Neutral scale for borders, secondary text, and UI structure.
| Color | Hex | Role |
|---|---|---|
| Off White | #F8F9FA |
Light cards, subtle backgrounds |
| Silver | #DEE2E6 |
Borders, dividers |
| Slate | #6C757D |
Secondary text, captions |
| Charcoal | #495057 |
Muted labels |
| Dark Gray | #343A40 |
Softer large text blocks |
Surface hierarchy for dark interfaces.
| Color | Hex | Role |
|---|---|---|
| Obsidian | #0B1215 |
Code and terminal surfaces |
| Ink Black | #1A1823 |
Primary dark background |
| Charcoal | #212529 |
Elevated surfaces (cards, modals) |
| Dark Gray | #343A40 |
Tertiary surfaces, hover states |
Typography colors optimized for dark backgrounds.
| Color | Hex | Role |
|---|---|---|
| Off White | #F8F9FA |
Primary text |
| Silver | #DEE2E6 |
Secondary text, captions |
| Slate | #6C757D |
Disabled/muted text |
Adjusted brand colors for visibility and reduced eye strain on dark.
Primary colors (Navy, Red, Cream, Black, Gold) should dominate all brand materials. Extended scales are for UI states, gradients, and functional indicators. Maintain a 60/30/10 ratio: 60% neutrals (Cream, Grays), 30% primary (Navy), 10% accent (Red, Gold).
Accessibility: Ensure text maintains minimum 4.5:1 contrast ratio. Navy on Cream and Ink Black on Cream both pass WCAG AA. Red text should only be used on light backgrounds.
Dark Mode: Swap Navy (#091f40) for Ink Black (#1A1823) as background. Replace Navy interactive elements with Light Blue (#84C1FF). Shift Red to Coral (#F38375) for reduced eye strain. Gold lightens to #FFE169 for better pop. Off White (#F8F9FA) replaces Cream for primary text — pure white (#FFFFFF) is too harsh.
#VetsWhoCode uses the typeface Gotham for all of its collateral.
Gotham represents the best of both worlds: modern and traditional values. It is a strong and clean typeface that reflects the modernism of technology but still demonstrates the integrity of tradition.
Use Gotham Bold for headlines.
Use Gotham Book for body copy.
Use Gotham Book Italic for captions.
Retool. Retrain. Relaunch.
Our vision is to close the digital talent gap and ease career transition for military veterans through software development training.
Visit us online at vetswhocode.io