Sadržaj panela klizi sa desne ivice i vraća se istim putem (Esc ili klik izvan).
Dugme pokreće radnju. Jedno primarno dugme po ekranu ili dijalogu; sve ostalo je sekundarno, soft ili ghost.
Varijante
Veličine (xs 28 · sm 32 · md 36 · lg 40 · xl 44 · 2xl 48)
Stanja
Grupa dugmadi i segmentirana kontrola biraju jednu od 2 do 5 ravnopravnih opcija.
Link vodi na drugo mjesto; dugme pokreće radnju. Ne miješati.
Polje = oznaka + kontrola + pomoć ili greška. Svaki unos ide kroz ovaj omotač.
Polje za unos teksta, broja, lozinke i višeredni unos.
Izbor jedne vrijednosti iz liste do oko 15 stavki. Za duže liste koristi pretraživi combobox (isti izgled, polje sa ikonom search).
Checkbox bira više stavki, Radio jednu od 2-5, Switch pali i gasi postavku sa trenutnim efektom.
Checkbox
Radio
Switch
Polje za pretragu sa ikonom lijevo i prečicom desno.
Brojčani birač količine: minus, vrijednost, plus.
Bedž označava status, kategoriju ili broj. Mali, tih, uvijek čitljiv.
Status (uvijek sa riječju)
Oznake na proizvodu i brojači
Tag prikazuje primijenjeni filter ili oznaku koju korisnik može ukloniti; Chip je dugme-filter koje se pali i gasi.
Prikaz cijene sa starom cijenom i napomenom.
Kartica grupiše povezan sadržaj na izdignutoj površini.
Podiže se 2 px na hover, dobija shadow-sm.
Accent ivica 2 px.
Za isticanje jedne poruke.
Kartica proizvoda u Ultra Shopu: slika 3:4, brend, naziv, cijena, dostupnost.
Stat kartica (KPI) prikazuje jednu brojku sa oznakom, promjenom i kontekstom.
Tabela je glavni prikaz podataka u ERP-u, Time-u i admin dijelu shopa.
| Datum | Status | Osnovica | PDV | Ukupno | ||||
|---|---|---|---|---|---|---|---|---|
| IF-2026-0418 | Alfa servis d.o.o. | 07.11.2026. | Proknjižen | 4.200,00 | 714,00 | 4.914,00 | ||
| IF-2026-0417 | Brennenstuhl BiH | 07.11.2026. | Potvrđen | 12.880,50 | 2.189,69 | 15.070,19 | ||
| IF-2026-0416 | Energetics Sport | 06.11.2026. | Nacrt | 980,00 | 166,60 | 1.146,60 | ||
| IF-2026-0415 | Lenovo Adriatic | 05.11.2026. | Storno | 3.300,00 | 561,00 | 3.861,00 | ||
| Ukupno (4 dokumenta) | 21.360,50 | 3.631,29 | 24.991,79 | |||||
Paginacija lista rezultata po stranicama.
Lista ključ-vrijednost prikazuje svojstva jednog zapisa (partner, dokument, zaposleni).
Vremenska linija prikazuje historiju dokumenta ili narudžbe hronološki.
Avatar predstavlja osobu ili firmu inicijalima ili slikom.
Progres traka pokazuje udio ili napredak; spinner pokazuje čekanje bez poznatog trajanja.
Akordeon otvara i zatvara sekcije sadržaja: česta pitanja na webu, napredne postavke u ERP formama, grupe stavki na mobilnom.
Gornja traka: u aplikaciji nosi naslov stranice i globalne radnje, na webu i u shopu logotip, navigaciju i nalog.
Sidebar je glavna navigacija aplikacija (ERP, Time, Work, Shop admin). Svijetao u obje teme (surface-raised), nikad navy.
Tabovi dijele jedan zapis ili listu na poglede; URL prati aktivni tab.
Breadcrumbs pokazuju gdje je korisnik u hijerarhiji kategorija ili modula.
Koraci prikazuju napredak kroz višestepeni proces (kupovina, registracija firme, uvoz podataka).
Padajući meni nudi radnje nad jednim objektom ili prečice iz top bara.
Lockup je jedini dozvoljeni način da se napiše naziv proizvoda uz logotip: Ultra logo + tanka linija + naziv kao tekst.
Alert je trajna poruka u toku sadržaja: rezultat radnje, upozorenje o stanju ili informacija koja ostaje dok je korisnik ne zatvori.
Toast je kratka poruka koja potvrđuje radnju i nestaje sama.
Tooltip objašnjava ikonu ili skraćeni podatak pri zadržavanju miša ili fokusu.
Prazno stanje objašnjava zašto nema sadržaja i šta korisnik može uraditi.
Skeleton drži raspored dok se sadržaj učitava prvi put.
Dijalog traži odluku ili kratak unos i blokira ostatak ekrana.
Bočni panel (sheet) prikazuje sekundarni sadržaj bez napuštanja stranice: mini korpa, detalji reda, filteri, mobilni meni.
Hero otvara web stranicu: navy ploha sa poljem linija i sjajem koji prati pokazivač, nadnaslov, naslov sa jednom naglašenom riječi, uvod, dvije radnje i mockup u prozoru.
Razvijamo poslovni softver, web shop platforme i rješenja po mjeri za firme iz BiH, Srbije i Hrvatske.
Prozor je okvir za mockupe i snimke ekrana na webu, slajdovima i u dokumentaciji.
Stakleni panel (glassmorphism) leži preko hero plohe, slike ili mockupa i pušta pozadinu da se nazire.
Zaglavlje sekcije na webu i u dokumentima: nadnaslov, naslov, uvod.
Modularno, pregledno i spremno za buduće potrebe: ERP, web shop, evidencija radnog vremena i terenski nalozi.
Feature kartica predstavlja proizvod ili uslugu na webu: ikona, naslov, dvije rečenice, link.
Dokumenti, roba, partneri, finansije i PDV evidencije na jednom mjestu, za firme i knjigovođe koji ih vode.
Upoznajte Ultra ERPWeb shop povezan sa poslovanjem: katalog, ugovorene cijene za firme, odobrenje narudžbi.
Upoznajte Ultra ShopRadni nalozi i terenske intervencije: od prijave do PDF izvještaja, i bez interneta.
Upoznajte Ultra WorkCTA traka zatvara stranicu ili sekciju jednim pozivom na radnju.
Zakažite 30-minutne konsultacije. Pokazaćemo vam ERP i shop na vašim podacima.
Pokretna traka proizvoda ili partnera na webu.
Poslovni dokument za PDF i štampu (ponuda, faktura, otpremnica, izvještaj): A4, Inter 10,5 pt, Manrope za naslov.
| # | Šifra | Naziv | Kol. | Cijena | Rabat | Iznos |
|---|---|---|---|---|---|---|
| 1 | BL1850B | Makita baterija BL1850B 18V 5 Ah | 4 kom | 139,00 | 10 % | 500,40 |
| 2 | DHP486Z | Makita aku bušilica DHP486Z, bez baterije | 2 kom | 289,00 | 10 % | 520,20 |
| 3 | OD132-CRN | Jakna softshell unisex G32, crna, M | 6 kom | 124,70 | - | 748,20 |
Slajd 16:9 za prezentacije (Claude Slides, PowerPoint, Keynote): naslovni navy slajd i svijetli slajd sa sadržajem.
Transakcijska i marketinška e-pošta: 600 px, bijela, logo gore, jedna radnja.
Narudžba #10482 je zaprimljena. Čim je skladište pripremi, javljamo vam broj za praćenje pošiljke.
Isporuka na: Industrijska zona bb, 78000 Banja Luka · Plaćanje: virman po predračunu.
Grafikoni u aplikacijama, izvještajima i prezentacijama koriste chart-1 do chart-6 redom, mrežu chart-grid i Inter tabularne cifre.
Pokret u ULTRA sistemu je kratak, miran i funkcionalan: pokazuje odakle nešto dolazi i potvrđuje radnju. Ništa ne poskakuje, ne pulsira i ne leti bez razloga.
Otkrivanje pri skrolu, gladak skrol na sidra i označavanje aktivne sekcije u navigaciji (scrollspy).
Tri kartice ulaze redom sa 60 ms razmaka kad uđu u ekran, samo prvi put.
Integracije, razvoj po mjeri, IT oprema i podrška.
[telefon] · [e-pošta] · Banja Luka