null/BillTracker
null
/
BillTracker
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 1 Wiki Activity
BillTracker/client/lib/brand.ts

46 lines
1.7 KiB
TypeScript
Raw Permalink Normal View History

feat(brand): new brand module + logo assets Adds the canonical brand definition used by the v0.42.0 brand refresh: - client/lib/brand.ts — single source of truth for name, tagline, repository URL, asset paths, navigation glyphs, and accent palette (BRAND_GLYPHS / accent tokens consumed by Brand.tsx + page chrome). - client/components/brand/Brand.tsx — BrandMark (img with the logo asset), BrandWordmark, BrandGlyph, and a small BrandStack used by the layout chrome. - client/public/brand/{logo,pwa-192,pwa-512,apple-touch-icon}.png — replaces the inline img-cut references in README/HISTORY with a canonical set; PWA manifest + favicon now point here. This is commit 1 of 9 splitting the working-tree brand refresh into per-layer commits. Each commit is independently buildable; the order matches the dependency direction (lib → component → chrome → UI primitives → page consumers → admin/dialog consumers → docs).
2026-07-05 17:18:04 -05:00
export const BRAND = {
name: 'Bill Tracker',
compactName: 'Bill Tracker',
tagline: 'Calm command for household money.',
repositoryUrl: 'https://dream.scheller.ltd/null/BillTracker',
assets: {
feat(brand): BrandMark/Wordmark/Lockup consume the new SVGs Brand.tsx (101 line churn) and brand.ts (47 line churn) now expose the new SVG-first primitives: - BrandMark: <img> with BRAND.assets.mark (vector, scales to any size). - BrandWordmark: text fallback if the mark is unavailable. - BrandLockup: the combined mark + wordmark for the layout chrome, honours the light/dark variant via CSS variables. - BrandGlyph: unchanged but re-uses the new accent tokens. brand.ts adds the new asset-path constants (mark, markMono, lockup, lockupLight, socialPreview) and a tokens helper so the lockup can switch variants without prop drilling. This is commit 2 of the v0.42.0 follow-up batch. Depends on 720d31b (SVG assets).
2026-07-05 17:50:04 -05:00
logo: '/brand/lockup.svg',
logoLight: '/brand/lockup-light.svg',
Add complete brand asset pack
2026-07-06 12:54:29 -05:00
logoPng: '/brand/logo.png',
feat(brand): BrandMark/Wordmark/Lockup consume the new SVGs Brand.tsx (101 line churn) and brand.ts (47 line churn) now expose the new SVG-first primitives: - BrandMark: <img> with BRAND.assets.mark (vector, scales to any size). - BrandWordmark: text fallback if the mark is unavailable. - BrandLockup: the combined mark + wordmark for the layout chrome, honours the light/dark variant via CSS variables. - BrandGlyph: unchanged but re-uses the new accent tokens. brand.ts adds the new asset-path constants (mark, markMono, lockup, lockupLight, socialPreview) and a tokens helper so the lockup can switch variants without prop drilling. This is commit 2 of the v0.42.0 follow-up batch. Depends on 720d31b (SVG assets).
2026-07-05 17:50:04 -05:00
mark: '/brand/mark.svg',
Add complete brand asset pack
2026-07-06 12:54:29 -05:00
markPng: '/brand/mark.png',
monoMark: '/brand/mark-mono.svg',
favicon: '/brand/favicon.svg',
faviconIco: '/brand/favicon.ico',
feat(brand): new brand module + logo assets Adds the canonical brand definition used by the v0.42.0 brand refresh: - client/lib/brand.ts — single source of truth for name, tagline, repository URL, asset paths, navigation glyphs, and accent palette (BRAND_GLYPHS / accent tokens consumed by Brand.tsx + page chrome). - client/components/brand/Brand.tsx — BrandMark (img with the logo asset), BrandWordmark, BrandGlyph, and a small BrandStack used by the layout chrome. - client/public/brand/{logo,pwa-192,pwa-512,apple-touch-icon}.png — replaces the inline img-cut references in README/HISTORY with a canonical set; PWA manifest + favicon now point here. This is commit 1 of 9 splitting the working-tree brand refresh into per-layer commits. Each commit is independently buildable; the order matches the dependency direction (lib → component → chrome → UI primitives → page consumers → admin/dialog consumers → docs).
2026-07-05 17:18:04 -05:00
appleTouchIcon: '/brand/apple-touch-icon.png',
pwa192: '/brand/pwa-192.png',
pwa512: '/brand/pwa-512.png',
Add complete brand asset pack
2026-07-06 12:54:29 -05:00
pwaMaskable512: '/brand/pwa-maskable-512.png',
feat(brand): BrandMark/Wordmark/Lockup consume the new SVGs Brand.tsx (101 line churn) and brand.ts (47 line churn) now expose the new SVG-first primitives: - BrandMark: <img> with BRAND.assets.mark (vector, scales to any size). - BrandWordmark: text fallback if the mark is unavailable. - BrandLockup: the combined mark + wordmark for the layout chrome, honours the light/dark variant via CSS variables. - BrandGlyph: unchanged but re-uses the new accent tokens. brand.ts adds the new asset-path constants (mark, markMono, lockup, lockupLight, socialPreview) and a tokens helper so the lockup can switch variants without prop drilling. This is commit 2 of the v0.42.0 follow-up batch. Depends on 720d31b (SVG assets).
2026-07-05 17:50:04 -05:00
socialPreview: '/brand/social-preview.svg',
Add complete brand asset pack
2026-07-06 12:54:29 -05:00
socialPreviewPng: '/brand/social-preview.png',
emptyState: '/brand/empty-state.svg',
feat(brand): new brand module + logo assets Adds the canonical brand definition used by the v0.42.0 brand refresh: - client/lib/brand.ts — single source of truth for name, tagline, repository URL, asset paths, navigation glyphs, and accent palette (BRAND_GLYPHS / accent tokens consumed by Brand.tsx + page chrome). - client/components/brand/Brand.tsx — BrandMark (img with the logo asset), BrandWordmark, BrandGlyph, and a small BrandStack used by the layout chrome. - client/public/brand/{logo,pwa-192,pwa-512,apple-touch-icon}.png — replaces the inline img-cut references in README/HISTORY with a canonical set; PWA manifest + favicon now point here. This is commit 1 of 9 splitting the working-tree brand refresh into per-layer commits. Each commit is independently buildable; the order matches the dependency direction (lib → component → chrome → UI primitives → page consumers → admin/dialog consumers → docs).
2026-07-05 17:18:04 -05:00
},
feat(brand): BrandMark/Wordmark/Lockup consume the new SVGs Brand.tsx (101 line churn) and brand.ts (47 line churn) now expose the new SVG-first primitives: - BrandMark: <img> with BRAND.assets.mark (vector, scales to any size). - BrandWordmark: text fallback if the mark is unavailable. - BrandLockup: the combined mark + wordmark for the layout chrome, honours the light/dark variant via CSS variables. - BrandGlyph: unchanged but re-uses the new accent tokens. brand.ts adds the new asset-path constants (mark, markMono, lockup, lockupLight, socialPreview) and a tokens helper so the lockup can switch variants without prop drilling. This is commit 2 of the v0.42.0 follow-up batch. Depends on 720d31b (SVG assets).
2026-07-05 17:50:04 -05:00
colors: {
ink: '#101417',
paper: '#f8faf9',
trust: '#40c878',
teal: '#23b6a8',
amber: '#d99a24',
rose: '#df4661',
},
feat(brand): new brand module + logo assets Adds the canonical brand definition used by the v0.42.0 brand refresh: - client/lib/brand.ts — single source of truth for name, tagline, repository URL, asset paths, navigation glyphs, and accent palette (BRAND_GLYPHS / accent tokens consumed by Brand.tsx + page chrome). - client/components/brand/Brand.tsx — BrandMark (img with the logo asset), BrandWordmark, BrandGlyph, and a small BrandStack used by the layout chrome. - client/public/brand/{logo,pwa-192,pwa-512,apple-touch-icon}.png — replaces the inline img-cut references in README/HISTORY with a canonical set; PWA manifest + favicon now point here. This is commit 1 of 9 splitting the working-tree brand refresh into per-layer commits. Each commit is independently buildable; the order matches the dependency direction (lib → component → chrome → UI primitives → page consumers → admin/dialog consumers → docs).
2026-07-05 17:18:04 -05:00
} as const;
export type BrandGlyphName =
style: apply Prettier across client + server (no behavior change) One-time repo-wide `prettier --write` (isolated commit so future diffs stay reviewable). Mechanical formatting only. Verified unchanged: typecheck + typecheck:server + check:server clean; server tests 232/232; client tests 50/50; Vite build succeeds. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-06 14:23:53 -05:00
'tracker' | 'bills' | 'calendar' | 'analytics' | 'data' | 'banking' | 'snowball' | 'security';
feat(brand): new brand module + logo assets Adds the canonical brand definition used by the v0.42.0 brand refresh: - client/lib/brand.ts — single source of truth for name, tagline, repository URL, asset paths, navigation glyphs, and accent palette (BRAND_GLYPHS / accent tokens consumed by Brand.tsx + page chrome). - client/components/brand/Brand.tsx — BrandMark (img with the logo asset), BrandWordmark, BrandGlyph, and a small BrandStack used by the layout chrome. - client/public/brand/{logo,pwa-192,pwa-512,apple-touch-icon}.png — replaces the inline img-cut references in README/HISTORY with a canonical set; PWA manifest + favicon now point here. This is commit 1 of 9 splitting the working-tree brand refresh into per-layer commits. Each commit is independently buildable; the order matches the dependency direction (lib → component → chrome → UI primitives → page consumers → admin/dialog consumers → docs).
2026-07-05 17:18:04 -05:00
Add complete brand asset pack
2026-07-06 12:54:29 -05:00
export const BRAND_GLYPHS: Record<BrandGlyphName, { label: string; asset: string }> = {
tracker: { label: 'Tracker', asset: '/brand/glyphs/tracker.svg' },
bills: { label: 'Bills', asset: '/brand/glyphs/bills.svg' },
calendar: { label: 'Calendar', asset: '/brand/glyphs/calendar.svg' },
analytics: { label: 'Analytics', asset: '/brand/glyphs/analytics.svg' },
data: { label: 'Data', asset: '/brand/glyphs/data-banking.svg' },
banking: { label: 'Banking', asset: '/brand/glyphs/data-banking.svg' },
snowball: { label: 'Snowball', asset: '/brand/glyphs/snowball-payoff.svg' },
security: { label: 'Security', asset: '/brand/glyphs/admin-security.svg' },
feat(brand): new brand module + logo assets Adds the canonical brand definition used by the v0.42.0 brand refresh: - client/lib/brand.ts — single source of truth for name, tagline, repository URL, asset paths, navigation glyphs, and accent palette (BRAND_GLYPHS / accent tokens consumed by Brand.tsx + page chrome). - client/components/brand/Brand.tsx — BrandMark (img with the logo asset), BrandWordmark, BrandGlyph, and a small BrandStack used by the layout chrome. - client/public/brand/{logo,pwa-192,pwa-512,apple-touch-icon}.png — replaces the inline img-cut references in README/HISTORY with a canonical set; PWA manifest + favicon now point here. This is commit 1 of 9 splitting the working-tree brand refresh into per-layer commits. Each commit is independently buildable; the order matches the dependency direction (lib → component → chrome → UI primitives → page consumers → admin/dialog consumers → docs).
2026-07-05 17:18:04 -05:00
};