@identitate-md/logos

Logo-uri oficiale ale instituțiilor publice din Republica Moldova — Official logos of public institutions from the Republic of Moldova

Instalare

npm install @identitate-md/logos

Utilizare

Via CDN (Recomandat)

Logo-urile sunt disponibile automat prin CDN-uri gratuite:

URL-uri directe

<!-- Guvernul Republicii Moldova -->
<img src="https://identitate.md/logos/md-guvern/horizontal-color.svg" alt="Guvernul Republicii Moldova" />

<!-- Parlamentul Republicii Moldova -->
<img src="https://identitate.md/logos/md-parlament/horizontal-color.svg" alt="Parlamentul Republicii Moldova" />

<!-- Ministerul Justiției -->
<img src="https://identitate.md/logos/md-mj/horizontal-color.svg" alt="Ministerul Justiției" />

jsDelivr

<!-- Versiune specifică (recomandată pentru producție) -->
<img
  src="https://cdn.jsdelivr.net/npm/@identitate-md/[email protected]/logos/md-guvern/horizontal-color.svg"
  alt="Guvernul Republicii Moldova"
/>

<!-- Latest (se actualizează automat) -->
<img
  src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
  alt="Guvernul Republicii Moldova"
/>

unpkg

<img
  src="https://unpkg.com/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
  alt="Guvernul Republicii Moldova"
/>

Via npm Package

// React, Vue, etc.
import logoPath from "@identitate-md/logos/logos/md-guvern/horizontal-color.svg";

function MyComponent() {
  return <img src={logoPath} alt="Guvernul Republicii Moldova" />;
}

// Node.js
import { readFileSync } from "fs";
import { join } from "path";

const logoPath = join(
  process.cwd(),
  "node_modules/@identitate-md/logos/logos/md-guvern/horizontal-color.svg",
);
const logoContent = readFileSync(logoPath, "utf8");

Web Component

Framework-agnostic — funcționează cu React, Vue, Angular, vanilla HTML, etc.

Setup

npm install @identitate-md/logos

// În index.js, main.js, App.js — o singură dată
import "@identitate-md/logos/loader";

Sau direct în HTML:

<script src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/identity-loader.js"></script>

Utilizare

<identity-icon src="https://identitate.md/logos/md-guvern/horizontal-color.svg"></identity-icon>

React

import "@identitate-md/logos/loader";

function InstitutionLogo({ id, layout = "horizontal", variant = "color" }) {
  return (
    <identity-icon
      src={`https://identitate.md/logos/${id}/${layout}-${variant}.svg`}
      className="w-16 h-16"
    />
  );
}

<InstitutionLogo id="md-guvern" />

Vue

<script setup>
import "@identitate-md/logos/loader";
const props = defineProps(["id"]);
</script>

<template>
  <identity-icon
    :src="`https://identitate.md/logos/${id}/horizontal-color.svg`"
    style="width: 64px; height: 64px;"
  />
</template>

Stilizare CSS

identity-icon {
  width: 64px;
  height: 64px;
  color: #003087; /* SVG-urile cu fill:currentColor vor prelua culoarea */
  transition: color 0.3s;
}

identity-icon:hover {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}

Atribute

• src (obligatoriu) — URL-ul SVG
• size (opțional) — shortcut pentru width/height (ex: size="64px")

Metadata

import metadata from "@identitate-md/logos/index.json";

console.log(metadata.institutions);
// [
//   {
//     "id": "md-guvern",
//     "name": "Guvernul Republicii Moldova",
//     "logos": { "horizontal": { "color": "/logos/md-guvern/horizontal-color.svg" } }
//   },
//   ...
// ]

Structură

@identitate-md/logos/
├── logos/
│   ├── md-guvern/
│   │   ├── horizontal-color.svg
│   │   ├── horizontal-white.svg
│   │   ├── symbol-color.svg
│   │   └── symbol-white.svg
│   ├── md-parlament/
│   ├── md-mj/
│   ├── md-mec/
│   └── ... (28 instituții)
├── index.json
├── institutions-index.json
├── identity-loader.js
└── README.md

Formate disponibile

Variante:

• color — versiunea color completă (recomandată)
• white — pentru fundal întunecat
• black — pentru fundal deschis
• monochrome — versiune monocromă
• dark_mode — optimizată pentru dark mode

Layout-uri:

• horizontal — logo complet orizontal
• vertical — logo complet vertical
• symbol — doar simbolul/iconița

Convenție denumire fișiere: {layout}-{variant}.svg

horizontal-color.svg
horizontal-white.svg
symbol-color.svg
symbol-white.svg

Instituții disponibile

| ID | Instituție | |----|-----------| | md-guvern | Guvernul Republicii Moldova | | md-parlament | Parlamentul Republicii Moldova | | md-mj | Ministerul Justiției | | md-mec | Ministerul Educației și Cercetării | | md-mf | Ministerul Finanțelor | | md-ms | Ministerul Sănătății | | md-mae | Ministerul Afacerilor Externe | | md-maia | Ministerul Agriculturii | | md-mmps | Ministerul Muncii și Protecției Sociale | | md-mediu | Ministerul Mediului | | md-mc | Ministerul Culturii | | md-mded | Ministerul Dezvoltării Economice | | md-midr | Ministerul Infrastructurii | | md-mioc | Ministerul de Interne | | md-ministerul-energiei | Ministerul Energiei | | md-mnam | Muzeul Național de Artă | | md-age | Agenția de Guvernare Electronică | | md-ca | Consiliul Audiovizualului | | md-dgcpc | Direcția Generală pentru Copii | | md-stisc | STISC | | md-primaria-chisinau | Primăria Municipiului Chișinău | | md-stema | Stema Republicii Moldova | | md-steag | Steagul Republicii Moldova | | eu-flag | Drapelul Uniunii Europene | | md-bnm | Banca Națională a Moldovei | | md-mia | MIA Plăți Instant |

Pentru lista completă și actualizată: identitate.md

CDN URL Pattern

https://cdn.jsdelivr.net/npm/@identitate-md/logos@{version}/logos/{id}/{layout}-{variant}.svg

Exemple:

# Versiune specifică (recomandată pentru producție)
https://cdn.jsdelivr.net/npm/@identitate-md/[email protected]/logos/md-guvern/horizontal-color.svg

# Latest
https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg

Best Practices

Versiuni fixate în producție

<!-- Bine — versiune fixată -->
<img src="https://cdn.jsdelivr.net/npm/@identitate-md/[email protected]/logos/md-guvern/horizontal-color.svg" />

<!-- Evită în producție — poate schimba -->
<img src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg" />

Lazy loading

<img
  src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
  loading="lazy"
  alt="Guvernul Republicii Moldova"
/>

Fallback

<img
  src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
  onerror="this.src='https://unpkg.com/@identitate-md/logos/logos/md-guvern/horizontal-color.svg'"
  alt="Guvernul Republicii Moldova"
/>

Accesibilitate

<img
  src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
  alt="Logo Guvernul Republicii Moldova"
  role="img"
/>

Licență

MIT License — toate logo-urile sunt proprietatea instituțiilor respective și sunt disponibile în scopuri informative conform ghidurilor de identitate vizuală ale fiecărei instituții.

Contribuții

Parte din proiectul IdentitateMD.

• Website: identitate.md
• GitHub: github.com/identitate-md/identitate-md
• npm: @identitate-md/logos

Made with ❤️ for Moldova