Explore
Semantic Tokenizer
The bridge between human language — domain + personality adjectives — and machine-interpretable design parameters. Each domain anchors the color temperature, while adjectives apply delta shifts within Tribar's harmony envelope.
How It Works
Input { domain: "industrial", personality: ["precision", "technical"] }
{
colorTemperature: "cool",
hueAnchor: 220,
saturationRange: [0.10, 0.30],
contrastProfile: "high",
spacingDensity: "compact",
cornerProfile: "sharp",
motionProfile: "precise",
typographyPersonality: "geometric",
primaryLightnessAnchor: 46
}Domains — 7
Industrial
- ID
- industrial
- Hue Anchor
- 220°
- Color Temp
- cool
Wellness
- ID
- wellness
- Hue Anchor
- 40°
- Color Temp
- warm
Mobility
- ID
- mobility
- Hue Anchor
- 215°
- Color Temp
- neutral-cool
Professional Services
- ID
- professional-services
- Hue Anchor
- 225°
- Color Temp
- cool
Creative
- ID
- creative
- Hue Anchor
- 320°
- Color Temp
- warm
Education
- ID
- education
- Hue Anchor
- 200°
- Color Temp
- warm-neutral
Environment / Agriculture
- ID
- environment
- Hue Anchor
- 140°
- Color Temp
- natural
Personality Adjectives — 10
Each adjective applies delta shifts to the base domain parameters. Multiple adjectives are combined by averaging their deltas, weighted by confidence scores.
| Adjective | Weight | Description |
|---|---|---|
| precision | 1 | Clean, sharp, controlled — reduces noise, increases contrast |
| calm | 1 | Quiet, spacious, gentle — desaturates, softens, opens up spacing |
| warm | 1 | Inviting, approachable, friendly — shifts hue toward orange, softens |
| energetic | 1 | Vibrant, dynamic, spirited — boosts saturation, adds bounce to motion |
| technical | 1 | Functional, precise, no-nonsense — tight spacing, sharp corners, fast motion |
| playful | 0.9 | Fun, expressive, surprising — saturated colors, round corners, spring animations |
| luxurious | 0.8 | Premium, refined, rich — desaturated but deep, generous spacing, slow fades |
| bold | 0.9 | Confident, strong, assertive — high saturation and contrast, fast and sharp |
| minimal | 0.9 | Clean, sparse, essential — very desaturated, sharp corners, subtle motion |
| organic | 0.8 | Natural, flowing, grounded — shifts toward green, soft corners, flowing motion |
Personality Delta Shifts
Each adjective shifts hue, saturation, lightness, spacing, corner radius, and motion parameters by specific deltas. These are applied on top of the domain anchor values.
| Adjective | Hue Shift | Saturation | Lightness | Spacing | Radius | Motion |
|---|---|---|---|---|---|---|
| precision | None | −10% | +5% contrast | Compact | Sharp 2–4px | Quick 150–200ms |
| calm | None | −15% | +10% lighter | Generous | Soft 8–16px | Slow 300–500ms |
| warm | +20° | +5% | +5% lighter | Medium | Soft–Med 6–12px | Medium 200–300ms |
| energetic | −10° | +20% | +10% lighter | Compact | Med 4–8px | Fast 100–200ms |
| technical | None | −5% | None | Compact | Sharp–Med 2–6px | Quick, linear |
| playful | +30° | +25% | +10% lighter | Generous | Round 12–24px | Bouncy, spring |
| luxury | None | −20% | −15% darker | Generous | Soft 8–12px | Slow, smooth fade |
| bold | None | +10% | +15% contrast | Medium | Sharp–Med | Quick, confident |
| minimal | None | −25% | +5% lighter | Generous | Sharp 0–4px | Subtle, fade |
| organic | −30° | +5% | +5% lighter | Variable | Soft 8–20px | Flowing, spring |
| naive | +10° | +15% | +5% lighter | Irregular ±2px | Wobbly 4–12px | Playful stagger |
| editorial | None | −15% | +10% contrast | Generous + asym | Sharp–Mixed | Confident reveals |
| brutalist | None | +20% | +20% contrast | Tight | Sharp 0–2px | Abrupt, no easing |
| maximalist | +45° | +35% | Variable high | Tight–Variable | Mixed | Fast, chaotic |
| tactile | −15° | −10% | −5% warm dark | Medium | Soft 6–10px | Slow, heavy |