Assets Package

Shared logos and visual assets for the TimeTiles monorepo. All assets are automatically available after running make setup.

Available Assets

Final Logo Versions

The recommended logos are in the final/ directory:

Light theme:

• logo.svg - Base logo
• logo-horizontal.svg - Horizontal layout with text
• logo-vertical.svg - Vertical layout with text
• logo-{16,32,48,64,128,256,512,1024,2048}.png - Raster versions

Dark theme:

• logo.svg - Base logo (dark variant)
• logo-horizontal-dark.svg - Horizontal layout with text
• logo-vertical-dark.svg - Vertical layout with text
• logo-{16,32,48,64,128,256,512,1024,2048}.png - Raster versions

Legacy Logo Versions

Historical logo versions are available in v1/ and v2/ directories for backwards compatibility.

Usage

Import assets directly in your code:

import logo from "@timetiles/assets/logos/final/light/logo.svg";
import logoHorizontal from "@timetiles/assets/logos/final/light/logo-horizontal.svg";
import favicon from "@timetiles/assets/logos/final/light/logo-256.png";
 
// Use in React components
<img src={logo} alt="TimeTiles" />

Next.js apps must include asset handling in their webpack config (already configured in apps/web and apps/docs).

Notes

• PNG/JPEG files are stored via Git LFS (automatically handled by make setup)
• Don’t modify logo colors or gradients
• Preserve aspect ratios when scaling
• Use horizontal variants for headers, vertical for sidebars