Bloklab Brand Kit

Official brand assets, guidelines, and resources for consistent brand representation.

Logo variations

Horizontal lockups sit together; vertical lockups are grouped separately. Green primary appears first in each row.

Horizontal lockups

Horizontal — Green

Primary horizontal wordmark on transparent background

Usage: Website header, decks, light backgrounds

Horizontal Logo - Black

Primary horizontal logo with black text for light backgrounds

Usage: Websites, presentations, documents on light backgrounds

Horizontal Logo - Navy

Horizontal logo with navy text for professional applications

Usage: Corporate materials, professional presentations

Horizontal Logo - White

Horizontal logo with white text for dark backgrounds

Usage: Dark themes, presentations on dark backgrounds

Vertical lockups

Vertical — Green

Stacked lockup for narrow layouts and print

Usage: Posters, vertical banners, app splash

Text-only wordmarks

Text Logo - Black

Text-only logo with black text for minimal layouts

Usage: Simplified layouts, headers, minimal designs

Text Logo - Navy

Text-only logo with navy text for professional contexts

Usage: Professional headers, business cards, letterheads

Text Logo - White

Text-only logo with white text for dark backgrounds

Usage: Dark themes, minimal dark layouts

Download Assets

Green logo package (PNG)

~50 KB

Primary brand: horizontal and vertical green lockups

Monochrome logo package (PNG)

2.8 MB

Legacy black, navy, and white variants for restricted contexts

Brand Guidelines

3.8 MB

Comprehensive brand usage documentation (PDF)

Typography Assets

1.2 MB

Inter font family and usage examples (PDF)

Brand Colors

Primary Green

#65a30d

Dark Navy

#1E293B

Pure White

#FFFFFF

Deep Black

#0F172A

Cool Gray

#64748B

Light Gray

#F1F5F9

Typography

Bloklab Display

Display

Inter 800

Used for main headlines and hero sections. Extra bold weight for maximum impact.

Usage: Hero titles, Main headlines

Bloklab Heading

Heading

Inter 700

Section titles and important content. Bold weight for clear hierarchy.

Usage: Section titles, Page headers

Bloklab Subheading

Subheading

Inter 600

Secondary headings and card titles. Semi-bold for moderate emphasis.

Usage: Card titles, Subsections

Bloklab Body Text for readable content

Body

Inter 400

Main content and paragraphs. Regular weight for optimal readability.

Usage: Paragraphs, Content text

Bloklab Caption Text

Caption

Inter 500

Secondary information and metadata. Medium weight for subtle emphasis.

Usage: Captions, Metadata, Labels

Logo Usage Guidelines

Do's

Default to the green primary package (horizontal and vertical lockups) for web, product UI, and external marketing
Maintain minimum clear space equal to the height of the "B" in Bloklab
Use approved logo variations on appropriate backgrounds
Keep original proportions when scaling (minimum 24px height)
Use high-contrast combinations for accessibility
Download from official brand kit for latest versions

Don'ts

Modify, distort, or recreate the logo
Change logo colors or add effects/shadows
Place on busy backgrounds that reduce legibility
Use unapproved color combinations
Scale below minimum size requirements

Need Additional Assets?

Contact our team for custom brand assets, additional formats, or usage guidance.

Contact Brand Team