About Blocto

Blocto’s mission is to create a ripple effect in people’s lives with the guidance, tools, and connections they need to easily navigate Web 3.0, harness its power, and start making waves.

🌊 blocto.io


🔵 Logo

The Exclusion Zone ensures the logo stands out and is easily seen by keeping it away from other visuals. This is the absolute minimum safe distance; add some space around it for clarity. You can even give it a bit more room if needed.

Download All

Structure & Exclusion Zone@4x.png

<aside> <img src="/icons/arrow-down-line_lightgray.svg" alt="/icons/arrow-down-line_lightgray.svg" width="40px" /> Blocto Logomark


logo mark@4x.png


<aside> <img src="/icons/arrow-down-line_lightgray.svg" alt="/icons/arrow-down-line_lightgray.svg" width="40px" /> Blocto Avatars


avatar.png


<aside> <img src="/icons/arrow-down-line_lightgray.svg" alt="/icons/arrow-down-line_lightgray.svg" width="40px" /> Vertical Lockup


logo V@4x.png


<aside> <img src="/icons/arrow-down-line_lightgray.svg" alt="/icons/arrow-down-line_lightgray.svg" width="40px" /> Horizontal Lockup


logo H@4x.png


Logo Motion

<aside> <img src="/icons/arrow-down-line_lightgray.svg" alt="/icons/arrow-down-line_lightgray.svg" width="40px" /> Logo Motion


https://drive.google.com/file/d/11cQxGmI-nUUgDsCCeFNxAEJGYb5dzaLt/view?usp=drive_link

https://drive.google.com/file/d/1knbSa8dUyWuiLqIt6r_tO5rpVcpRQYgF/view?usp=drive_link

https://drive.google.com/file/d/17zovIFr52_r_RbkBQbBz4GfLvEb67sZN/view?usp=drive_link

</aside>


🔵 Typeface

Primary

The Blocto brand typeface is Factor B, a functional modern geometric grotesk sans serif. It is the primary font to be used throughout the Blocto visual identity. We utilize two weights of Factor B to give us a more focused typographic usage through the Blocto identity.

Secondary

More functional touch points (such as digital products) where we have less control over the typeface implementation should use the standard version of the typeface.

Download from Google Fonts

Japan

This font is exclusively for our Japanese branch, BloctoKK, designed specifically for Japanese-language contexts within the company.

Noto Sans JP - Download from Google Fonts

factor B.png


🔵 Color Palette

Primary Color Palette

Blocto demonstrates its thematic origins through its primary brand color, Ocean Blue. This is the lead tone for the brand, helping us build brand recognition across our assets. We should always try to feature these shades of blue predominantly within layouts wherever possible.

All Variations