Employment
Veteran Job Training Program
Free career counseling and job placement services for veterans transitioning to civilian careers.
A warm, trustworthy design system for the Veteran Resource Directory
Chapter I
A warm palette combining deep navy for trust and authority with gold accents that subtly evoke military insignia while remaining contemporary and approachable.
Primary Colors
Navy
#1A2744
Navy Light
#2A3A5C
Gold
#E6A812
Gold Light
#F0BC3A
Background Colors
Base
#E2E6ED
Elevated
#EFF1F5
Surface
#D6DBE5
Muted
#C9CED9
Category Colors
Chapter II
Playfair Display brings elegance and authority to headings, while Inter provides optimal readability for body text. Base size is 18px for accessibility.
Veteran Resources
Find Support Services
Employment Assistance
Local Resources Near You
Our directory connects veterans with trusted resources for employment, housing, healthcare, and more. Each listing is verified to ensure quality support for those who served.
Last verified: January 2024 | Source: VA.gov
Featured Programs
Chapter III
A consistent spacing scale based on 4px units creates visual rhythm and breathing room throughout the interface.
Chapter IV
Soft, rounded corners and subtle navy-tinted shadows create a warm, approachable interface with clear depth hierarchy.
Border Radius
6px / Small
8px / Medium
10px / Base
14px / Large
18px / XL
999px / Full
Shadows
Subtle
Soft
Card
Hover
Gold
Chapter V
Clear action hierarchy with primary navy, gold CTAs, and subtle ghost variants. All buttons lift slightly on hover.
Chapter VI
Clean input fields with gold focus states and ample padding for comfortable interaction.
Search Container
Chapter VII
Resource cards lift on hover with a gold border accent. Category colors provide instant visual identification.
Employment
Free career counseling and job placement services for veterans transitioning to civilian careers.
Housing
Emergency housing assistance and rapid re-housing support for veteran families.
Mental Health
24/7 confidential support for veterans in crisis and their families.
Chapter VIII
Pill-shaped badges for categorization, source tiers, and status indicators.
Standard Badges
Source Tier Badges
Category Badges
Chapter IX
Core values that guide every design decision in the Civic system.
Navy and gold evoke military heritage subtly without aggressive patriotic imagery. The aesthetic is professional yet warm.
Information hierarchy is paramount. Every element serves a purpose in helping veterans find resources quickly.
18px base font, high contrast ratios, visible focus states, and generous spacing ensure the interface works for everyone.
Soft shadows, rounded corners, and lift animations create a tactile, inviting experience that respects cognitive load.