Izvor: znak V s vrpcom → cijeli sustav
Veruda Sport radi dvije stvari: turnire koji se čuju do Stoje i udrugu koja ima statut, zapisnike i račune u redu. Brand mora nositi oboje. Zato sve na ovoj stranici dolazi iz jednog znaka: kut krakova, plava vrpca, bijeli rez između njih i kurziv iz natpisa. Ništa ne izmišljamo sa strane.
Do sada smo imali tri smjera (The Grind, Faith Ibiza, ljubičasti Instagram). Ova verzija ih zatvara. Ako se nešto od ovoga mijenja, mijenja se ovdje, pa tek onda na webu i grafikama.
| Pitanje | Odluka | Zašto |
|---|---|---|
| Glavna boja | Plava iz znaka (Veruda #2E398B + Val #4574E9) | Logo je plav, stari web je bio plav, a plava drži više vrsta turnira na okupu (kao Unisport Split). |
| Memorijal „Dane Moravac” | Pod-brend u ljubičastoj (#2B0A72), isti znak i pismo | Ljubičasta je već prepoznatljiva s Instagrama Memorijala; ne bacamo pet godina povijesti. |
| Akcijska boja | Reflektor žuta #F2CA5F | Jedina topla boja: rezultat, glavni gumb, brojke. Već se koristi na IG rezultatima. |
| Pismo | Saira (naslovi, brojke, oznake) + Inter (tekst) | Saira Black Italic je gotovo isto pismo kao natpis „VERUDA SPORT” u logu. Obje su besplatne i imaju č ć đ š ž. |
| Rukopisni font (Faith smjer) | Ne koristimo | Ne dolazi iz znaka i vuče brand prema hotelu, ne prema terenu. |
| Ikone | Phosphor, težina Bold | Besplatne, puno sportskih ikona, debljina linije se slaže sa Sairom. |
| Jezik | Hrvatski; engleski samo za strane ekipe i sponzore | Publika je iz Pule i Istre. |
| Kut | 30° (krak V-a) za oblike, 12° (kurziv) za gumbe i tekst | Izmjereno na znaku: krakovi su 30° od okomice, natpis je kurziv. |
Boje, kut, oblici i pismo izvučeni su iz V-a s vrpcom. Ako element ne možeš pokazati prstom na logu, ne treba nam.
Naslovi, brojke i gumbi nagnuti su naprijed kao natpis u logu. Sve ide prema golu. Duži tekst ostaje uspravan i miran.
U znaku vrpcu od krakova dijeli bijeli rez. Isto radimo svugdje: kad se dvije stvari preklapaju, razdvaja ih rez u boji podloge. Sjene, sjaj i 3D ne postoje.
Tamna Veruda plava nosi, svijetli Val naglašava. Žuta se pali samo za rezultat i glavnu akciju, kao reflektor iznad terena.
Pravi ljudi s Vidikovca: bakljada, publika uz ogradu, roštilj, harmonika poslije finala. Nikad stock fotke ni poziranje bez razloga.
Svaka brojka je provjerena ili je nema. „8.000 € nagradnog fonda” vrijedi samo ako tako piše u izvještaju i na ploči za dodjelu.
1
2
3
4
Primarni znakHeader, favicon, dres, naljepnice, većina primjena. Znak se najčešće koristi sam, bez teksta. brand/veruda-v.svg
Bijeli znakNa Veruda plavoj, Noći i preko zatamnjenih fotki i videa. brand/veruda-v-bijeli.svg
Crni znakCrno-bijeli tisak dokumenata, pečat, gravura. brand/veruda-v-mono.svg
Horizontalni logoDopisi, ponude sponzorima, službeni dokumenti, plakati za nove partnere. Tamo gdje nas još ne znaju. brand/veruda-logo-horizontalni.svg · -bijeli · -crni
Okomiti logoKvadratni formati: majica na leđima, pečat, naslovnica media kita. brand/veruda-logo-okomiti.svg · -bijeli
IkonaAvatar na Instagramu, Facebooku i YouTubeu, ikona web aplikacije. Bijeli znak na Veruda plavoj. brand/veruda-ikona.svg · -1080.png
Slova u horizontalnom i okomitom logu složena su Sairom i pretvorena u krivulje, pa datoteka izgleda isto na svakom računalu. Logo se nikad ne slaže ručno iz fonta.
XXXXX = debljina vrpce. Oko znaka uvijek ostaje prazno barem 1X sa svih strana (oko 15 % širine znaka). U tu zonu ne ulazi tekst, rub ekrana, rub dresa ni tuđi logo.
RastezanjeNi po širini ni po visini.
RotiranjeZnak je već nagnut. Dodatni kut ga lomi.
Druge bojeNi crvena za kartaški, ni žuta za futsal. Boje turnira idu u oznake, ne u znak.
Sjena i efektiBez sjene, sjaja, obruba, gradijenta i 3D.
Dvobojni na plavojVrpca nestaje. Na plavoj podlozi ide bijeli znak.
Na šarenoj fotkiBez tamnog sloja znak se ne vidi. Koristi bijeli znak na zatamnjenoj fotki.
VerudaRučno slaganje tekstaUz znak ne pišemo naziv fontom. Koristi gotove lockupe.
Vrpca kao logoVrpca sama je grafički oblik, nikad zamjena za znak.
Dvije plave i bijela dolaze ravno iz znaka. Noć je Veruda plava spuštena u mrak, za tamne sekcije i večernje utakmice. Žuta je jedina topla boja i zato se ne troši.
Omjer na jednoj stranici ili grafici
Žuta najviše 5 %. Kad sve viče, ništa se ne čuje.
Svaka vrsta turnira ima svoju naglasnu boju. Ona ide samo u oznake, ikone, tanku liniju na kartici i naslovnu traku turnira. Podloga, pismo i znak ostaju plavi, pa sve i dalje izgleda kao Veruda Sport.
Kvadratasti teški kurziv za „VERUDA SPORT”, a široki razmaknuti verzal za „SPORTSKA UDRUGA”. Font loga nije imenovan, pa smo tražili najbliži besplatni.
Saira Black Italic
Saira (Google Fonts, besplatna, OFL) je varijabilno pismo s osima težine, širine i kurziva. Jedna obitelj daje naslove, uske brojke i široki nadnaslov.
Inter je za sav duži tekst, tablice i forme.
Usporedili smo Kanit, Exo 2, Barlow Condensed, Chakra Petch i Bai Jamjuree. Saira ima iste kvadrataste R, P, S i D kao logo.
Memorijalni futsal turnir „Dane Moravac” igra se svakog lipnja na Vidikovcu. Prvi je bio 2022. s 12 ekipa, peti 2026. sa 16 ekipa i nagradnim fondom od 8.000 eura. Tekst je uspravan: kurziv je za viku, a ovo čitamo.
Sportska udruga Veruda Sport · OIB 20672755529 · MBS 18003312 · 52100 Pula
Č Ć Đ Š Ž · čćđšž · Šijana · Đurđevac · Kamenčić
0123456789 · 3:3 (3:1) · 18.–21. 6.
| Element | Mobitel (390 px) | Desktop | CSS |
|---|---|---|---|
| H1 hero | 48 px | 132 px | clamp(48px, 9vw, 132px) |
| H2 sekcija | 40 px | 92 px | clamp(40px, 6.4vw, 92px) |
| H3 blok | 26 px | 38 px | clamp(26px, 3vw, 38px) |
| Rezultat | 64 px | 160 px | Saira 900i, font-stretch 75% |
| Nadnaslov | 12 px | 13–15 px | Saira 600, font-stretch 125%, letter-spacing .3em |
| Tekst | 17 px | 17–21 px (lead) | Inter 400, line-height 1.6 |
Nema dekoracije koja nije iz znaka. Pet oblika pokriva sve: vrpcu, rez, krak, dvije strane vrpce i petlju.
Vidimo se
u lipnju
1 · Vrpca kroz naslovVrpca iz znaka prolazi iza glavnog naslova. Slova imaju rez u boji podloge, pa se čitaju i preko vrpce. Najviše jednom po stranici, u heroju ili na plakatu. Vrpca se skalira jednako po obje osi. brand/veruda-vrpca.svg
2 · RezKad značka, broj ili fotka prelaze preko druge plohe, razdvaja ih rez od 8 px u boji podloge, kao vrpcu od krakova. Nikad sjena. box-shadow: 0 0 0 8px var(--podloga)
3 · KrakParalelogram s ravnim vrhom i bokom pod 30°, kao krak V-a. Za oznake (vrsta turnira, status, „uživo”), broj poglavlja i rezove na rubu fotke. Bok je uvijek s desne strane.
Klikni godinu.
4 · Dvije strane vrpceVrpca je s jedne strane Val, s druge Veruda plava. Isto i u sučelju: aktivno je Val, neaktivno Veruda. Izbornik izdanja, kartice, tabovi.
5 · PetljaVrpca se iscrta linijom pa ispuni. Loader stranice, početak videa, prijelaz na rezultat. Traje do 1,5 s i ne ponavlja se dok korisnik čeka sadržaj.
6 · Kut 12°Gumbi su nagnuti za kut kurziva iz natpisa, ne za 30°: ostaju čitljivi i ne izgledaju kao strelica. Na hover se pomaknu 4 px naprijed.
Pokretna traka u Valu sa znakom između riječi. Riječi su stvarne stvari koje radimo, ne slogani. Jedna traka po stranici.
Žuti samo jedan po ekranu (glavna akcija). Plavi za ostale akcije. Obrubljeni za sporedne. Tekst gumba je glagol: „Prijavi”, „Gledaj”, „Preuzmi”.
Ista kartica na webu i na Instagramu. Pobjednik može biti bijelom bojom, a gubitnik 70 %. Rezultat je uvijek žut.
Memorijal
Lipanj · Vidikovac · 16 ekipa
Na pijesku
[termin] · uskoro
Belot
[termin] · uskoro
PlayStation
[termin] · uskoro
Fotke na odbojci, kartama i EA FC-u su samo za primjer, dok ne snimimo prave turnire.
Zbroj fondova 2022.–2026. (2.654 + 4.000 + 4.000 + 8.000 + 8.000) i ekipa (12 + 12 + 12 + 12 + 16) iz provjerenih podataka u src/data/turnir.ts. Za 2024. iznosi su s ploča za dodjelu (2.500 + 1.000 + 500 €).
Imamo 148 fotki iz pet izdanja, a 2025. i 2026. snimio ih je netko tko zna. To je najjači materijal koji udruga ima. Pravilo je jednostavno: reportaža, ne poziranje, a ekipne fotke samo uz pehar ili ploču.
Izvorna bojaGalerije, stranice izdanja, vijesti. Bez filtera. Samo ispravljen horizont i ekspozicija.
Duotone Noć → ValKad preko fotke ide tekst: hero, plakat, IG najava. Sjene Noć, svjetla Val.
Memorijal: ljubičasta + točkiceSamo grafike Memorijala, kao na dosadašnjem Instagramu. Ne za ostale turnire.
Od 148 fotki samo je 20 okomitih, a 2026. je snimljen samo 4. dan. Za mobitel i Instagram trebamo više okomitih kadrova (vidi popis u 04-stranice-teme-slike.md).
Set Phosphor Icons, težina Bold (besplatan, MIT licenca). Linija je iste debljine kao Saira 600, uglovi zaobljeni. Ikone su jednobojne: bijele na tamnom, Veruda na svijetlom, u boji turnira samo kad označavaju vrstu turnira. Bez emojija i bez miješanja setova.
Veličine: 20 px u tekstu, 32 px na karticama, 48–64 px za vrste turnira. Naziv ikone u kodu: <i class="ph-bold ph-soccer-ball">
Većina posjeta dolazi s Instagrama. Sve se slaže za ekran od 390 px, a desktop je proširenje. Gumb za glavnu akciju je uvijek na dohvat palca.
Najviše 1320 px širine, bočni razmak 4vw (najmanje 16 px), 12 stupaca na desktopu, 4 na mobitelu. Razmaci u koracima od 8 px.
Svijetla i tamna sekcija se izmjenjuju (Kreda → Noć → bijela). Nikad dvije tamne zaredom. Svaka sekcija ima broj u kraku, nadnaslov i naslov.
Naslovnica pokazuje idući turnir s odbrojavanjem. Između turnira pokazuje zadnje finale i poziv za iduće izdanje.
Lijevo bijeli znak, desno izbornik i jedan žuti gumb. Na scrollu dobiva podlogu Noć 94 %. Na mobitelu samo znak i izbornik.
Puni naziv udruge, OIB, MBS, sjedište, e-mail, IBAN, linkovi na dokumente, privatnost i kolačiće. Zakon to ne traži za svaku stavku, ali tako izgleda uredna udruga.
Dva registra, kao u konceptu: glasno za turnire, najave i rezultate, mirno za Memorijal kao uspomenu, sponzore, članove i dokumente. Uvijek „mi” i „ti”, nikad „Vi” i „dionici”.
| Situacija | Ne | Da |
|---|---|---|
| Prijave | Izvršite registraciju Vašeg tima putem obrasca. | Prijavi ekipu. Rok je [datum], mjesta ima 16. |
| Rezultat | Utakmica je završila pobjedom ekipe Domino Maling. | Domino Maling 4:1 MNE Valdebek. Četvrti naslov zaredom. |
| Najava | Pozivamo sve građane na sportsko-zabavni događaj. | Četiri dana futsala na Vidikovcu. Roštilj radi od prve utakmice. |
| Sponzor | Zahvaljujemo dionicima na podršci. | Hvala Malingu što je bio uz nas na 5. Memorijalu. |
| Radna akcija | Udruga je realizirala projekt revitalizacije. | U dva dana smo uredili igralište OŠ Veruda. Hvala svima koji su došli. |
| Kašnjenje | Zbog nepredviđenih okolnosti dolazi do odgode. | Kiša. Finale igramo sutra u 20 h, isti teren. |
Primjeri kako sustav izgleda izvan weba. Isti elementi, ništa novo. Podaci u uglatim zagradama su mjesta za upis.
4. Memorijal Dane Moravac · 2025.
Domino Maling
MNE Valdebek
Instagram · rezultat 4:5Memorijal je ljubičast, rezultat žut, znak bijel.
BelotKartaški turnir
Belot
u parovima
[datum] · [mjesto] · [kotizacija]
Prijavi parInstagram story · najava 9:16Plava podloga, boja turnira samo u oznaci.
ČLANSKA ISKAZNICA
Ime Prezime
2027 Br. 0001
Članska iskaznica 85,6 × 54 mmVeruda plava, vrpca preko ruba, godina članstva velika. Zamjenjuje „testnu” iskaznicu sa starog weba.
5. Memorijalni turnir Dane Moravac
1. mjesto
5.000 €
Ploča za dodjeluVeć je koristimo na svakom finalu (2025. i 2026.). Od sada uvijek ovaj predložak, mijenja se samo boja izdanja.
Znak na prsima lijevo (7–9 cm), okomiti logo na leđima ispod broja. Brojevi Saira 900i, širina 75. Majica izdanja Memorijala u boji izdanja.
Banner 400 × 250 cm (kao dosadašnji glavni): Noć podloga, vrpca preko lijevog ruba, sponzori u bijeloj traci dolje, jednaki razmaci. Logotipi sponzora u bijeloj ili izvornoj verziji, nikad prebojani.
Znak 100 px, ime udruge u Verudi, kontakti, traka „Organizatori Memorijala”. Gotov je u potpis/potpis-mail.html.
Memorijal je glavni događaj udruge i njen pod-brend. Ima isti znak, pismo, oblike i pravila, ali svoju boju i tiši glas. Znak ostaje plav i bijel, nikad ljubičast.
Lockup na svijetlombrand/veruda-memorijal.svg
Lockup na ljubičastojbrand/veruda-memorijal-bijeli.svg
Boje izdanja su izmjerene s fotografija pa su približne. Točne vrijednosti treba uzeti od tiskare majica.
Finale u subotu u 21 h
Raspored, rezultati, ploče, Instagram. Ljubičasta + žuta, kurziv, isti glas kao ostali turniri.
Turnir nosi njegovo ime.
Stranica o Dani Moravcu: uspravna Saira 400, bez kurziva, bez žute, bez trake i animacija. Puno praznog prostora, jedna fotografija. Tekst i fotografiju odobrava obitelj.
| Datoteka | Što je |
|---|---|
| veruda-v.svg | Primarni znak, dvobojni |
| veruda-v-bijeli.svg | Bijeli znak (rez u Veruda plavoj) |
| veruda-v-mono.svg | Crni znak (rez u bijeloj) |
| veruda-v-mali.svg | Znak za 24–47 px, deblji rez |
| veruda-logo-horizontalni.svg · bijeli · crni · PNG | Znak + SPORTSKA UDRUGA / VERUDA SPORT |
| veruda-logo-okomiti.svg · bijeli | Znak iznad, VERUDA SPORT ispod |
| veruda-memorijal.svg · bijeli | Memorijal lockup |
| veruda-ikona.svg · 1080 PNG | Avatar za društvene mreže |
| veruda-vrpca.svg | Vrpca kao grafički oblik (nije logo) |
| Saira · Inter · Phosphor | Pisma i ikone (besplatno, Google Fonts / MIT) |
Za tisak: boje u CMYK i Pantone usklađuju se s tiskarom na probnom otisku. HEX vrijednosti ovdje su izvor istine za ekran.
