Dev / QA

Phone Mockup Gallery

Interna stranica za proveru PhoneMockup sistema — izaberite screenshot ispod i pogledajte kako izgleda u svih 13 položaja, svetlom i tamnom režimu. Stranica nije deo glavne navigacije i ne indeksira se.

Screenshot

crmDashboard

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

crmSale

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

dispatchJob

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

dispatchReports

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

dispatchHero

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

dispatchSteps

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

dispatchStepsTwo

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

scanResult

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

shiftDashboard

Front

pose="front"

Ravan prikaz, bez rotacije — čist prikaz ekrana.

<PhoneMockup src={src} pose="front" />

Tilt left

pose="tilt-left"

Blaga rotacija ulevo, mala perspektiva — feature sekcije.

<PhoneMockup src={src} pose="tilt-left" />

Tilt right

pose="tilt-right"

Blaga rotacija udesno, mala perspektiva.

<PhoneMockup src={src} pose="tilt-right" />

Rotate left

pose="rotate-left"

Izraženija 2D rotacija ulevo — dekorativni kadar.

<PhoneMockup src={src} pose="rotate-left" />

Rotate right

pose="rotate-right"

Izraženija 2D rotacija udesno.

<PhoneMockup src={src} pose="rotate-right" />

Perspective left

pose="perspective-left"

Prava 3D perspektiva, leva strana bliža.

<PhoneMockup src={src} pose="perspective-left" />

Perspective right

pose="perspective-right"

Prava 3D perspektiva, desna strana bliža.

<PhoneMockup src={src} pose="perspective-right" />

Floating left

pose="floating-left"

Rotiran ulevo, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-left" />

Floating right

pose="floating-right"

Rotiran udesno, jača senka, podignut i lebdi.

<PhoneMockup src={src} pose="floating-right" />

Hero left

pose="hero-left"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-left" />

Hero right

pose="hero-right"

Komercijalni SaaS kadar, glow, izražena dubina.

<PhoneMockup src={src} pose="hero-right" />

Background left

pose="background-left"

Pogodan za pozadinski kadar, može ići do ivice.

<PhoneMockup src={src} pose="background-left" />

Background right

pose="background-right"

Ista logika kao background-left, sa desne strane.

<PhoneMockup src={src} pose="background-right" />

PhoneMockupGroup (3 telefona)

Više telefona u jednom kadru — centralni je vizuelno dominantan, bočni su manji i rotirani.

PhoneHeroDemo

ASAP Core

Jedna poslovna platforma za prodaju, teren, zaposlene i dokumente.

CRM, Dispatch, Scan i Shift moduli rade zajedno u jednom sistemu.

Fallback stanje

Kada putanja ne odgovara nijednom fajlu, prikazuje se neutralan ekran umesto slomljene ikonice slike.

Screenshot nije dostupan