Branding Assets
TT Menus Branding
All branding assets are located at: /branding/ttmenus/
Favicons
Multiple sizes for different devices and contexts:
- favicon.ico - Classic ICO format
- favicon.png - PNG favicon
- favicon16.webp - 16×16 px
- favicon144.webp - 144×144 px (Windows tiles)
- favicon152.webp - 152×152 px (Apple touch icon)
- favicon192.webp - 192×192 px (Android)
- favicon196.webp - 196×196 px
- favicon512.webp - 512×512 px (PWA splash screens)
Usage Example:
<link rel="icon" href="https://cdn.ttmenus.com/branding/ttmenus/favicon.ico">
<link rel="apple-touch-icon" href="https://cdn.ttmenus.com/branding/ttmenus/favicon152.webp">
<link rel="icon" sizes="192x192" href="https://cdn.ttmenus.com/branding/ttmenus/favicon192.webp">
Logo Variations
Standard Logos:
- ttmenus.webp / ttmenus.gif - Standard logo
- ttmenus-loop-logo.gif - Animated loop logo
- optimized_ttmenus_logo.gif - Optimized animated version
Logo Color Variants:
- tt menus logo black.png - Black logo
- tt menus logo white.png - White logo
- tt menus logo clear.png - Transparent background
- tt menus logo.pdf - Vector PDF version
Logo Variations:
- tt menus logo seperated menu black.png - Separated menu element (black)
- tt menus logo seperated menu clear.png - Separated menu element (clear)
Icon Sizes:
- icon-144.png - 144×144 px
- icon-192.png - 192×192 px
- icon-512.png - 512×512 px
Specialized:
- ttmenus-home-icon.webp - Home icon variant
- mappin.webp / mappin2.webp - Map markers
- tt menus FB.webp - Facebook optimized
Open Graph / Rich Previews
- richscreenshot1.webp - Preview image 1
- richscreenshot2.webp - Preview image 2
- favicon-400x200.webp - Social media preview (2:1 ratio)
Usage Example:
<meta property="og:image" content="https://cdn.ttmenus.com/branding/ttmenus/richscreenshot1.webp">
Branding Guidelines
Logo Usage
- Use transparent background versions (.png with “clear”) for overlays
- Use appropriate color (black/white) based on background contrast
- Maintain aspect ratio - do not stretch or distort
Favicon Strategy
<!-- Comprehensive favicon setup -->
<link rel="icon" type="image/x-icon" href="https://cdn.ttmenus.com/branding/ttmenus/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.ttmenus.com/branding/ttmenus/favicon16.webp">
<link rel="icon" type="image/png" sizes="192x192" href="https://cdn.ttmenus.com/branding/ttmenus/favicon192.webp">
<link rel="apple-touch-icon" sizes="152x152" href="https://cdn.ttmenus.com/branding/ttmenus/favicon152.webp">
<meta name="msapplication-TileImage" content="https://cdn.ttmenus.com/branding/ttmenus/favicon144.webp">
Cache Headers
All branding files are cached for 1 year with immutable flag for optimal performance.