Midcoder Brand Kit
Complete brand guidelines and assets
Color Palette
Indigo (Primary)
#6366f1
rgb(99, 102, 241)
Indigo Dark
#4f46e5
rgb(79, 70, 229)
Indigo Light
#818cf8
rgb(129, 140, 248)
Purple (Secondary)
#8b5cf6
rgb(139, 92, 246)
Pink (Accent)
#ec4899
rgb(236, 72, 153)
Text Primary
#1f2937
rgb(31, 41, 55)
Text Secondary
#6b7280
rgb(107, 114, 128)
Background Secondary
#f9fafb
rgb(249, 250, 251)
Logo Variations
Full Logo (Horizontal)
Primary logo for most applications
Icon Only
For favicons and app icons
Wordmark Only
Text-only version
Stacked Logo
For narrow spaces
Logo on Dark
White version for dark backgrounds
Typography
Font Family: Inter
Heading 1
Font Family: Inter
Heading 2
Font Family: Inter
Heading 3
Font Family: Inter - Body Text
This is body text. It should be readable and comfortable to read. The line height ensures proper spacing between lines for optimal readability.
Font Family: Inter - Small Text
This is small text used for captions, labels, and secondary information.
Gradients
Primary Gradient
135deg
#6366f1 → #8b5cf6 → #ec4899
Secondary Gradient
135deg
#667eea → #764ba2