@lacspace/logo 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -0
- package/dist/index.cjs +129 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +46 -1
- package/dist/index.d.ts +46 -1
- package/dist/index.js +128 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -98,6 +98,51 @@ declare function generateLogoSet(brief: LogoBrief, count?: number): LogoResult[]
|
|
|
98
98
|
/** Interpret a brief WITHOUT rendering — see what the generator would choose. */
|
|
99
99
|
declare function suggest(brief: LogoBrief): Interpreted;
|
|
100
100
|
|
|
101
|
+
interface FaviconSet {
|
|
102
|
+
/** One scalable SVG mark (a filled tile — ideal at any size). */
|
|
103
|
+
svg: string;
|
|
104
|
+
/** The same mark sized for common favicon / app-icon dimensions. */
|
|
105
|
+
sizes: {
|
|
106
|
+
size: number;
|
|
107
|
+
svg: string;
|
|
108
|
+
}[];
|
|
109
|
+
/** Ready-to-paste <link> / <meta> tags. */
|
|
110
|
+
links: string;
|
|
111
|
+
/** manifest.webmanifest "icons" entries (for PNGs you rasterize via @lacspace/image). */
|
|
112
|
+
manifestIcons: {
|
|
113
|
+
src: string;
|
|
114
|
+
sizes: string;
|
|
115
|
+
type: string;
|
|
116
|
+
}[];
|
|
117
|
+
}
|
|
118
|
+
interface BrandColor {
|
|
119
|
+
role: string;
|
|
120
|
+
hex: string;
|
|
121
|
+
}
|
|
122
|
+
interface BrandKit {
|
|
123
|
+
name: string;
|
|
124
|
+
/** Horizontal lockup (icon + wordmark) — the primary logo. */
|
|
125
|
+
primary: LogoResult;
|
|
126
|
+
/** Stacked (icon over wordmark). */
|
|
127
|
+
stacked: LogoResult;
|
|
128
|
+
/** The mark alone (app icon / avatar). */
|
|
129
|
+
mark: LogoResult;
|
|
130
|
+
/** Wordmark only, on transparent. */
|
|
131
|
+
wordmark: LogoResult;
|
|
132
|
+
/** Single-colour version for stamps / watermarks. */
|
|
133
|
+
mono: LogoResult;
|
|
134
|
+
favicon: FaviconSet;
|
|
135
|
+
palette: Palette;
|
|
136
|
+
font: FontPair;
|
|
137
|
+
colors: BrandColor[];
|
|
138
|
+
/** A drop-in CSS custom-property block. */
|
|
139
|
+
css: string;
|
|
140
|
+
}
|
|
141
|
+
/** Build a favicon / app-icon set from a brief (a bold, filled mark tile). */
|
|
142
|
+
declare function generateFavicon(brief: LogoBrief, sizes?: number[]): FaviconSet;
|
|
143
|
+
/** From one brief → a full, consistent brand identity. */
|
|
144
|
+
declare function generateBrandKit(brief: LogoBrief): BrandKit;
|
|
145
|
+
|
|
101
146
|
/** Normalise keywords + brief text into a clean token list. */
|
|
102
147
|
declare function tokenize(brief: LogoBrief): string[];
|
|
103
148
|
|
|
@@ -109,4 +154,4 @@ declare const MOODS: Mood[];
|
|
|
109
154
|
/** Derive a compact monogram (1–3 letters) from a brand name. */
|
|
110
155
|
declare function initials(name: string, max?: number): string;
|
|
111
156
|
|
|
112
|
-
export { type Background, type Engine, FONTS, type FontPair, ICONS, type IconDef, type Interpreted, type Layout, type LogoBrief, type LogoResult, MOODS, type Mood, PALETTES, type Palette, type ShapeKind, generateLogo, generateLogoSet, initials, suggest, tokenize };
|
|
157
|
+
export { type Background, type BrandColor, type BrandKit, type Engine, FONTS, type FaviconSet, type FontPair, ICONS, type IconDef, type Interpreted, type Layout, type LogoBrief, type LogoResult, MOODS, type Mood, PALETTES, type Palette, type ShapeKind, generateBrandKit, generateFavicon, generateLogo, generateLogoSet, initials, suggest, tokenize };
|
package/dist/index.d.ts
CHANGED
|
@@ -98,6 +98,51 @@ declare function generateLogoSet(brief: LogoBrief, count?: number): LogoResult[]
|
|
|
98
98
|
/** Interpret a brief WITHOUT rendering — see what the generator would choose. */
|
|
99
99
|
declare function suggest(brief: LogoBrief): Interpreted;
|
|
100
100
|
|
|
101
|
+
interface FaviconSet {
|
|
102
|
+
/** One scalable SVG mark (a filled tile — ideal at any size). */
|
|
103
|
+
svg: string;
|
|
104
|
+
/** The same mark sized for common favicon / app-icon dimensions. */
|
|
105
|
+
sizes: {
|
|
106
|
+
size: number;
|
|
107
|
+
svg: string;
|
|
108
|
+
}[];
|
|
109
|
+
/** Ready-to-paste <link> / <meta> tags. */
|
|
110
|
+
links: string;
|
|
111
|
+
/** manifest.webmanifest "icons" entries (for PNGs you rasterize via @lacspace/image). */
|
|
112
|
+
manifestIcons: {
|
|
113
|
+
src: string;
|
|
114
|
+
sizes: string;
|
|
115
|
+
type: string;
|
|
116
|
+
}[];
|
|
117
|
+
}
|
|
118
|
+
interface BrandColor {
|
|
119
|
+
role: string;
|
|
120
|
+
hex: string;
|
|
121
|
+
}
|
|
122
|
+
interface BrandKit {
|
|
123
|
+
name: string;
|
|
124
|
+
/** Horizontal lockup (icon + wordmark) — the primary logo. */
|
|
125
|
+
primary: LogoResult;
|
|
126
|
+
/** Stacked (icon over wordmark). */
|
|
127
|
+
stacked: LogoResult;
|
|
128
|
+
/** The mark alone (app icon / avatar). */
|
|
129
|
+
mark: LogoResult;
|
|
130
|
+
/** Wordmark only, on transparent. */
|
|
131
|
+
wordmark: LogoResult;
|
|
132
|
+
/** Single-colour version for stamps / watermarks. */
|
|
133
|
+
mono: LogoResult;
|
|
134
|
+
favicon: FaviconSet;
|
|
135
|
+
palette: Palette;
|
|
136
|
+
font: FontPair;
|
|
137
|
+
colors: BrandColor[];
|
|
138
|
+
/** A drop-in CSS custom-property block. */
|
|
139
|
+
css: string;
|
|
140
|
+
}
|
|
141
|
+
/** Build a favicon / app-icon set from a brief (a bold, filled mark tile). */
|
|
142
|
+
declare function generateFavicon(brief: LogoBrief, sizes?: number[]): FaviconSet;
|
|
143
|
+
/** From one brief → a full, consistent brand identity. */
|
|
144
|
+
declare function generateBrandKit(brief: LogoBrief): BrandKit;
|
|
145
|
+
|
|
101
146
|
/** Normalise keywords + brief text into a clean token list. */
|
|
102
147
|
declare function tokenize(brief: LogoBrief): string[];
|
|
103
148
|
|
|
@@ -109,4 +154,4 @@ declare const MOODS: Mood[];
|
|
|
109
154
|
/** Derive a compact monogram (1–3 letters) from a brand name. */
|
|
110
155
|
declare function initials(name: string, max?: number): string;
|
|
111
156
|
|
|
112
|
-
export { type Background, type Engine, FONTS, type FontPair, ICONS, type IconDef, type Interpreted, type Layout, type LogoBrief, type LogoResult, MOODS, type Mood, PALETTES, type Palette, type ShapeKind, generateLogo, generateLogoSet, initials, suggest, tokenize };
|
|
157
|
+
export { type Background, type BrandColor, type BrandKit, type Engine, FONTS, type FaviconSet, type FontPair, ICONS, type IconDef, type Interpreted, type Layout, type LogoBrief, type LogoResult, MOODS, type Mood, PALETTES, type Palette, type ShapeKind, generateBrandKit, generateFavicon, generateLogo, generateLogoSet, initials, suggest, tokenize };
|
package/dist/index.js
CHANGED
|
@@ -23,7 +23,19 @@ var palettes_default = [
|
|
|
23
23
|
{ id: "amber-glow", name: "Amber Glow", mood: ["warm", "friendly", "energy", "food"], bg: "#161005", surface: "#261c0a", primary: "#f59e0b", accent: "#fcd34d", on: "#fff8e8", from: "#F59E0B", to: "#FCD34D" },
|
|
24
24
|
{ id: "aqua-marine", name: "Aqua Marine", mood: ["calm", "clean", "travel", "fresh"], bg: "#06131a", surface: "#0b2029", primary: "#06b6d4", accent: "#2dd4bf", on: "#e8fcff", from: "#06B6D4", to: "#2DD4BF" },
|
|
25
25
|
{ id: "plum-noir", name: "Plum Noir", mood: ["luxe", "creative", "mono", "elegant"], bg: "#0d0912", surface: "#181020", primary: "#a855f7", accent: "#6b7280", on: "#f2ecfb", from: "#A855F7", to: "#6B7280" },
|
|
26
|
-
{ id: "graphite-orange", name: "Graphite Orange", mood: ["industrial", "bold", "sport", "modern"], bg: "#0b0b0d", surface: "#17181c", primary: "#f97316", accent: "#e5e7eb", on: "#fafafa", from: "#F97316", to: "#E5E7EB" }
|
|
26
|
+
{ id: "graphite-orange", name: "Graphite Orange", mood: ["industrial", "bold", "sport", "modern"], bg: "#0b0b0d", surface: "#17181c", primary: "#f97316", accent: "#e5e7eb", on: "#fafafa", from: "#F97316", to: "#E5E7EB" },
|
|
27
|
+
{ id: "teal-gold", name: "Teal Gold", mood: ["luxe", "finance", "premium", "corporate"], bg: "#06130f", surface: "#0b201a", primary: "#0f9d8f", accent: "#d4af37", on: "#eafcf7", from: "#0F9D8F", to: "#D4AF37" },
|
|
28
|
+
{ id: "sunrise-coral", name: "Sunrise Coral", mood: ["warm", "food", "friendly", "energy"], bg: "#1a0e0a", surface: "#2a1710", primary: "#ff7a59", accent: "#ffd166", on: "#fff3ee", from: "#FF7A59", to: "#FFD166" },
|
|
29
|
+
{ id: "deep-forest", name: "Deep Forest", mood: ["eco", "heritage", "calm", "organic"], bg: "#071310", surface: "#0d201b", primary: "#2f855a", accent: "#a3b18a", on: "#eafaf2", from: "#2F855A", to: "#A3B18A" },
|
|
30
|
+
{ id: "neon-magenta", name: "Neon Magenta", mood: ["creative", "bold", "playful", "future"], bg: "#120a12", surface: "#201220", primary: "#e91e8c", accent: "#22d3ee", on: "#ffeef8", from: "#E91E8C", to: "#22D3EE" },
|
|
31
|
+
{ id: "arctic-blue", name: "Arctic Blue", mood: ["clean", "medical", "tech", "calm"], bg: "#07101a", surface: "#0d1d2b", primary: "#2b8fe0", accent: "#8ed1fc", on: "#eef7ff", from: "#2B8FE0", to: "#8ED1FC" },
|
|
32
|
+
{ id: "charcoal-lime", name: "Charcoal Lime", mood: ["industrial", "tech", "bold", "sport"], bg: "#0c0d0a", surface: "#171a12", primary: "#c6f135", accent: "#64748b", on: "#f6ffe6", from: "#C6F135", to: "#64748B" },
|
|
33
|
+
{ id: "lavender-dream", name: "Lavender Dream", mood: ["beauty", "playful", "calm", "friendly"], bg: "#100c18", surface: "#1b1528", primary: "#a78bfa", accent: "#f0abfc", on: "#f4efff", from: "#A78BFA", to: "#F0ABFC" },
|
|
34
|
+
{ id: "ruby-noir", name: "Ruby Noir", mood: ["luxe", "beauty", "bold", "premium"], bg: "#140708", surface: "#220d10", primary: "#e11d48", accent: "#f59e0b", on: "#ffeef1", from: "#E11D48", to: "#F59E0B" },
|
|
35
|
+
{ id: "honey-amber", name: "Honey Amber", mood: ["warm", "food", "heritage", "friendly"], bg: "#161006", surface: "#241a0a", primary: "#e0a92e", accent: "#c2703d", on: "#fff7e6", from: "#E0A92E", to: "#C2703D" },
|
|
36
|
+
{ id: "cobalt-electric", name: "Cobalt Electric", mood: ["tech", "bold", "future", "trust"], bg: "#080b1a", surface: "#101630", primary: "#2f5cff", accent: "#22d3ee", on: "#eef1ff", from: "#2F5CFF", to: "#22D3EE" },
|
|
37
|
+
{ id: "sage-earth", name: "Sage Earth", mood: ["eco", "organic", "calm", "health"], bg: "#0d120c", surface: "#171f14", primary: "#78a662", accent: "#c9a26b", on: "#f1f8ea", from: "#78A662", to: "#C9A26B" },
|
|
38
|
+
{ id: "peach-cream", name: "Peach Cream", mood: ["playful", "beauty", "friendly", "kids"], bg: "#1a1210", surface: "#2a1e18", primary: "#ff9e80", accent: "#ffcfa3", on: "#fff4ee", from: "#FF9E80", to: "#FFCFA3" }
|
|
27
39
|
];
|
|
28
40
|
|
|
29
41
|
// src/data/fonts.json
|
|
@@ -41,7 +53,11 @@ var fonts_default = [
|
|
|
41
53
|
{ id: "fraunces-craft", display: "Fraunces", body: "Newsreader", weight: 600, mood: ["organic", "heritage", "craft", "warm"], stack: "'Fraunces', Georgia, serif" },
|
|
42
54
|
{ id: "quicksand-friendly", display: "Quicksand", body: "Nunito", weight: 700, mood: ["friendly", "playful", "beauty", "calm"], stack: "'Quicksand', 'Nunito', system-ui, sans-serif" },
|
|
43
55
|
{ id: "orbitron-future", display: "Orbitron", body: "Rajdhani", weight: 700, mood: ["future", "tech", "sport", "bold"], stack: "'Orbitron', 'Rajdhani', system-ui, sans-serif" },
|
|
44
|
-
{ id: "bricolage-quirk", display: "Bricolage Grotesque", body: "Inter", weight: 700, mood: ["creative", "startup", "modern", "playful"], stack: "'Bricolage Grotesque', system-ui, sans-serif" }
|
|
56
|
+
{ id: "bricolage-quirk", display: "Bricolage Grotesque", body: "Inter", weight: 700, mood: ["creative", "startup", "modern", "playful"], stack: "'Bricolage Grotesque', system-ui, sans-serif" },
|
|
57
|
+
{ id: "lexend-clear", display: "Lexend", body: "Inter", weight: 600, mood: ["education", "clean", "friendly", "medical", "calm"], stack: "'Lexend', system-ui, sans-serif" },
|
|
58
|
+
{ id: "anton-impact", display: "Anton", body: "Inter", weight: 400, mood: ["bold", "sport", "industrial", "energy"], stack: "'Anton', 'Arial Narrow', system-ui, sans-serif" },
|
|
59
|
+
{ id: "baloo-kids", display: "Baloo 2", body: "Nunito", weight: 700, mood: ["kids", "playful", "friendly", "food"], stack: "'Baloo 2', 'Nunito', system-ui, sans-serif" },
|
|
60
|
+
{ id: "libre-editorial", display: "Libre Franklin", body: "Lora", weight: 700, mood: ["editorial", "corporate", "heritage", "elegant", "legal"], stack: "'Libre Franklin', Georgia, serif" }
|
|
45
61
|
];
|
|
46
62
|
|
|
47
63
|
// src/data/icons.json
|
|
@@ -85,7 +101,34 @@ var icons_default = [
|
|
|
85
101
|
{ key: "flame", keywords: ["fire", "energy", "hot", "cook", "passion", "grill", "heat", "bbq"], svg: "<path d='M12 21 A6 6 0 0 0 18 15 C18 10 14 9 15 4 C11 6 8 9 8 13 A4 4 0 0 0 10 16 C9 12 11 11 12 10 C12 13 15 13 14 17 A3 3 0 0 1 12 21 Z'/>" },
|
|
86
102
|
{ key: "cube", keywords: ["product", "box", "package", "build", "3d", "block", "logistics", "supply"], svg: "<path d='M12 3 L20 7.5 V16.5 L12 21 L4 16.5 V7.5 Z'/><path d='M4 7.5 L12 12 L20 7.5 M12 12 V21'/>" },
|
|
87
103
|
{ key: "eye", keywords: ["vision", "watch", "view", "security", "media", "optics", "monitor"], svg: "<path d='M2 12 C5 6 9 5 12 5 C15 5 19 6 22 12 C19 18 15 19 12 19 C9 19 5 18 2 12 Z'/><circle cx='12' cy='12' r='3'/>" },
|
|
88
|
-
{ key: "crown", keywords: ["luxe", "premium", "royal", "king", "best", "vip", "elite", "gold"], svg: "<path d='M4 18 V8 L8 12 L12 5 L16 12 L20 8 V18 Z'/><path d='M4 18 H20'/>" }
|
|
104
|
+
{ key: "crown", keywords: ["luxe", "premium", "royal", "king", "best", "vip", "elite", "gold"], svg: "<path d='M4 18 V8 L8 12 L12 5 L16 12 L20 8 V18 Z'/><path d='M4 18 H20'/>" },
|
|
105
|
+
{ key: "graduation", keywords: ["education", "school", "university", "academy", "learn", "graduate", "course", "student"], svg: "<path d='M2 9 L12 4 L22 9 L12 14 Z'/><path d='M6 11 V16 C6 17.5 9 19 12 19 C15 19 18 17.5 18 16 V11'/><path d='M22 9 V14'/>" },
|
|
106
|
+
{ key: "dumbbell", keywords: ["gym", "fitness", "workout", "sport", "health", "training", "muscle", "exercise"], svg: "<path d='M3 9 V15 M6 8 V16 M18 8 V16 M21 9 V15 M6 12 H18'/>" },
|
|
107
|
+
{ key: "scale", keywords: ["legal", "law", "justice", "balance", "attorney", "court", "lawyer", "compliance"], svg: "<path d='M12 3 V20 M5 20 H19 M12 5 L5 9 M12 5 L19 9'/><path d='M2 9 H8 L5 15 A3 3 0 0 0 8 15 Z M16 9 H22 L19 15 A3 3 0 0 0 22 15 Z'/>" },
|
|
108
|
+
{ key: "key", keywords: ["realestate", "access", "unlock", "property", "rental", "keys", "estate"], svg: "<circle cx='8' cy='8' r='4'/><path d='M11 11 L20 20 M17 17 L19 15 M15 15 L17 13'/>" },
|
|
109
|
+
{ key: "plane", keywords: ["travel", "flight", "airline", "trip", "tourism", "journey", "holiday", "send"], svg: "<path d='M3 11 L21 3 L14 21 L11 13 Z'/><path d='M11 13 L21 3'/>" },
|
|
110
|
+
{ key: "car", keywords: ["auto", "car", "ride", "taxi", "garage", "mechanic", "vehicle", "drive", "rental"], svg: "<path d='M3 13 L5 8 H17 L20 13'/><path d='M2 13 H22 V17 H2 Z'/><circle cx='7' cy='17' r='1.5'/><circle cx='17' cy='17' r='1.5'/>" },
|
|
111
|
+
{ key: "chip", keywords: ["tech", "hardware", "iot", "ai", "semiconductor", "electronics", "processor", "chip", "device"], svg: "<rect x='7' y='7' width='10' height='10' rx='1.5'/><path d='M10 3 V6 M14 3 V6 M10 18 V21 M14 18 V21 M3 10 H6 M3 14 H6 M18 10 H21 M18 14 H21'/>" },
|
|
112
|
+
{ key: "gift", keywords: ["gift", "ecommerce", "reward", "celebration", "store", "present", "surprise", "loyalty"], svg: "<rect x='3' y='9' width='18' height='11' rx='1'/><path d='M3 12 H21 M12 9 V20'/><path d='M12 9 C12 6 9 5 8 6.5 C7 8 9 9 12 9 C12 9 15 9 16 6.5 C15 5 12 6 12 9 Z'/>" },
|
|
113
|
+
{ key: "calendar", keywords: ["schedule", "booking", "event", "planner", "date", "calendar", "appointment", "agenda"], svg: "<rect x='3' y='5' width='18' height='16' rx='2'/><path d='M3 9 H21 M8 3 V6 M16 3 V6'/><rect x='7' y='12' width='3' height='3'/>" },
|
|
114
|
+
{ key: "clock", keywords: ["time", "schedule", "fast", "productivity", "hours", "watch", "timer", "deadline"], svg: "<circle cx='12' cy='12' r='9'/><path d='M12 7 V12 L16 14'/>" },
|
|
115
|
+
{ key: "mail", keywords: ["email", "contact", "newsletter", "message", "communication", "inbox", "mailer", "crm"], svg: "<rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7 L12 13 L21 7'/>" },
|
|
116
|
+
{ key: "lock", keywords: ["security", "privacy", "protect", "safe", "lock", "password", "vault", "encrypt"], svg: "<rect x='5' y='11' width='14' height='9' rx='2'/><path d='M8 11 V8 A4 4 0 0 1 16 8 V11'/>" },
|
|
117
|
+
{ key: "tag", keywords: ["price", "sale", "retail", "label", "discount", "tag", "offer", "deal", "ecommerce"], svg: "<path d='M3 3 H11 L21 13 L13 21 L3 11 Z'/><circle cx='7.5' cy='7.5' r='1.4'/>" },
|
|
118
|
+
{ key: "brain", keywords: ["ai", "smart", "mind", "learning", "psychology", "brain", "intelligence", "think", "neural"], svg: "<path d='M9 4 A3 3 0 0 0 6 7 A3 3 0 0 0 5 12 A3 3 0 0 0 7 17 A3 3 0 0 0 12 19 V4 A2 2 0 0 0 9 4 Z'/><path d='M12 4 A2 2 0 0 1 15 4 A3 3 0 0 1 18 7 A3 3 0 0 1 19 12 A3 3 0 0 1 17 17 A3 3 0 0 1 12 19'/>" },
|
|
119
|
+
{ key: "flask", keywords: ["lab", "science", "chemistry", "research", "biotech", "experiment", "pharma", "chemical"], svg: "<path d='M9 3 H15 M10 3 V9 L5 18 A2 2 0 0 0 7 21 H17 A2 2 0 0 0 19 18 L14 9 V3'/><path d='M7.5 14 H16.5'/>" },
|
|
120
|
+
{ key: "cross", keywords: ["medical", "clinic", "pharmacy", "health", "hospital", "aid", "plus", "emergency"], svg: "<rect x='4' y='4' width='16' height='16' rx='3'/><path d='M12 8 V16 M8 12 H16'/>" },
|
|
121
|
+
{ key: "edit", keywords: ["write", "content", "blog", "edit", "author", "copywriting", "note", "publish"], svg: "<path d='M14 4 L20 10 L9 21 H3 V15 Z'/><path d='M13 5 L19 11'/>" },
|
|
122
|
+
{ key: "megaphone", keywords: ["marketing", "ads", "promo", "announce", "pr", "campaign", "broadcast", "launch", "advertising"], svg: "<path d='M3 10 V14 H6 L14 19 V5 L6 10 Z'/><path d='M17 9 A4 4 0 0 1 17 15'/>" },
|
|
123
|
+
{ key: "target", keywords: ["goal", "marketing", "focus", "aim", "strategy", "target", "objective", "precision", "growth"], svg: "<circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='5'/><circle cx='12' cy='12' r='1.5'/>" },
|
|
124
|
+
{ key: "trophy", keywords: ["award", "win", "sport", "achievement", "best", "trophy", "champion", "prize", "league"], svg: "<path d='M8 4 H16 V9 A4 4 0 0 1 8 9 Z'/><path d='M8 6 H5 A2 2 0 0 0 7 10 M16 6 H19 A2 2 0 0 1 17 10'/><path d='M12 13 V16 M9 20 H15 M10 20 V16 H14 V20'/>" },
|
|
125
|
+
{ key: "building", keywords: ["office", "corporate", "business", "company", "enterprise", "realestate", "tower", "firm"], svg: "<rect x='5' y='3' width='14' height='18'/><path d='M9 7 H11 M13 7 H15 M9 11 H11 M13 11 H15 M9 15 H11 M13 15 H15 M10 21 V18 H14 V21'/>" },
|
|
126
|
+
{ key: "lightbulb", keywords: ["idea", "innovation", "creative", "startup", "bright", "invention", "insight", "smart"], svg: "<path d='M9 17 H15 M10 20 H14'/><path d='M12 3 A6 6 0 0 0 8 14 H16 A6 6 0 0 0 12 3 Z'/>" },
|
|
127
|
+
{ key: "gamepad", keywords: ["game", "gaming", "esports", "play", "entertainment", "arcade", "console", "fun"], svg: "<rect x='2' y='8' width='20' height='9' rx='4.5'/><path d='M7 11 V14 M5.5 12.5 H8.5'/><circle cx='16' cy='11.5' r='1'/><circle cx='18.5' cy='13.5' r='1'/>" },
|
|
128
|
+
{ key: "shirt", keywords: ["fashion", "clothing", "apparel", "boutique", "retail", "tshirt", "wear", "style"], svg: "<path d='M8 4 L4 7 L6 10 L8 9 V20 H16 V9 L18 10 L20 7 L16 4 C16 6 8 6 8 4 Z'/>" },
|
|
129
|
+
{ key: "balloon", keywords: ["kids", "party", "toy", "children", "fun", "celebration", "birthday", "playful"], svg: "<path d='M12 3 A5 6 0 0 0 12 15 A5 6 0 0 0 12 3 Z'/><path d='M12 15 V17 M11 17 C11 19 13 19 13 21'/>" },
|
|
130
|
+
{ key: "palette-art", keywords: ["art", "design", "paint", "creative", "color", "artist", "gallery", "illustration"], svg: "<path d='M12 3 A9 9 0 1 0 12 21 A2 2 0 0 0 12 17 A2 2 0 0 1 14 15 H16 A5 5 0 0 0 21 10 C21 6 17 3 12 3 Z'/><circle cx='8' cy='9' r='1'/><circle cx='12' cy='7' r='1'/><circle cx='16' cy='9' r='1'/>" },
|
|
131
|
+
{ key: "wheat", keywords: ["agriculture", "farm", "organic", "grain", "harvest", "crop", "wheat", "rural"], svg: "<path d='M12 21 V9 M12 9 C10 9 9 7 9 5 C11 5 12 7 12 9 C12 7 13 5 15 5 C15 7 14 9 12 9 M12 13 C10 13 9 11 9 9 M12 13 C14 13 15 11 15 9 M12 17 C10 17 9 15 9 13 M12 17 C14 17 15 15 15 13'/>" }
|
|
89
132
|
];
|
|
90
133
|
|
|
91
134
|
// src/data/moods.json
|
|
@@ -101,7 +144,11 @@ var moods_default = [
|
|
|
101
144
|
{ id: "finance", name: "Finance", keywords: ["finance", "bank", "invest", "fintech", "money", "trade", "capital", "wealth"], paletteMood: ["finance", "trust", "corporate", "luxe"], fontMood: ["corporate", "modern", "tech"], shapes: ["shield", "hexagon", "rounded"], layouts: ["icon-left", "wordmark-only"], engines: ["monogram", "wordmark", "abstract"] },
|
|
102
145
|
{ id: "creative", name: "Creative", keywords: ["creative", "art", "studio", "design", "agency", "media", "brand", "photography"], paletteMood: ["creative", "bold", "elegant"], fontMood: ["creative", "editorial", "modern"], shapes: ["squircle", "blob", "circle"], layouts: ["icon-top", "icon-left"], engines: ["abstract", "wordmark", "monogram"] },
|
|
103
146
|
{ id: "heritage", name: "Heritage", keywords: ["heritage", "classic", "traditional", "craft", "artisan", "vintage", "estate", "co"], paletteMood: ["heritage", "warm", "earthy", "luxe"], fontMood: ["heritage", "craft", "elegant"], shapes: ["seal", "circle", "shield"], layouts: ["emblem", "icon-top"], engines: ["emblem", "monogram", "wordmark"] },
|
|
104
|
-
{ id: "modern", name: "Modern", keywords: ["modern", "business", "company", "professional", "corporate", "service", "solutions"], paletteMood: ["tech", "corporate", "modern", "trust"], fontMood: ["modern", "clean", "startup"], shapes: ["rounded", "squircle", "circle"], layouts: ["icon-left", "icon-top"], engines: ["wordmark", "monogram", "abstract"] }
|
|
147
|
+
{ id: "modern", name: "Modern", keywords: ["modern", "business", "company", "professional", "corporate", "service", "solutions"], paletteMood: ["tech", "corporate", "modern", "trust"], fontMood: ["modern", "clean", "startup"], shapes: ["rounded", "squircle", "circle"], layouts: ["icon-left", "icon-top"], engines: ["wordmark", "monogram", "abstract"] },
|
|
148
|
+
{ id: "education", name: "Education", keywords: ["education", "school", "university", "academy", "learn", "course", "student", "tutoring", "training", "elearning"], paletteMood: ["clean", "trust", "friendly", "calm"], fontMood: ["education", "clean", "friendly"], shapes: ["rounded", "circle", "shield"], layouts: ["icon-left", "icon-top"], engines: ["wordmark", "monogram", "emblem"] },
|
|
149
|
+
{ id: "legal", name: "Legal", keywords: ["legal", "law", "attorney", "court", "justice", "compliance", "lawyer", "advocate", "firm", "notary"], paletteMood: ["corporate", "trust", "luxe", "heritage"], fontMood: ["legal", "corporate", "elegant", "editorial"], shapes: ["shield", "seal", "circle"], layouts: ["icon-left", "emblem"], engines: ["emblem", "monogram", "wordmark"] },
|
|
150
|
+
{ id: "realestate", name: "Real Estate", keywords: ["realestate", "property", "estate", "housing", "rent", "homes", "realty", "broker", "apartments", "land"], paletteMood: ["luxe", "trust", "calm", "corporate"], fontMood: ["elegant", "modern", "corporate"], shapes: ["rounded", "hexagon", "shield"], layouts: ["icon-left", "icon-top"], engines: ["wordmark", "monogram", "abstract"] },
|
|
151
|
+
{ id: "kids", name: "Kids", keywords: ["kids", "children", "toy", "daycare", "baby", "nursery", "preschool", "playgroup", "cartoon"], paletteMood: ["playful", "friendly", "warm", "beauty"], fontMood: ["kids", "playful", "friendly"], shapes: ["blob", "squircle", "rounded"], layouts: ["icon-top", "icon-left"], engines: ["wordmark", "monogram", "abstract"] }
|
|
105
152
|
];
|
|
106
153
|
|
|
107
154
|
// src/data/keywords.json
|
|
@@ -721,6 +768,82 @@ function suggest(brief) {
|
|
|
721
768
|
return generateLogo(brief).interpreted;
|
|
722
769
|
}
|
|
723
770
|
|
|
724
|
-
|
|
771
|
+
// src/brand.ts
|
|
772
|
+
var FAVICON_SIZES = [16, 32, 48, 64, 180, 192, 512];
|
|
773
|
+
function resize(svg, size) {
|
|
774
|
+
return svg.replace(/width="[^"]*"/, `width="${size}"`).replace(/height="[^"]*"/, `height="${size}"`);
|
|
775
|
+
}
|
|
776
|
+
function generateFavicon(brief, sizes = FAVICON_SIZES) {
|
|
777
|
+
const base = generateLogo(brief);
|
|
778
|
+
const mark = generateLogo({
|
|
779
|
+
...brief,
|
|
780
|
+
seed: base.seed,
|
|
781
|
+
palette: brief.palette ?? base.palette.id,
|
|
782
|
+
engine: base.icon ? "wordmark" : "monogram",
|
|
783
|
+
icon: base.icon,
|
|
784
|
+
shape: brief.shape && brief.shape !== "none" ? brief.shape : "squircle",
|
|
785
|
+
layout: "mark-only",
|
|
786
|
+
background: "gradient",
|
|
787
|
+
size: 512
|
|
788
|
+
});
|
|
789
|
+
const links = `<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
790
|
+
<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png">
|
|
791
|
+
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">`;
|
|
792
|
+
return {
|
|
793
|
+
svg: mark.svg,
|
|
794
|
+
sizes: sizes.map((s) => ({ size: s, svg: resize(mark.svg, s) })),
|
|
795
|
+
links,
|
|
796
|
+
manifestIcons: [192, 512].map((s) => ({ src: `/icon-${s}.png`, sizes: `${s}x${s}`, type: "image/png" }))
|
|
797
|
+
};
|
|
798
|
+
}
|
|
799
|
+
function cssVars(p, f) {
|
|
800
|
+
return [
|
|
801
|
+
":root {",
|
|
802
|
+
` --brand-bg: ${p.bg};`,
|
|
803
|
+
` --brand-surface: ${p.surface};`,
|
|
804
|
+
` --brand-primary: ${p.primary};`,
|
|
805
|
+
` --brand-accent: ${p.accent};`,
|
|
806
|
+
` --brand-on: ${p.on};`,
|
|
807
|
+
` --brand-gradient: linear-gradient(60deg, ${p.from}, ${p.to});`,
|
|
808
|
+
` --brand-font-display: ${f.stack};`,
|
|
809
|
+
"}"
|
|
810
|
+
].join("\n");
|
|
811
|
+
}
|
|
812
|
+
function generateBrandKit(brief) {
|
|
813
|
+
const base = generateLogo({ ...brief, layout: "icon-left" });
|
|
814
|
+
const lock = {
|
|
815
|
+
seed: base.seed,
|
|
816
|
+
palette: brief.palette ?? base.palette.id,
|
|
817
|
+
font: brief.font ?? base.font.id,
|
|
818
|
+
engine: base.engine,
|
|
819
|
+
icon: base.icon,
|
|
820
|
+
shape: base.shape,
|
|
821
|
+
keywords: brief.keywords,
|
|
822
|
+
industry: brief.industry
|
|
823
|
+
};
|
|
824
|
+
const variant = (layout, background2 = "surface") => generateLogo({ ...brief, ...lock, layout, background: background2 });
|
|
825
|
+
return {
|
|
826
|
+
name: base.name,
|
|
827
|
+
primary: variant("icon-left"),
|
|
828
|
+
stacked: variant("icon-top"),
|
|
829
|
+
mark: variant("mark-only", "gradient"),
|
|
830
|
+
wordmark: variant("wordmark-only", "transparent"),
|
|
831
|
+
mono: generateLogo({ ...brief, ...lock, palette: "slate-mono", layout: "icon-left", background: "transparent" }),
|
|
832
|
+
favicon: generateFavicon({ ...brief, ...lock }),
|
|
833
|
+
palette: base.palette,
|
|
834
|
+
font: base.font,
|
|
835
|
+
colors: [
|
|
836
|
+
{ role: "primary", hex: base.palette.primary },
|
|
837
|
+
{ role: "accent", hex: base.palette.accent },
|
|
838
|
+
{ role: "gradient-from", hex: base.palette.from },
|
|
839
|
+
{ role: "gradient-to", hex: base.palette.to },
|
|
840
|
+
{ role: "surface", hex: base.palette.surface },
|
|
841
|
+
{ role: "on", hex: base.palette.on }
|
|
842
|
+
],
|
|
843
|
+
css: cssVars(base.palette, base.font)
|
|
844
|
+
};
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
export { FONTS, ICONS, MOODS, PALETTES, generateBrandKit, generateFavicon, generateLogo, generateLogoSet, initials, suggest, tokenize };
|
|
725
848
|
//# sourceMappingURL=index.js.map
|
|
726
849
|
//# sourceMappingURL=index.js.map
|