Blacklink Education Brand Guidelines

Each Blacklink product has its own distinct icon and color scheme while maintaining cohesion with the overall brand family.

🛡️

Trust

Security & Authentication Platform

📝

Note26

Note-Taking & Organization

🤖

AeroAI

AI-Powered Learning Assistant

✨

NOVA

Design System & Components

Blacklink Education

Parent Brand & Platform

💡 Icon Design Principles

• Consistent Style: All icons use rounded corners and 2px stroke weight
• Gradient Backgrounds: Each product has a unique gradient identity
• Scalable: Icons work from 16px to 512px without loss of clarity
• Accessible: Minimum contrast ratio of 4.5:1 with backgrounds

🎨 Color System

NOVA uses a carefully crafted color palette that balances professionalism with energy. Each color has a specific purpose and meaning within our ecosystem.

Primary Colors

Primary

#6366f1

Primary Hover

#4f46e5

Primary Light

#a5b4fc

Accent Colors

Accent

#f59e0b

Accent Secondary

#ec4899

Success

#10b981

Semantic Colors

Danger

#ef4444

Warning

#f59e0b

Secondary

#0f172a

Color Usage Guidelines

✓ Do

Use primary colors for main call-to-action buttons and important interactive elements.

✗ Don't

Don't overuse primary colors. Reserve them for key actions to maintain hierarchy.

High Contrast Text

✓ Do

Ensure text meets WCAG AA standards with minimum 4.5:1 contrast ratio.

Low Contrast Text

✗ Don't

Never use color combinations that result in poor contrast or readability.

🔠 Typography

Typography is fundamental to clear communication. NOVA uses Inter as the primary typeface for its excellent readability and modern aesthetic.

Heading 1 — Display Bold

48px / 3rem • Font Weight: 800 • Line Height: 1.1 • Letter Spacing: -0.02em

Heading 2 — Section Bold

32px / 2rem • Font Weight: 700 • Line Height: 1.2 • Letter Spacing: -0.01em

Heading 3 — Subsection

24px / 1.5rem • Font Weight: 700 • Line Height: 1.3

Body Large — Lead Text

18px / 1.125rem • Font Weight: 400 • Line Height: 1.7

Body Regular — Standard Text

16px / 1rem • Font Weight: 400 • Line Height: 1.6

Body Small — Secondary Text

14px / 0.875rem • Font Weight: 400 • Line Height: 1.5

Typography Guidelines

📐 Best Practices

• Hierarchy: Use no more than 3 levels of headings per page
• Line Length: Keep body text between 50-75 characters per line
• Line Height: Use 1.5-1.7 for body text, 1.1-1.3 for headings
• Font Weights: Use 400 (regular), 600 (semibold), 700 (bold), 800 (extrabold)
• Avoid: Never use italics for long passages, use sparingly for emphasis

📏 Spacing System

Consistent spacing creates rhythm and hierarchy. NOVA uses an 8px base unit for all spacing decisions.

XS - Extra Small

8px / 0.5rem

SM - Small

16px / 1rem

MD - Medium

24px / 1.5rem

LG - Large

32px / 2rem

XL - Extra Large

48px / 3rem

2XL - Double XL

64px / 4rem

🎯 Spacing Application

• Component Padding: Use 1rem (16px) for standard, 1.5rem (24px) for comfortable
• Section Gaps: Use 2rem-4rem (32px-64px) between major sections
• Element Margins: Use 0.5rem-1rem (8px-16px) between related elements
• Container Padding: Use 2rem (32px) on desktop, 1rem (16px) on mobile

📋 Brand Guidelines

These guidelines ensure consistency across all Blacklink Education communications, from digital products to marketing materials.

Voice & Tone

🗣️ Communication Principles

• Friendly: We speak with warmth and approachability, never corporate or cold
• Clear: We avoid jargon and explain complex concepts simply
• Encouraging: We motivate and support learners on their journey
• Professional: We maintain credibility without being stuffy
• Concise: We respect people's time with brief, focused communication

Writing Style

"Welcome back! Ready to continue where you left off?"

✓ Do

Use conversational, friendly language that feels personal and inviting.

"Authentication successful. Please proceed to dashboard interface."

✗ Don't

Avoid robotic, overly technical language that creates distance.

Imagery & Photography

📸 Visual Content Guidelines

• Style: Modern, clean, bright, and optimistic
• Subjects: Real students, diverse backgrounds, authentic moments
• Colors: Naturally lit, with subtle NOVA gradient overlays when appropriate
• Composition: Balanced, with clear focal points and breathing room
• Avoid: Stock photo clichés, overly posed shots, dark or cluttered images

Accessibility Standards

♿ Accessibility Commitments

• Color Contrast: Minimum 4.5:1 for body text, 3:1 for large text (WCAG AA)
• Focus States: Clear, visible focus indicators on all interactive elements
• Alt Text: Descriptive alt text for all images
• Semantic HTML: Proper heading hierarchy and landmark regions
• Keyboard Navigation: All features accessible via keyboard
• Screen Readers: ARIA labels and live regions where appropriate

📦 Downloads & Resources

Download official Blacklink brand assets, templates, and resources for your projects.

📁

Logo Package

SVG, PNG, and EPS formats in all variations

⚖️ Usage Terms

NOVA is free to use! Anyone can use the NOVA Design System for their projects. To use NOVA in your project, include the CSS in your <head> section:

<link rel="stylesheet" href="https://nova.blacklink.net/nova-main.css">

Required Attribution: If you use NOVA in your project, you MUST include the following text in your footer:


            NOVA UI by Blacklink Education ©2025

This attribution is required for all third-party usage of NOVA. Thank you for respecting our work!

💬 Questions or Feedback?

Have questions about these guidelines or need help with a specific use case? Our design team is here to help.