Brand Guidelines
Tangle Brand Kit
Everything you need to accurately represent Tangle. Logos, colors, typography, and usage guidelines.
Logotype
The primary Tangle wordmark. Use the dark version on light backgrounds and the light version on dark backgrounds.
Dark background 
Light background Logomark
The standalone Tangle icon. Use in favicons, app icons, social avatars, and compact spaces where the full wordmark doesn't fit.
Color Palette
Click any swatch to copy the hex code.
Gradients
Brand gradients used in hero sections, CTAs, and accent backgrounds.
Typography
Satoshi is Tangle's primary typeface. JetBrains Mono for code and monospace elements.
Satoshi
Satoshi Light 300
Satoshi Regular 400
Satoshi Medium 500
Satoshi SemiBold 600
Satoshi Bold 700
Satoshi Black 900
JetBrains Mono
Used for: code blocks, inline code,
tags, badges, monospace labels
const tangle = await deploy();
// 0123456789 !@#$%^&*()
Usage Guidelines
Do
- Use the logo on dark backgrounds with sufficient contrast
- Maintain clear space around the logo (min 1x logo height)
- Use the provided color palette consistently
- Use Satoshi for all headings and body text
- Use JetBrains Mono for code and technical labels
Don't
- Stretch, rotate, or distort the logo
- Place the logo on busy or low-contrast backgrounds
- Change the logo colors outside the provided variants
- Add effects (shadows, glows, outlines) to the logo
- Use the logomark as a pattern or background element
Partnership Template
Co-branding template for partnership announcements. Available as SVG for easy customization.
View Template on GitHub