Assets Package

The assets package contains the canonical TimeTiles SVG logos and the tooling for generating raster exports.

Structure

packages/assets/logos/latest/
├── light/
│   ├── grid/
│   ├── no-grid/
│   └── transparent/
└── dark/
    ├── grid/
    ├── no-grid/
    └── transparent/

Each variant contains:

• logo_square.svg — square logo icon
• wordmark_horizontal.svg — horizontal icon and wordmark
• wordmark_compact.svg — compact stacked wordmark

The SVG files are the source of truth and are committed to Git. Generated png/ directories are intentionally ignored.

Generate raster assets

pnpm --filter @timetiles/assets generate:logos

This creates:

• png/logo_square_{16,32,48,64,128,256,512,1024,2000}.png
• png/wordmark_horizontal_{256,512,1024,2000}.png
• png/wordmark_compact_{256,512,1024,2000}.png
• png/favicon.ico for non-transparent variants

The same files can be downloaded as a ZIP by running the Generate Logo Assets workflow in GitHub Actions.

Usage

Applications should import SVG sources directly:

import logo from "@timetiles/assets/logos/latest/light/no-grid/logo_square.svg";
import logoHorizontal from "@timetiles/assets/logos/latest/light/no-grid/wordmark_horizontal.svg";

Next.js apps must include @timetiles/assets in transpilePackages.

Do not modify logo colors or gradients, and preserve aspect ratios when scaling.