Prototip i pavarurNuk është faqe zyrtare e Qeverisë së Shqipërisë. Përmbajtja është ilustruese.

Republika e Shqipërisë
e-Albania

Arkitektura e markës

Çfarë ndajnë të gjithë — dhe çfarë mund të ndryshojnë

Sistemi ruan një gramatikë të përbashkët qeveritare, ndërsa i lë çdo institucioni hapësirën për identitetin e vet. Kufiri mes tyre është i qartë dhe i dokumentuar.

E detyrueshme

E përbashkët për çdo faqe qeveritare.

  • Identiteti shtetëror/institucional sipas klasës së institucionit
  • Tipografia dhe shkalla e tekstit
  • Paleta e ngjyrave dhe e kuqja shtetërore
  • Aksesueshmëria (WCAG 2.2 AA)

Fleksibël

Zgjedhje të kontrolluara për çdo institucion.

  • Emri dhe titulli i institucionit
  • Theksi i zgjedhur (një ngjyrë)
  • Përzgjedhja e moduleve të ballinës
  • Arkitektura e informacionit sipas produktit

Ky është vetëm një shembull. Rregullat e plota: Qeverisja

Themelet

Ngjyra

E kuqja është nënshkrimi i shtetit, përdorur si theks funksional. Ndërfaqja mbetet e bardhë, gri e qetë dhe e zezë e butë.

Qeveri dhe neutrale

Government red

#D0202A

Red (text)

#A4141C

Ink 900

#141922

Ink 700

#384150

Ink 500

#6A7382

Paper

#F5F6F8

Surface

#FFFFFF

Line

#E3E6EB

Semantike

Success

#1F7D43

Warning

#A86500

Error

#BD2A25

Info

#176395

Focus

#FFCF24

Thekse institucionale (një për institucion)

Infrastructure

#15629E

Justice

#9C2740

Procurement

#0F766E

Education

#A15B12

Environment

#18794B

Consultation

#6B4A86

Municipality

#1A6D8F

Tipografia

Lexend për titujt, Source Sans 3 për tekstin. Të dyja mbulojnë plotësisht shkronjat shqipe (ë, ç) dhe janë ndërtuar për lexim të gjatë.

Shërbime publike · Aa Ëë ÇçDisplay · 52–92px · 700 · Lexend
Shërbime publike · Aa Ëë ÇçHeading 1 · 34–48px · 700 · Lexend
Shërbime publike · Aa Ëë ÇçHeading 2 · 26–34px · 700 · Lexend
Shërbime publike · Aa Ëë ÇçHeading 3 · 22–26px · 600 · Lexend
Shërbime publike · Aa Ëë ÇçLead · 19px · 400 · Source Sans
Shërbime publike · Aa Ëë ÇçBody · 17px · 400 · Source Sans
Shërbime publike · Aa Ëë ÇçSmall · 15px · 400 · Source Sans
Shërbime publike · Aa Ëë ÇçMeta · 13px · 500 · Source Sans

Butonat dhe etiketat

EtiketëTheksVijëQeveri

Të gjithë komponentët

Gjendjet dhe sjellja

Sistemi trajton gjendjet dhe përgjegjshmërinë si pjesë të vetë komponentit.

Gjendjet e komponentëve

Çdo komponent interaktiv mbulon një grup të plotë gjendjesh. Gjendjet e ndërveprimit (hover, focus, active) provohen drejtpërdrejt; të tjerat shfaqen këtu.

State vocabulary
defaulthoverfocusactiveselecteddisabledloadingemptyerrorsuccess

Fjalori i gjendjeve që zbaton sistemi.

Button

hover / focus / active provohen me miun dhe tastierën.

TextField
Loading (Skeleton)

Përdoret në vend të një rrotulluesi për liste dhe karta.

Loading — SkeletonCard
Empty

Asnjë rezultat

Provoni fjalë të tjera kërkimi ose hiqni filtra.

Error
Success

Kërkesa u dërgua

Do të merrni një konfirmim me email.

REF-2026-004182

Sjellja përgjegjëse

KomponentiDesktopCelular
NavigimiMenu horizontale + dropdownSirtar i plotë (drawer)
Tabela / prokurimeKolona të plotaRrëshqet horizontalisht në enë
FiltraShirit anësorSirtar filtrimi
GrafikëtTë plotë me boshteRiorganizohen / thjeshtohen
Formë shumë-hapësheHapa horizontalëHapa vertikalë