Brand Colors

Our color palette reflects our commitment to innovation and social good. Use these colors consistently across all Opportunity Hack materials and digital products.

Typography

Consistent typography helps maintain a cohesive look across our platform and materials. Here are our standard text styles:

Heading 1

Heading 2

Heading 3

Heading 4

Body 1: This is the main body text style.

Body 2: This is the secondary body text style.

UI Components: Buttons

Our button styles are designed for clarity and ease of use. Use these consistently in your UX designs:

Logo Usage and Downloads

Our logo is the face of Opportunity Hack. We offer various versions to suit different design needs. Choose the appropriate logo based on your project requirements. All logos are available in both SVG and PNG formats.

Full Logo

Black

Banner

PNG

Cropped

PNGSVG

Square

PNG

Dark Blue

Banner

PNG

Cropped

PNG

Square

PNG

Light Blue

Banner

PNG

Cropped

PNG

Square

PNG

White

Banner

PNG

Cropped

PNG

Square

PNG

2-Letter Logo

Generated with this AI prompt from Ideogram.ai

A sleek and modern logo design featuring a harmonious combination of a minimalist “O” and a bold “H”. The “O” is a perfect circle with an open right side, inviting viewers to explore its contents. The “H” is nestled inside, forming a visually appealing and subtle heart shape in the upper left quadrant. The design is crafted with geometric precision, using angular, circuit-like lines in a dark, navy blue or charcoal gray color. The balanced and symmetrical composition makes it adaptable for various sizes, from small icons to large displays, showcasing a sense of sophistication and elegance.

Black

PNGSVG

Dark Blue

PNGSVG

Light Blue

PNGSVG

UX Best Practices

• Maintain consistent use of colors across the platform
• Use appropriate typography hierarchy to guide users
• Ensure sufficient contrast for readability
• Use the full logo in headers and prominent places
• Opt for the 2-letter logo in confined spaces or as an icon
• Keep designs clean and uncluttered
• Align elements consistently for a polished look
• Design with accessibility in mind, following WCAG guidelines
• Create intuitive navigation structures
• Use consistent iconography throughout the platform

Get Involved

Are you a UX designer or developer passionate about using your skills for social good? Join Opportunity Hack and contribute to meaningful projects that make a difference. Visit our volunteer page to learn more about how you can get involved.