The brand data folder
Each brand is defined by seven JSON files in src/content/brands/haulpoint/: identity.json, tokens.json, content.json, pages.json, photos.json, shipments.json, and cities.json. No component tree is copied.
- src/content/brands/haulpoint/identity.json
- src/content/brands/haulpoint/tokens.json
- src/content/brands/haulpoint/content.json
- src/content/brands/haulpoint/pages.json
- src/content/brands/haulpoint/photos.json
- src/content/brands/haulpoint/shipments.json
- src/content/brands/haulpoint/cities.json
Tokens structure
tokens.json specifies light and dark palettes (16 tokens each: bg, surface, surface-2, border, field-border, text, text-muted, accent, accent-contrast, accent-text, ok, warn, danger, info, focus, accent-fill), font stacks, radii, spacing, and shadows.
Adding a third brand (e.g. berthline)
To add a third brand: 1) Create src/content/brands/berthline/ with the required JSON files. 2) Add 'berthline' to the BRANDS array in src/lib/brand.mjs and tools/build.mjs. 3) Run npm run build. The new brand will be built to dist/berthline/ automatically.