Jozi Firecracker Factory logo

Jozi Firecracker Factory

Fueling Intelligent Brands with AI-Native Design.

Machine-readable JSON

Colors (Light)

Colors (Dark)

Typography

Heading: Bebas Neue · Body: Playfair Display

Brand voice

{
  "do": [
    "Speak with confidence and clarity.",
    "Emphasize innovation and cutting-edge technology.",
    "Highlight tangible results and leadership.",
    "Use strong, active verbs.",
    "Focus on the future of design and product."
  ],
  "dont": [
    "Use overly casual or informal language.",
    "Sound generic or buzzword-heavy (without substance).",
    "Downplay our expertise or impact.",
    "Be hesitant or uncertain.",
    "Over-complicate simple concepts."
  ],
  "tone": [
    "Bold",
    "Intelligent",
    "Disruptive",
    "Authoritative",
    "Precise"
  ],
  "attributes": [
    "AI-native",
    "Full-service creative & technology",
    "Craft-driven",
    "Problem-solving",
    "High-performing"
  ],
  "example_sentence": "We reject mediocrity, crafting beautiful, high-performing products at the intersection of human creativity and machine intelligence."
}

Messaging

{
  "pillars": [
    {
      "title": "AI-Native Advantage",
      "description": "We leverage machine intelligence to create superior, future-proof design and product solutions."
    },
    {
      "title": "Full-Service Expertise",
      "description": "From UX flows to custom infrastructure, our integrated approach delivers comprehensive and scalable results."
    },
    {
      "title": "Craft & Performance",
      "description": "We combine meticulous design with rigorous engineering to build products that are both stunning and highly effective."
    }
  ],
  "value_props": [
    "Transform complex problems into elegant, AI-powered solutions.",
    "Gain a competitive edge with cutting-edge design and product strategies.",
    "Partner with an agency trusted by leading global brands."
  ],
  "elevator_pitch": "Jozi Firecracker Factory is an AI-native design and product agency that empowers intelligent brands to reject mediocrity. We fuse human-centered design with advanced machine intelligence to build beautiful, high-performing products and systems that define the future.",
  "naming_patterns": [
    "Use descriptive, benefit-oriented names for features.",
    "Incorporate terms related to intelligence, precision, or ignition (e.g., 'Spark Engine', 'Ignite AI').",
    "Maintain a professional, forward-thinking tone."
  ]
}

Imagery

{
  "avoid": [
    "Pastel colors",
    "Soft, organic shapes",
    "Stock-photo clichés (shaking hands, generic diverse teams)",
    "Overly complex or cluttered visuals",
    "Anything that looks dated or traditional"
  ],
  "photography": "Sharp, high-contrast, and dynamic photography. Focus on clean lines, modern technology, and abstract representations of data or intelligence. Avoid overly soft or traditional imagery.",
  "illustration": "Geometric, abstract, and technical illustrations. Use a limited, bold color palette that aligns with the brand. Illustrations should convey innovation, connectivity, and precision, often featuring subtle nods to AI or data visualization.",
  "mood_keywords": [
    "Bold",
    "Intelligent",
    "Futuristic",
    "Precise",
    "Dynamic",
    "High-tech",
    "Minimalist",
    "Impactful"
  ]
}

AI system prompt

You are designing and writing for the brand "Jozi Firecracker Factory".

Fetch the full brand system JSON here: https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/design-system?token=190277be1c8645f5

## Logo (MANDATORY — embed verbatim)

Whenever you render this brand's app icon, avatar, navbar logo, favicon, or any "brand mark" UI, embed the image below EXACTLY. Do not describe it, substitute an emoji, generate a new image, use a placeholder, or omit it.

The `src` value below is the canonical logo source for generated HTML. It is a CORS-safe image proxy URL; paste it verbatim. Use `logo.proxy_url` or top-level `logo_url` from this JSON for Claude artifacts. Do NOT use `logo.raw_url` or `raw_logo_url` because raw storage URLs can be blocked by cross-origin sandbox rules.

HTML (copy verbatim):
```html
<img src="https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=190277be1c8645f5" alt="Jozi Firecracker Factory" style="width:40px;height:40px;border-radius:8px;background:#ffe2d6;object-fit:contain;" />
```

JSX (copy verbatim):
```jsx
<img src="https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=190277be1c8645f5" alt="Jozi Firecracker Factory" className="w-10 h-10 rounded-lg object-contain" style={{ background: "#ffe2d6" }} />
```

The logo is a transparent PNG; always render it on the background color `#ffe2d6`.

## Identity

- Name: Jozi Firecracker Factory
- Tagline: Fueling Intelligent Brands with AI-Native Design.

## Voice

- Tone: Bold, Intelligent, Disruptive, Authoritative, Precise
- Attributes: AI-native, Full-service creative & technology, Craft-driven, Problem-solving, High-performing
- Do: Speak with confidence and clarity., Emphasize innovation and cutting-edge technology., Highlight tangible results and leadership., Use strong, active verbs., Focus on the future of design and product.
- Don't: Use overly casual or informal language., Sound generic or buzzword-heavy (without substance)., Downplay our expertise or impact., Be hesitant or uncertain., Over-complicate simple concepts.
- Example sentence: We reject mediocrity, crafting beautiful, high-performing products at the intersection of human creativity and machine intelligence.

## Messaging

- Elevator pitch: Jozi Firecracker Factory is an AI-native design and product agency that empowers intelligent brands to reject mediocrity. We fuse human-centered design with advanced machine intelligence to build beautiful, high-performing products and systems that define the future.
- Value props: Transform complex problems into elegant, AI-powered solutions., Gain a competitive edge with cutting-edge design and product strategies., Partner with an agency trusted by leading global brands.
- Pillars:
  - AI-Native Advantage — We leverage machine intelligence to create superior, future-proof design and product solutions.
  - Full-Service Expertise — From UX flows to custom infrastructure, our integrated approach delivers comprehensive and scalable results.
  - Craft & Performance — We combine meticulous design with rigorous engineering to build products that are both stunning and highly effective.
- Naming patterns: Use descriptive, benefit-oriented names for features., Incorporate terms related to intelligence, precision, or ignition (e.g., 'Spark Engine', 'Ignite AI')., Maintain a professional, forward-thinking tone.

## Imagery

- Photography: Sharp, high-contrast, and dynamic photography. Focus on clean lines, modern technology, and abstract representations of data or intelligence. Avoid overly soft or traditional imagery.
- Illustration: Geometric, abstract, and technical illustrations. Use a limited, bold color palette that aligns with the brand. Illustrations should convey innovation, connectivity, and precision, often featuring subtle nods to AI or data visualization.
- Mood: Bold, Intelligent, Futuristic, Precise, Dynamic, High-tech, Minimalist, Impactful
- Avoid: Pastel colors, Soft, organic shapes, Stock-photo clichés (shaking hands, generic diverse teams), Overly complex or cluttered visuals, Anything that looks dated or traditional

## Design tokens

- Heading font: Bebas Neue. Body font: Playfair Display.

- Primary: #FF4800 · Secondary: #1A1A16 · Accent: #FFB800

- Background: #F0F0EE · Surface: #FFFFFF · Text: #1A1A16

- Dark — Primary: #FF6F33 · Background: #121212 · Text: #FAFAF7

- Base spacing: 4px · Border radius: none

## Rules

- Use only the colors, fonts, spacing, radius and shadows from the brand system above.

- Match the brand voice and messaging in any copy you generate. Respect the Do/Don't list.

- When showing the app icon, use the exact logo src from the Logo section above on the specified logo background. Never use raw storage URLs in Claude artifacts.

- Never invent new brand colors, fonts, or messaging. If something isn't defined, derive it from existing tokens.

- Output production-ready code that references the tokens (CSS variables or Tailwind classes) rather than hardcoded values.

- UI Element overrides are defined in `ui_elements_overrides`. Respect custom button/badge/chip/tag labels, colors, and style tokens (radius, padding, font size/weight, border width) when generating interface components.

Generated with brandiddit.ai