ComplianceJunction
Brand Guide
Visual identity standards for consistent, professional communication.
Logo & Variants
A shield-and-checkmark icon paired with a clean wordmark in Ubuntu Medium. Trust, protection, verified compliance.
Primary Variants
Clear Space
Always maintain a protected area around the logo where no other text, images, or graphic elements may appear. The minimum clear space on all four sides equals the height of the shield icon. This ensures the logo remains legible and visually distinct at any size.
Usage Rules
✓ Correct
Use approved variants on appropriate backgrounds. Respect clear space. Keep proportions intact.
✗ Incorrect
Never stretch, rotate, recolor, add effects, or place on busy/low-contrast backgrounds.
Colors & Tokens
Professional blue family with teal accents. Trust, clarity, healthcare authority.
Primary
Supporting
Neutrals
Semantic Tokens
| Token | Role | Value |
|---|---|---|
--color-background | Page | #FFFFFF |
--color-surface | Cards | #F5F7F8 |
--color-accent | CTAs | #066AAB |
--color-accent-secondary | Links | #14A9D7 |
Typography
Ubuntu for headings. Source Sans Pro for body. Both from Google Fonts.
Heading
Body
Scale
Tone of Voice
Professional and knowledgeable. Accessible enough to make complex regulatory topics approachable.
Authoritative
Deep knowledge backed by accreditation and real-world case studies.
Accessible
Complex regulatory language translated into clear, actionable guidance.
Trustworthy
Trust earned through accuracy, consistency, and transparency.
Practical
Compliance requirements connected to everyday healthcare scenarios.
Guidelines
✓ Words We Use
- Accredited, certified, compliant
- Protect, safeguard, secure
- Empower, enable, streamline
- Clear, straightforward, practical
✗ Words We Avoid
- Jargon without explanation
- Fear-based scare tactics
- Overly casual tone
- Hyperbolic marketing language
Imagery
High-end commercial photography. Real healthcare professionals. Natural light, warm tones, editorial quality.
Photography Rules
✓ Correct
Natural window light. Warm skin tones. Real healthcare settings. People as primary subject. Shallow depth of field.
✗ Incorrect
Generic stock. Heavy filters. Artificial poses. Cold clinical lighting. Overly staged compositions.
Product & Digital
Marketing website, LMS platform, and WooCommerce e-commerce.
Clean & Card-Based
Consistent layouts with branded thumbnails. Clear hierarchy.
Trust-Forward
Accreditation badges and testimonials at every decision point.