Visual Branding Kit

KitZ High-End Brand Board

Open this page as your visual reference before creating ads, landing pages, onboarding screens, social posts, and email assets. The same palette, logo marks, and typography should be reused across all AI and design tools.

Primary logoBlack speech bubble + white K
ModeLight only
CornersSquare (0 radius), except avatars
Primary CTA#1A1A1A with #FDFBF6 text

0) Para herramientas de IA

Archivos de especificaciones de marca listos para Claude, GPT, Cursor, Figma Tokens, y Tailwind.

kitz-brand.tokens.json

W3C Design Tokens — colores, tipografia, escala, reglas

Descargar

kitz-brand.css

CSS custom properties --kz-* y clases utilitarias

Descargar

kitz-brand.tailwind.js

Tailwind CSS preset con colores, fuentes, y radios

Descargar

kitz-brand.md

Referencia Markdown para Claude, GPT, y Cursor

Descargar

llms.txt

Archivo de descubrimiento para agentes de IA

Descargar

kitz-brand-kit.zip

Paquete completo con todos los archivos y assets

Disponible pronto

1) Prompt pack (ChatGPT · Claude · Canva)

Copy these blocks into AI tools as a disciplined workflow. You get: a clean brand handoff, a strict style contract, and a quick rule check before any publish decision.

1) Define task context (who it's for, goal, channel).
2) Paste one prompt, then the required output fields.
3) Replace placeholders only inside brackets.
4) Return final copy + JSON/JSON-like audit.

ChatGPT prompt

Use this before every campaign brief, landing rewrite, or long-form content.

You are a senior brand strategist for KitZ.
Context: https://kitz.services/branding/index.html
Rules:
- Use warm LATAM Spanish, neutral and direct.
- Keep light mode style, 0px radius, palette only from this brand kit.
- Never mention "KitZ OS" or invent business data.
Task: [insert job]
Output:
1) Final copy
2) Brand rule audit (pass/fail)
3) 3 headline alternatives
4) Recommended next step

Claude prompt

Use this when you need a JSON-ready brief before requesting a visual draft.

Actúa como copiloto de branding de KitZ.
Context de negocio: [adjunta brief].
Objetivo: convertir el texto en activos listos para WhatsApp, email y landing.
Obliga:
- Solo colores de KitZ.
- Sin emojis en mensajes de negocio.
- CTA con un único paso claro.
Entrega en formato JSON:
{
  "headline": "...",
  "body": "...",
  "cta": "...",
  "rule_check": { "palette_ok": true|false, "tone_ok": true|false }
}

Canva prompt

Use this for social posts, ads, and campaign visuals.

Create one campaign visual in KitZ style.
Style: premium editorial, warm neutrals, clean borders, high contrast.
Assets: use kitz-logo-black.svg for primary and kitz-wordmark.svg as watermark.
Copy:
- Headline: [headline]
- Body: [body]
- CTA: [cta]
Do not use gradients beyond warm paper tones, round corners, or custom icon libraries.

Use these approved exports for docs, web, social, and product screens.

KitZ black mark
kitz-logo-black.svg
Descargar SVG
KitZ white mark
kitz-logo-white.svg
Descargar SVG
KitZ gold mark
kitz-logo-gold.svg
Descargar SVG
KitZ favicon
kitz-favicon.svg
Descargar SVG

PNG Exports

KitZ 192px
192 x 192 (PWA icon)
Descargar PNG
KitZ 512px
512 x 512 (PWA splash)
Descargar PNG
KitZ 1024px
1024 x 1024 (High-res)
Descargar PNG
KitZ horizontal lockup
KitZ vertical lockup
KitZ wordmark

Impresión en camiseta

Marca los siguientes recursos como impresión principal: vector + contraste alto y márgenes de seguridad.

KitZ black vector mark for printing
Single-color, dark background garment
Descargar SVG
KitZ white vector mark for printing
Single-color, light/white garment
Descargar SVG
KitZ gold vector mark for printing
Accent color for premium runs
Descargar SVG
Recommended size 80mm minimum width for pocket/chest prints; 180mm max for frontal placement.
Color setup Convert to CMYK before production, preserve 1-2mm safe margin around marks.
Placement Center-chest and upper-left chest are safest; avoid busy backgrounds and low-contrast pairings.
File format Send SVG source with a separate PDF fallback for the print vendor.

Composición para camiseta deportiva

Logo + tagline + sitio web — diseñado para impresión frontal o posterior en prendas deportivas.

KitZ t-shirt print composition with logo, tagline, and website
kitz-tshirt-print.svg
Descargar SVG

Para producción de prendas usa kitz-logo-black.svg y kitz-logo-white.svg como opción base, kitz-tshirt-print.svg para composición completa con tagline, y kitz-lockup-horizontal.svg solo para front-center.

3) Color profile

--kz-bone #F9F6EF

Page background and large surface

--kz-paper #F2EEE4

Cards, form backgrounds

--kz-paper-2 #ECE7DA

Hover and active surfaces

--kz-rule #D9D2BF

Borders, separators, line art

--kz-gold #A68B5B

Links, highlights, CTA accents

Do not usecool blues, random gray ladders, and neon colors
Status accents#25D366 WhatsApp, #A14B3C error, #B8884B warning

4) Typography and tone

Heading system

Tu operación, más ágil con IA.

Mensaje elegante y enfocado al negocio

JetBrains Mono keeps button and UI language crisp and professional.

Scale guide

  • h1: 26px / 400-500 (serif)
  • body: 13.5px / 400 (mono)
  • button: 11px / 500 uppercase
  • legal: 10px / 400 mono
No serif leaks into body text blocks unless intentional.
Recommended voice for AI outputs: neutral LATAM Spanish, warm-direct, no emojis in professional material.

5) Component previews

Buttons

Primary Secondary Ghost

Only uppercase, narrow letter spacing, and zero rounded corners.

Cards

Elevated card
Flat surface card
Hover state

Email structure

  • Branded header (mark + wordmark)
  • gold divider line (2px)
  • Serif greeting + monospaced body
  • Primary and secondary CTA blocks
  • No border radius

Use highend-email-template.html as the canonical base.

6) Social media scene

Quick visual examples to keep campaign assets aligned.

7) Export package checklist

Files in this kit

  • kitz-brand.tokens.json
  • kitz-brand.css
  • kitz-brand.tailwind.js
  • kitz-brand.md
  • llms.txt
  • visual-branding-kit.html + .css
  • assets/*.svg and exports/*.png

Use this before publishing

  • Run rule audit (fonts, palette, spacing, corners)
  • Verify CTA contrast and border states
  • Check that all copy is Spanish-first where needed
  • Check spelling of KitZ naming and product claims
Recommendation: export static pages as PDF and PNG from this file for sales decks and brand decks.
Visual branding kit generated for the KitZ brand system