Brendiranje
Dizajn sistem i vizuelni identitet portala 5. korpusa Armije RBiH
Paleta boja
Boje portala su definisane kroz Tailwind @theme i koriste se isključivo kroz semantičke CSS varijable.
navy-dark #1B2A3C
navy #243447
navy-light #2E4055
gold #C8A84E
gold-light #D4BA6A
gold-dark #B8963C
parchment #F5F2E8
charcoal #1E1E1E
charcoal-light #2A2A2A
Tipografija
| Stil | Font | Primjena |
|---|---|---|
| Naslovi | Barlow Condensed (sans-serif) | Naslovi, hero sekcije, navigacija, dugmad |
| Body | Inter (sans-serif) | Tekst, opisi, sadržaj |
Hero sekcije
Portal koristi 5 tipova hero sekcija, svaka prilagođena vrsti stranice:
1. Operacije - Mapa
Tamna podloga sa stilizovanim topografskim linijama. Zlatni akcenti, statistički podaci u pill badge-ovima.
2. Historija - Hronologija
Svijetla parchment pozadina. Centralna vremenska linija sa godinama 1992, 1994, 1995. Zlatni detalji.
3. Brigade - Split broj
Podijeljen dijagonalno: navy + zlatna. Sa lijeve strane tekst, sa desne ogroman broj (broj brigada).
4. Komandanti - Portret
Tamna charcoal pozadina. Zlatni portret ram sa desne strane. Ime u dva reda: prvo ime bijelo, prezime zlatno.
5. Default - Slika sa overlayom
Pozadinska fotografija sa tamnim overlayom, breadcrumbs, statistikama u providnim karticama.
Principi
- Zlatna (
#C8A84E) je primarni akcent - koristi se za naslove, dugmad, hoverove, dekoracije - Tamno plava (
#1B2A3C) je primarna pozadina - header, footer, dark sekcije - Parchment (
#F5F2E8) je svijetla pozadina - default surface za content - Charcoal (
#1E1E1E) za specijalne tamne sekcije - komandant hero - Sve boje su vezane za CSS varijable - nema hardkodiranih boja u templateima