Our Brand

Blocknative Styleguide

Blocknative recently updated our branding to better reflect our vision. If you are a partner or use our logo, please update your usage as described in the style guide.

blocknative styleguide hero vector

Logo

The new Blocknative logo includes a new logo bug and customized typography that give the modern mark a strong and forward momentum.

Download logo files
blocknative dark mode logo
blocknative dark mode logo
blocknative light mode logo

Grayscale

Be sure to use the appropriate file type for the intended use. RGB files are best for electronic uses, while CMYK vector and spot Pantone files should be used for print. Vector files (SVG, EPS) should be used for print, swag, or in web uses where the logo will be scaled.

blocknative logo black grayscale
blocknative logo white grayscale

Do's

blocknative black do logo

Ensure the logo has adequate breathing room on all sides.

blocknative white do logo

Use the reversed version on dark colored backgrounds.

Dont's

blocknative bad contrast logo

Do not place the logo on busy backgrounds or backgrounds that do not provide enough contrast.

blocknative skewed logo

Do not skew rotate, stretch, or scale the logo disproportionately.

Color

The new Blocknative logo includes a new logo bug and customized typography that give the modern mark a strong and forward momentum.

Blue
50 #e3f0f9
100 #bad9f1
200 #90c2e7
300 #68aadd
400 #4c99d7
500 #2a89d4
600 #247cc7
700 #1b6bb5
800 #105ba4
900 #003f87
Purple
50 #e8ebff
100 #c6cafc
200 #9ba5fa
300 #5b66dd
400 #5b66dd
500 #414cd3
600 #3c44ca
700 #343abc
800 #2b2fb0
900 #1c1998
Green
50 #ddf7f6
100 #aaeae6
200 #68ddd5
300 #00cdc2
400 #00c0b2
500 #00b2a1
600 #00a493
700 #009381
800 #008271
900 #006552
Red
50 #fdedf1
100 #fbd1da
200 #eba1a9
300 #e27d88
400 #ee606c
500 #f45157
600 #e64a55
700 #d3414d
800 #c63b46
900 #b6333b
Void
50 #fdedf1
100 #fbd1da
200 #eba1a9
300 #e27d88
400 #ee606c
500 #f45157
600 #e64a55
700 #d3414d
800 #c63b46
900 #b6333b
Neutral
50 #fdedf1
100 #fbd1da
200 #eba1a9
300 #e27d88
400 #ee606c
500 #f45157
600 #e64a55
700 #d3414d
800 #c63b46
900 #b6333b

Learn more about Blocknative

Explore the Blocknative blog to stay up to date with all that our team is up to.

ETH Gas Price Alerts: Always Know the Best Time to Transact on Ethereum
ETH Gas Price Alerts: Always Know the Best Time to Transact on Ethereum
Whether you’re a web3 developer, full-time trader, or a casual NFT collector, knowing when Ethereum gas fees are low can help save you real money.  In this blog, we’ll show you how to set up an easy, real-time ETH gas fee tracker in your browser with the Blocknative Gas Estimator extension for Chrome, Brave, and Firefox. And once you install Blocknative’s ETH gas estimator extension, you can easily configure ETH gas alerts to know when ETH gas hit your specified price. 
Blocknative Blocknative
Understanding ETH Simulation Bundles and When to Use Them
Understanding ETH Simulation Bundles and When to Use Them
Blocknative recently added bundle support for simulating transactions on Ethereum Mainnet. This capability enables users to fully harness the power of the Ethereum mempool, our network of Ethereum nodes, and our existing decoding and transaction lifecycle knowledge to accurately simulate their transactions.
Dan Marzec Dan Marzec
Simulate Multiple Transactions with Bundle Support for Transaction Preview
Simulate Multiple Transactions with Bundle Support for Transaction Preview
Blocknative Transaction Preview now supports bundling for simulating transactions on Ethereum Mainnet. Using Blocknative’s Transaction Preview API, users can simulate the outcome of two or more bundled transactions based on the current state of the blockchain. 
Blocknative Blocknative

Connect with us. Build with us.

"After first building our own infrastructure, we appreciate that mempool management is a difficult, expensive problem to solve at scale. That's why we partner with Blocknative to power the transaction notifications in our next-generation wallet."