Logo Anatomy
The Just Web Agency™ logo is made of two distinct components. Understanding them helps you apply the right version in every context.
The geometric checkmark is the brand mark. It can stand alone as an icon, favicon, or app mark.
The typeset name. Cannot be used on its own — it must always appear alongside the checkmark symbol. Always include the ™ trademark symbol in text.
All Logo Versions
Six variants cover every use case — from desktop headers to dark backgrounds to tiny favicons. Choose based on layout, background color, and available space.
The default logo. Symbol on the left, wordmark on the right. Use this for desktop headers, documents, and any wide layout on a light or white background.
White version of the horizontal logo. Use over the brand Deep Blue, dark sections, dark hero banners, or any dark-colored navigation bar.
Stacked layout: symbol on top, wordmark centered below. Preferred for mobile headers, narrow sidebars, square placements, and any layout under 768 px wide.
White stacked logo for dark narrow spaces — mobile headers on dark themes, dark sidebars, or any tight vertical slot that sits over a dark background.
The standalone checkmark mark. Use as a favicon, app icon, badge, social media avatar, or anywhere the full wordmark cannot fit. The symbol may be used independently.
White checkmark for dark backgrounds. Use as a reversed favicon, badge, or icon on Deep Blue, dark hero sections, or dark-themed interfaces.
Clear Space & Minimum Size
Always keep a protected zone around the logo free of text, imagery, and other elements. Never scale the horizontal logo below 200 px wide.
The dashed border represents the minimum clear space required on all four sides of the logo. The recommended clear space is 15 px for the horizontal/vertical logo and 4 px for the symbol-only mark. On mobile layouts reduce to 12 px.
Do's & Don'ts
These rules protect the brand. When in doubt, default to the primary horizontal blue logo on a white or light-gray background.
✓ Do
- Always use the official provided logo files
- Include the ™ trademark symbol after "Just Web Agency"
- Maintain proportions and aspect ratio when scaling
- Ensure adequate clear space (15 px) on all sides
- Use the blue logo on light/white backgrounds
- Use the white logo on Deep Blue or dark backgrounds
- Use the vertical logo on mobile (<768 px) layouts
- Use SVG format whenever possible for sharpness at all sizes
- Use the symbol alone when space is too tight for the full logo
- Maintain a minimum contrast ratio of 4.5 : 1 (WCAG AA)
- Scale proportionally — preserve the original aspect ratio
✕ Don't
- Use the wordmark "Just Web Agency™" without the checkmark symbol
- Rotate, skew, flip, or distort the logo in any way
- Change the logo colors or apply gradients to it
- Add drop shadows, glows, outlines, or borders to the logo
- Scale the horizontal logo below 200 px wide
- Place the logo on backgrounds with insufficient contrast
- Combine elements from different logo variants
- Stretch or squash the logo disproportionately
- Place the logo on busy or patterned backgrounds without testing contrast
- Use old or legacy logo files (jwa_logo_2022.jpg)
- Remove the ™ symbol from the wordmark in marketing materials
Color Palette
These colors appear in the logo and across all brand materials. Deep Blue is the primary logo color; Bright Red is reserved exclusively for primary CTA buttons.