{
  "name": "Dominicana Tech Week",
  "version": "alpha",
  "website": "https://dominicanatechweek.do/",
  "colors": {
    "primary": "#15375f",
    "primary-pink": "#ff2587",
    "ink": "#000000",
    "background": "#f0ebe0",
    "surface": "#ffffff",
    "text": "#000000",
    "text-muted": "#555555",
    "on-primary": "#ffffff",
    "border": "#ddd5c6",
    "sky": "#29b5f2",
    "sky-support": "#5380d6",
    "green": "#1ec760",
    "green-support": "#a8e92f",
    "sponsor": "#fdc845",
    "sponsor-support": "#f8862e",
    "violet": "#5d4fa6",
    "violet-support": "#a487ea",
    "teal": "#207f8e"
  },
  "logo": {
    "color": {
      "src": "assets/logo-color.png",
      "background": "{colors.background}",
      "usage": "Primary lockup — cream and light surfaces",
      "url": "https://design-systems.venture.do/dominicana-techweek/assets/logo-color.png"
    },
    "negative": {
      "src": "assets/logo-negative.png",
      "background": "{colors.primary}",
      "usage": "Pink icon + white wordmark — navy and black surfaces",
      "url": "https://design-systems.venture.do/dominicana-techweek/assets/logo-negative.png"
    },
    "black": {
      "src": "assets/logo-black.png",
      "background": "{colors.background}",
      "usage": "Mono ink lockup — single-color print and stamps",
      "url": "https://design-systems.venture.do/dominicana-techweek/assets/logo-black.png"
    },
    "white": {
      "src": "assets/logo-white.png",
      "background": "{colors.ink}",
      "usage": "Mono reversed — black surfaces and photography",
      "url": "https://design-systems.venture.do/dominicana-techweek/assets/logo-white.png"
    }
  },
  "typography": {
    "h1": {
      "fontFamily": "Outfit",
      "fontSize": "72px",
      "fontWeight": "800",
      "textTransform": "uppercase",
      "letterSpacing": "0.01em"
    },
    "h2": {
      "fontFamily": "Outfit",
      "fontSize": "48px",
      "fontWeight": "800",
      "textTransform": "uppercase",
      "letterSpacing": "0.01em"
    },
    "h3": {
      "fontFamily": "Outfit",
      "fontSize": "30px",
      "fontWeight": "700",
      "textTransform": "uppercase"
    },
    "h4": {
      "fontFamily": "Outfit",
      "fontSize": "20px",
      "fontWeight": "700",
      "textTransform": "uppercase"
    },
    "body-md": {
      "fontFamily": "Outfit",
      "fontSize": "16px",
      "fontWeight": "400"
    },
    "body-sm": {
      "fontFamily": "Outfit",
      "fontSize": "14px",
      "fontWeight": "400"
    },
    "label": {
      "fontFamily": "Outfit",
      "fontSize": "12px",
      "fontWeight": "700",
      "textTransform": "uppercase",
      "letterSpacing": "0.08em"
    },
    "code": {
      "fontFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
      "fontSize": "14px",
      "fontWeight": "400"
    }
  },
  "rounded": {
    "sm": "4px",
    "md": "8px",
    "lg": "16px",
    "full": "9999px"
  },
  "spacing": {
    "xs": "4px",
    "sm": "8px",
    "md": "16px",
    "lg": "24px",
    "xl": "48px"
  },
  "components": {
    "button-primary": {
      "backgroundColor": "{colors.primary-pink}",
      "textColor": "{colors.on-primary}",
      "typography": "{typography.label}",
      "rounded": "{rounded.md}",
      "padding": "12px 32px"
    },
    "button-secondary": {
      "backgroundColor": "transparent",
      "textColor": "{colors.ink}",
      "typography": "{typography.label}",
      "rounded": "{rounded.md}",
      "padding": "12px 32px"
    },
    "card": {
      "backgroundColor": "{colors.surface}",
      "textColor": "{colors.ink}",
      "rounded": "{rounded.md}",
      "padding": "{spacing.lg}"
    },
    "nav": {
      "backgroundColor": "{colors.primary}",
      "textColor": "{colors.on-primary}",
      "typography": "{typography.label}"
    },
    "sponsor-tag": {
      "backgroundColor": "{colors.sponsor}",
      "textColor": "{colors.ink}",
      "typography": "{typography.label}",
      "rounded": "{rounded.sm}",
      "padding": "6px 12px"
    }
  },
  "overview": "Dominicana Tech Week (dominicanatechweek.do) is a loud, festival-energy event brand that is deliberately all over the place: one geometric \"A\" mark, one typeface, and a wide set of sanctioned color modes that let every piece of collateral look different while staying unmistakably DTW. The two true primaries are deep navy (#15375f) and hot pink (#ff2587) — used together, including blue/pink compositions where pink type and marks sit on the navy field. Black is the text color and the second background, cream is the default ground. Everything is set in Outfit — heavy, uppercase, geometric — matching the logo's constructed letterforms.",
  "guidelines": {
    "dos": [
      "Do use the full-name lockups (color on cream, negative on navy) for all official and first-touch material — the icon alone is for secondary applications.",
      "Do vary the sanctioned color modes aggressively across a campaign; sameness is off-brand, the system is designed to be remixed.",
      "Do keep yellow (+ orange support) exclusively for sponsor/patrocinios items — it's the one mode with a fixed meaning.",
      "Do set all display type in Outfit 800 uppercase; the heavy geometric voice is the brand's typographic signature."
    ],
    "donts": [
      "Don't invent icon/background color combinations outside the sanctioned modes — secondary pairs stay paired with their own support color.",
      "Don't recreate the wordmark by typesetting it in Outfit — the lockup is custom lettering and ships only as an asset.",
      "Don't use pink and navy at less than full saturation, as tints, or with transparency — colors are flat and full-strength everywhere.",
      "Don't put the color lockup on navy, black, or photography — use the negative or white versions there."
    ]
  },
  "sections": {
    "overview": "Dominicana Tech Week ([dominicanatechweek.do](https://dominicanatechweek.do/)) is a loud, festival-energy event brand that is *deliberately* all over the place: one geometric \"A\" mark, one typeface, and a wide set of sanctioned color modes that let every piece of collateral look different while staying unmistakably DTW. The two true primaries are deep navy (#15375f) and hot pink (#ff2587) — used together, including blue/pink compositions where pink type and marks sit on the navy field. Black is the text color and the second background, cream is the default ground. Everything is set in Outfit — heavy, uppercase, geometric — matching the logo's constructed letterforms.",
    "logo": "Assets stored in `assets/`:\n\n| File | Description | Usage |\n|------|-------------|-------|\n| `assets/logo-color.png` | Pink icon + black wordmark (horizontal) | Primary — cream/light surfaces |\n| `assets/logo-negative.png` | Pink icon + white wordmark | Navy and black surfaces |\n| `assets/logo-black.png` | All-ink mono lockup | Single-color print, stamps |\n| `assets/logo-white.png` | All-white mono lockup | Black surfaces, photography |\n\n**Usage rules:**\n\n- The two **main lockups** are the ones carrying the full \"Dominicana Techweek\" name (boards 18 and 20): pink icon + black wordmark on cream, and pink icon + white wordmark on navy. Use them for all official, first-touch, and partner-facing material.\n- The icon-only \"A\" mark is for secondary applications — avatars, favicons, patterns, and the color-mode tiles described below. Never icon-only on official comms.\n- Minimum display width: 140px for the full lockup.\n- Always maintain the original aspect ratio; never recolor outside the sanctioned modes; no effects.\n- Clear space: at least the height of the \"A\" icon's inner notch on all four sides.\n- # TODO: export the icon-only mark and the stacked lockups (boards 18/20) from Jaime's source file and add them to `assets/`.",
    "colors": "Two **co-primary** colors lead every layout — pink is not an accent, it carries equal weight:\n\n- **primary (#15375f)** — deep navy. Dominant field for hero surfaces, save-the-dates, and the navy main lockup.\n- **primary-pink (#ff2587)** — hot pink. The icon's color and the loudest signal in the system; CTAs, headline highlights, and full pink fields. Navy + pink together (pink type/marks on the navy field) is a signature composition.\n\nSupporting neutrals:\n\n- **ink (#000000)** — black. Technically the text color, but also a relevant brand color in its own right: it is the **second background** (after cream) and the mono lockup color.\n- **background (#f0ebe0)** — warm cream. Default page/poster ground.\n- **surface (#ffffff)** — white. Cards and panels on cream.\n- **text / text-muted / border** — ink for copy, mid-grey for secondary copy, warm grey for hairlines.\n\nSecondary palette — five pairs, each a main color with its **support color** for icon/accent work within the same tile:\n\n| Pair | Main | Support |\n|------|------|---------|\n| Sky | `sky #29b5f2` | `sky-support #5380d6` |\n| Green | `green #1ec760` | `green-support #a8e92f` |\n| **Sponsor (Patrocinios)** | `sponsor #fdc845` | `sponsor-support #f8862e` |\n| Violet | `violet #5d4fa6` | `violet-support #a487ea` |\n| Teal | `teal #207f8e` | (pairs with navy icon) |\n\n**The yellow pair is reserved**: `sponsor` + `sponsor-support` are used for **all sponsor/patrocinios items** and nothing else. The sky, green, and violet pairs (plus teal) are free for all other applications — sessions, tracks, social, merch.",
    "typography": "Everything is **[Outfit](https://fonts.google.com/specimen/Outfit)** — a geometric sans that matches the logo's constructed letterforms. Headlines are ExtraBold (800) uppercase, echoing the \"SAVE THE DATE\" poster treatment; UI labels are Bold (700) uppercase with wide tracking; body copy is Regular (400) sentence case. The wordmark itself is custom lettering — never typeset \"Dominicana Techweek\" in Outfit as a logo substitute.",
    "layout": "4-based spacing scale. Posters and social lead with oversized type filling the frame edge-to-edge; digital surfaces use conventional container gutters (20–24px). Generous negative space around the logo, dense type stacks elsewhere — the contrast is the look.",
    "shapes": "Base radius 8px for UI (buttons, cards). The brand's print/social language is sharp and geometric — radius is a screen affordance, not a brand trait. Pill (`full`) only for tags/chips.",
    "components": "- **button-primary** — pink on white text, Outfit label uppercase. The single CTA style.\n- **button-secondary** — transparent with ink text (use on-primary white text on navy/ink fields).\n- **card** — white surface on the cream ground, ink text.\n- **nav** — navy bar, white Outfit uppercase labels.\n- **sponsor-tag** — the yellow chip. Sponsor/patrocinios items only.",
    "color-modes": "The boards define sanctioned **icon color modes** (tiles 11–20) — combinations of the \"A\" mark and a background. This is how the brand stays \"all over the place\" without breaking:\n\n- **Primary modes**: pink icon on navy; white icon on pink; pink icon on cream (the main lockups' modes).\n- **Secondary modes**: each secondary pair renders the icon in its support color on the main color (e.g. lime icon on green, lavender icon on violet, orange icon on yellow) — or tone-on-tone within the pair.\n- **Sponsor mode**: orange icon on yellow — sponsor materials only.\n- Black/white mono modes follow the mono lockups.\n\nPick any sanctioned mode per piece; vary them aggressively across a campaign.",
    "dos-and-donts": "- **Do** use the full-name lockups (color on cream, negative on navy) for all official and first-touch material — the icon alone is for secondary applications.\n- **Do** vary the sanctioned color modes aggressively across a campaign; sameness is off-brand, the system is designed to be remixed.\n- **Do** keep yellow (+ orange support) exclusively for sponsor/patrocinios items — it's the one mode with a fixed meaning.\n- **Do** set all display type in Outfit 800 uppercase; the heavy geometric voice is the brand's typographic signature.\n- **Don't** invent icon/background color combinations outside the sanctioned modes — secondary pairs stay paired with their own support color.\n- **Don't** recreate the wordmark by typesetting it in Outfit — the lockup is custom lettering and ships only as an asset.\n- **Don't** use pink and navy at less than full saturation, as tints, or with transparency — colors are flat and full-strength everywhere.\n- **Don't** put the color lockup on navy, black, or photography — use the negative or white versions there.",
    "roadmap": "Captured from Jaime's brand boards. Outstanding work:\n\n- Export the icon-only mark and the stacked lockups (boards 18/20) from Jaime's source file.\n- Confirm the navy / cream / secondary hexes against the source file (pink and black are exact).\n- Add and confirm a brand tagline."
  }
}