Government of Argentina — A government system built around the components a government actually needs.
Fit guidance has no recorded field-level check date. No readiness audit recorded.
Poncho is the official style and component library for websites and mobile applications of Argentina's national public administration. It is built on Bootstrap, published under MIT, and distributed on npm as ar-poncho.
Maintained in the open by the Argentine government's argob organisation on GitHub, with the documentation site served from the same repository via GitHub Pages.
The identity-bearing decisions, rendered. Names and values are illustrative — refer to the system’s official tokens reference for the canonical, current set.
$brand-arg-primary
Primary — marked "Color principal" in the source
$brand-arg-primary-light
Primary wash
$brand-arg-amarillo
Focus and alert accent
$brand-arandano
Secondary accent
Exactly what ships in argentina-poncho-design.md — plus the same token snapshot restated as CSS custom properties. Copy either, or feed the Markdown straight to an AI coding tool as styling context.
Restated from argob.github.io and argob/poncho, links last checked 2026-09-16. The file lists its sources and method in a provenance block at the top.
# Poncho — Design Style Reference ```yaml # How this file was made. Sources are first-party; nothing here is # read from a rendered page. Full breakdown at source_page below. method: partial confidence: low verified_at: 2026-09-16 source_page: https://www.designsystems.one/design-systems/argentina-poncho sources: - https://argob.github.io/poncho/ - https://github.com/argob/poncho ``` > **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by Government of Argentina. "Poncho" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values. **System:** Poncho **Owner:** Government of Argentina **Official documentation:** https://argob.github.io/poncho/ --- ## Summary A government system built around the components a government actually needs. ## Design tokens (illustrative) | Token | Value | Role | | --- | --- | --- | | `$brand-arg-primary` | `#232D4F` | Primary — marked "Color principal" in the source | | `$brand-arg-primary-light` | `#E3E7ED` | Primary wash | | `$brand-arg-amarillo` | `#E7BA61` | Focus and alert accent | | `$brand-arandano` | `#C2185B` | Secondary accent | ## Origin Poncho is the official style and component library for websites and mobile applications of Argentina's national public administration. It is built on Bootstrap, published under MIT, and distributed on npm as ar-poncho. ## Governance Maintained in the open by the Argentine government's argob organisation on GitHub, with the documentation site served from the same repository via GitHub Pages. ## Known for - Domain components most design systems would never build: an interactive province map, a national holidays component, and an agenda module. - Being genuinely maintained — commits within days of this audit, and a published npm package at 2.0.322. - Betting on Bootstrap rather than a bespoke framework, which is a defensible choice for a public administration with many small teams and long-lived sites. ## Underrated - poncho-map and poncho-map-provinces solve a problem every government portal has and almost none solves consistently. - The accessibility-focused navigation partial (_accesible-nav.scss) sitting inside the map module rather than as an afterthought. ## Watch out for - Bootstrap-based, so you inherit Bootstrap's conventions and constraints along with Poncho's. - Documentation is Spanish-only, and the component set assumes Argentine government context — provinces, national holidays, official branding. ## Components worth studying - **poncho-map-provinces** — Interactive map of Argentine provinces as a first-class component. - **national-holidays** — Public holiday data rendered as a component — a genuine government need. - **poncho-agenda** — Event and schedule listings for institutional sites. ## When to choose Poncho The reference to read if you are building a public-sector system and wondering how far to go with domain-specific components. Not a general-purpose kit, and not intended to be one. ## Apply this style with an AI tool Paste this into your AI coding assistant as a direction, then iterate: > Design in the spirit of Poncho by Government of Argentina — A government system built around the components a government actually needs. Lean into what it's known for: Domain components most design systems would never build: an interactive province map, a national holidays component, and an agenda module. Match the intent, not the pixels; adapt it to my product rather than cloning it. ## Official references - [Poncho docs (Spanish)](https://argob.github.io/poncho/) - [argob/poncho on GitHub](https://github.com/argob/poncho) --- _Generated by [designsystems.one](https://www.designsystems.one/design-systems/argentina-poncho) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
If you’re evaluating this system
The reference to read if you are building a public-sector system and wondering how far to go with domain-specific components. Not a general-purpose kit, and not intended to be one.
Where next
