Tenderly
Brand Assets
Our logo, mark, colors, type, and brand device — used to represent Tenderly across product, marketing, and partnership communications. Please read the guidelines before using these assets.
Icon
The Tenderly symbol — three wings inspired by the Ethereum diamond — used as an avatar, favicon, or wherever the wordmark won't fit. Virtual TestNets has its own teal-palette mark.
Typography
Three open-source typefaces. DM Sans for headlines, Inter for body and UI, JetBrains Mono for code, tags, and labels. All available free on Google Fonts.
Colors
Click any swatch to copy its HEX. Black, purple and white are primary. Teal is reserved exclusively for Virtual TestNets. Tertiary greys expand the palette but should never be dominant.
Purple
Teal
Black
White
Light Purple
Vivid Purple
Light Teal
Vivid Teal
Grey 1
Grey 2
Grey 3
Grey 4
Stone
Usage guidelines
Excerpted from the Tenderly Brand Guidelines V2. For partnership / co-branding rules, swag, and the full incorrect-usage gallery, refer to the PDF.
- Maintain clear spaceKeep clear space around the logo equal to X — the x-height of the wordmark. No graphic, text or image may intrude.
- Respect minimum sizeNever display the horizontal logo below 20 px on screen / 6 mm in print. Vertical lockup minimum is 80 px / 23 mm.
- Use the right variantColor logo on light or dark grounds is primary. White or black mono variants are for one-color use only.
- Reserve teal for VNetsTeal palette (#A8FFF6, #1FFFED, #00D9CF) is exclusively used to represent Virtual TestNets. Use purple everywhere else.
- Use the grid sparinglyThe grid device supports content. Use margins around it, or use the faded grid behind dense text and buttons.
- Don't rotate or distortThe logo proportions must stay intact. No rotation, skewing, or stretching.
- Don't recolorDo not change the logo's colors outside of the four approved variants.
- Don't outlineThe logo should never be displayed as an outline-only treatment.
- Don't add effectsNo drop shadows, glows, bevels, or other strong effects applied to the mark.
- Don't place on busy groundAlways ensure enough contrast. Avoid photography or patterns behind the logo unless the safe area is clean.
- Don't bleed the gridDon't fill an entire visual with the grid — keep margins, or fade the edges toward text and buttons.