🎨 Branding & Assets

This page contains all the official Tatami branding assets, including logos, icons, and usage guidelines.

Logo Gallery

We provide various versions of the Tatami logo for different use cases. All assets are available in both PNG and SVG formats.

Full Logos

Logo Variants

Logo Variant	Preview	Files
Tatami mats logo		tatami-logo.png, svg/tatami-logo.svg
Gradient		tatami-logo-gradient.png, svg/tatami-logo-gradient.svg
Black text		tatami-logo-black.png, svg/tatami-logo-black.svg
White text		tatami-logo-white.png, svg/tatami-logo-white.svg
Gradient Transparent		tatami-logo-gradient-transparent.png, svg/tatami-logo-gradient-transparent.svg

Icons

Icon Variants

Icon Variant	Preview	Files
Standard Icon		icon.png, svg/tatami-icon.svg
Cropped Icon		icon-cropped.png, svg/tatami-icon-cropped.svg
Favicon		favicon.ico

“Powered by Tatami” Badges

You can use these badges to show your project is powered by Tatami:

Ready-to-use Badges

Badge Styles

Style	Preview	Code
Standard		
For the Badge		
Framework		
Web Framework		

HTML Links (Clickable Badges)

<!-- Standard badge -->
<a href="https://github.com/ibonn/tatami">
  <img src="https://img.shields.io/badge/Powered%20by-Tatami-4f46e5?style=flat-square" alt="Powered by Tatami" />
</a>

<!-- For the badge style -->
<a href="https://github.com/ibonn/tatami">
  <img src="https://img.shields.io/badge/Powered%20by-Tatami-4f46e5?style=for-the-badge" alt="Powered by Tatami" />
</a>

<!-- Framework badge -->
<a href="https://github.com/ibonn/tatami">
  <img src="https://img.shields.io/badge/framework-tatami-brightgreen?style=flat-square" alt="Built with Tatami" />
</a>

Download Assets

All branding assets are available in the GitHub repository.

Note

File Locations:

• PNG files: images/

• SVG files: images/svg/

• Icons: images/ (PNG) and images/svg/ (SVG)

Usage Rights & Guidelines

License

All Tatami logos, icons, and branding assets are free to use for:

✅ Allowed Uses:

• Open source projects

• Personal projects

• Documentation and tutorials

• Blog posts and articles

• Conference presentations

• Educational materials

• Community content

❌ Restrictions:

• No commercial merchandise: You may not sell physical products (mugs, t-shirts, stickers, etc.) featuring Tatami branding

• No profit from branding: The Tatami brand is not-for-profit and should not be used for commercial gain

• No trademark claims: You cannot claim ownership of the Tatami brand or logos

✅ Personal Use Exception:

Feel free to create items for personal use (your own mug, shirt, etc.) - just don’t sell them!

Guidelines

When using Tatami branding assets:

1. Maintain Quality: Use high-resolution versions appropriate for your medium

2. Respect Proportions: Don’t stretch, skew, or modify the aspect ratio

3. Adequate Spacing: Provide clear space around logos (minimum 1x the logo height)

4. Color Integrity: Use the provided color variants - don’t recolor the logos

5. Attribution Appreciated: While not required, attribution to the Tatami project is always welcome

Questions?

If you’re unsure about a specific use case, please:

• Open an issue on GitHub

• Reach out to the maintainers

• When in doubt, ask! We’re happy to clarify usage rights.

Tip

Community Showcase: If you create something cool with Tatami branding, we’d love to see it! Tag us or share it in the community discussions.