dnesdoma.sk

Vizuálny jazyk e-shopu, B2B portálu, pokladnice a aplikácie vodiča predajne elektro v Novej Bani. Všetko beží v prehliadači, mobile first, v duchu Apple Human Interface Guidelines: veľa vzduchu, jasná hierarchia, jedna hlavná akcia na obrazovku.

Stav: tretí návrh (30. 10. 2026), 18 komponentov. Obrazovky a doplnky (vodič, tlačoviny) sú na plátne „dnesdoma.sk — obrazovky webu“. Logo Slnko a strecha a paleta podľa erbu Novej Bane (kráľovská modrá + zlatá). Slogan: Všetko pre váš domov na dosah.

Logo a slogan

Značka je strecha so zlatým slnkom: strecha je „doma“, slnko je „dnes“. Názov dnesdoma.sk je súčasť loga na krivkách (Inter 800), nad „o“ má zlatú striešku — v texte sa píše obyčajne, malými písmenami, bez striešky. Pravidlá, varianty a animácia (zladená s jinglom) sú v komponente Logo; súbory SVG v repozitári design/logo/.

Slogan „Všetko pre váš domov na dosah“ sa píše s malým „váš“ (oslovujeme všetkých zákazníkov). Doplnkový slogan do kampaní: „Pre váš domov ešte dnes“.

Princípy

  1. Najprv dostupnosť, potom všetko ostatné. Zákazník v malom meste chce vedieť, či je tovar teraz v Novej Bani. „Skladom v Novej Bani · 3 ks“ je na karte produktu vždy viditeľné, farbou success a slovom.
  2. Jedna hlavná akcia. Na obrazovke je len jedno tlačidlo vo farbe brand (Do košíka, Rezervovať, Zaplatiť). Ostatné sú sekundárne.
  3. Čísla sú obsah. Ceny, rozmery, objemy a otáčky sa píšu so slovenskými zvyklosťami: 459,00 €, 60 × 85 × 55 cm, 1 400 ot./min, 8 kg, medzera ako oddeľovač tisícov, tabular-nums v stĺpcoch.
  4. Pokladnica je nástroj, nie web. Ovláda sa prstom v stoji a v rýchlosti: dotykové plochy tap-pos (64 px), suma pos-total, žiadne malé odkazy.
  5. Farba nikdy nehovorí sama. Stav (skladom, akcia, chyba) má vždy aj slovo alebo ikonu.

Farby

RolaTokenKde
Pozadiebg, surface, surface-2stránka → karty → vnorené polia
Textink, ink-mutedhlavný a druhotný text
Značkabrand, on-brand, brand-tinthlavná akcia, odkazy, výber, focus
Akcia / zľavaaccent, on-accent, accent-tintcenovka v akcii, štítok zľavy, doplnkový predaj
Stavysuccess, warning, dangerskladom / na objednávku / chyba
Zlatá z erbugold, on-goldlen na ploche brand alebo ink: slnko a strieška loga, zvýraznenie na modrej
Energetické triedyenergy-a … energy-glen štítok energetickej triedy, farby podľa EÚ štítka

Pravidlá:

Typografia

Systémové písmo Apple (SF Pro) s náhradou Inter na Windows a Androide — žiadne súbory písma na stiahnutie, rýchle načítanie.

ŠtýlVeľkosťPoužitie
large-title34/41, 700názov kategórie
title-128/34, 700názov produktu
title-222/28, 700nadpis sekcie
price22/28, 700cena
pos-total48/56, 700suma v pokladnici
headline17/22, 600zvýraznený riadok
body17/24, 400bežný text (na mobile nikdy menší)
callout16/21parametre na karte
subhead15/20popisky polí a filtrov
footnote13/18právne poznámky

Rozostupy, zaoblenia, dotykové plochy

Hlas a texty

Ikony

Tenké líniové ikony v štýle SF Symbols (na webe napr. sada Lucide, hrúbka 1,75), farba podľa textu vedľa nich. Ikona nikdy nestojí bez popisu okrem všeobecne známych (košík, hľadať, zavrieť).

Komponenty

Komponenty sú CSS triedy s prefixom dd- v components/bundle.css a pomocné funkcie v window.DnesDoma (formatPrice, discountPercent, energyClass, stockState). Aplikácia v Next.js ich prevezme ako React komponenty s rovnakými názvami a props (components/index.d.ts). Obal stránky má triedu dd-root.

SkupinaKomponentNa čo
ZnačkaLogoznačka Slnko a strecha, logo s názvom, verzia na modrú, animácia
ZnačkaJinglezvukové logo (klavír, 4 údery d–ddd), intro s animáciou loga, noty, WAV
PredajňaShelfLabelštítok na regál 100 × 50 mm s cenou, triedou a QR kódom
AkcieButtonprimárne, sekundárne, textové a pokladničné (64 px) tlačidlo
AkcieFilterChiprýchle filtre nad zoznamom s počtom výsledkov
AkcieSegmentedControlprepínanie 2–4 pohľadov (odber, mriežka / zoznam)
ProduktProductCardkarta v zozname: fotka, štítok, parametre, cena, dostupnosť
ProduktPriceTagbežná, akciová (-N %) a B2B cena
ProduktStockBadgeSkladom v Novej Bani / zajtra / na objednávku
ProduktEnergyLabeltrieda A–G vo farbách štítka EÚ
ProduktCompareTableporovnanie 2–4 produktov rovnakého druhu
PokladnicaPosLineriadok nákupu s EAN, výrobným číslom a počtom kusov
PokladnicaPosTotalsúhrn, suma na zaplatenie, Karta / Hotovosť / QR
PokladnicaReceiptpokladničný doklad eKasa 80 mm: položky, DPH, QR, UID/OKP/PKP
PokladnicaCustomerDisplaydisplej pre zákazníka: nákup, suma, vernostný program, QR platba
ObjednávkaBottomSheetvýber odberu a dopravy, úplné filtre na mobile
ObjednávkaOrderStepperRezervované → Pripravené → Vydané
ObjednávkaOrderEmailtransakčný e-mail a SMS: pripravené na vyzdvihnutie, kód a QR na výdaj

Komponenty so živými ukážkami

LogoJingleCoverButtonFilterChipSegmentedControlProductCardPriceTagStockBadgeEnergyLabelCompareTablePosLinePosTotalReceiptCustomerDisplayShelfLabelBottomSheetOrderStepperOrderEmail

Jingle

Značka · Zvukové logo: klavír, 4 údery d–ddd, a intro s animáciou loga

A3 · A3 · C#4 · A3 — rytmus „d – ddd“

1. úder slnko, 2. a 3. strecha, 4. drží a dokreslí striešku. 1,7 s + dozvuk.

WAV 2,7 s WAV 5 s

Jingle

Zvukové logo dnesdoma.sk: skutočný klavír (nahrávky Yamaha C5), štyri údery v rytme „d – ddd“ (jeden, pauza, tri), tretí úder o veľkú terciu vyššie, posledný drží. Malá ozvena miestnosti, žiadne bicie, žiadne ďalšie nástroje. Dĺžka 1,7 s + dozvuk (súbor 2,4 s). Finál schválený 30. 10. 2026.

Noty a časy (rýchlosť 1,5× oproti pôvodnému zadaniu)

ÚderČasTónDĺžkaObraz
10,000 sA3 (220 Hz)0,28 sslnko vyjde zdola (0–0,30 s)
20,353 sA30,28 sstrecha sa začne kresliť zľava
30,527 sC#4 (277 Hz)0,28 sstrecha prechádza vrcholom, dokreslená do 0,71 s
40,713 sA3drží 1,0 s + dozvuk 0,6 sstrieška nad „o“ sa dokreslí (0,71–1,01 s), logo stojí
  • Tónina A dur, základ A3; vzorec úderov 0 · 0,353 · 0,527 · 0,713 s (pôvodné zadanie 0 · 0,53 · 0,79 · 1,07 s pri 1,0×).
  • Farba: koncertné krídlo Yamaha C5 (nahrávky Salamander Grand Piano), mäkký úder, malá miestnosť (dozvuk ≈ 0,7 s, 8 %).
  • C#4 vzniká z nahrávky C4 posunom o pol tónu; tretí úder je o niečo silnejší, aby vynikol nad doznievajúcim A3.
  • Dlhá verzia 5 s: motív, pauza 0,9 s, motív tichšie ako ozvena.

Súbory

  • audio/jingle.wav — 2,4 s, 44,1 kHz, mono. Pokladnica, aplikácia, web.
  • audio/jingle-5s.wav — 5 s. Reklama, video, telefónna ústredňa.
  • audio/jingle.py — skladá jingel z nahrávok A3 a C4 (Python + numpy); postup a zdroj nahrávok sú v hlavičke skriptu.
  • brand/intro.html — samostatná stránka: logo + jingel naraz, na prehratie majiteľom a do videa.

Kde znie

  • Pokladnica: po úspešnej platbe (hlasitosť 50 %).
  • Aplikácia: pri štarte spolu s animáciou loga, len raz za deň.
  • Reklama, video, ústredňa: dlhá verzia.
  • Nikdy na webe automaticky — prehliadače zvuk bez kliknutia blokujú a zákazníkov ruší.

Kód

DnesDoma.playIntro(logoEl);     // jingel + animácia loga naraz (rovnaké časy ako v tabuľke)
DnesDoma.playJingle();          // len zvuk: prehrá DnesDoma.jingleSrc (/audio/jingle.wav), pri chybe náhrada cez Web Audio
new Audio('audio/jingle.wav').play(); // nahrávka

Licencia nahrávok

Klavír: Salamander Grand Piano, autor Alexander Holm, licencia Creative Commons Attribution 3.0 (zdroj). Pri použití jingla v reklame alebo videu stačí uvedenie autora v tirážke, napr. „Klavír: Salamander Grand Piano, Alexander Holm, CC BY 3.0“.

Cover

dnesdoma.sk

Všetko pre váš domov na dosah.

Button

Akcie · Primárne, sekundárne, textové, pokladničné

Button

Tlačidlo spúšťa jednu akciu a jeho text hovorí presne, čo sa stane.

Varianty

  • dd-btn--primary — jedna hlavná akcia na obrazovke: Do košíka, Rezervovať na predajni, Zaplatiť.
  • dd-btn--secondary — vedľajšia akcia: Porovnať, Pridať do zoznamu.
  • dd-btn--plain — textová akcia v obsahu: Zobraziť parametre, Zmeniť.
  • dd-btn--pos — pokladnica: výška tap-pos (64 px), text 20 px. Spolu s dd-btn--block na celú šírku.

Pravidlá

  • Minimálna výška tap-min (44 px) aj pri malom texte.
  • Text je sloveso + predmet: „Rezervovať na predajni“, nie „OK“ alebo „Pokračovať“.
  • Pri platbe uveďte sumu v texte tlačidla: „Zaplatiť 459,00 €“.
  • Neaktívne tlačidlo vysvetlí prečo vedľajším textom (napr. „Vypredané — dáme vedieť, keď príde“).
  • Focus ring 3 px brand — nikdy ho neskrývať.

Markup

<button class="dd-btn dd-btn--primary">Rezervovať na predajni</button>

FilterChip

Akcie · Filtre v zozname produktov

FilterChip

Čip zapína a vypína jeden filter v zozname produktov a ukazuje, koľko výsledkov ostane.

Použitie

  • Rýchle filtre nad zoznamom (Skladom, Trieda A, Predné plnenie). Úplné filtre podľa parametrov sú v BottomSheet.
  • Zapnutý čip: aria-pressed="true" — pozadie brand-tint, okraj brand, znak ✓ (stav nie je len farbou).
  • dd-chip__count = počet výsledkov po zapnutí; čip s 0 výsledkami sa nezobrazí.

Pravidlá

  • Text čipu je hodnota parametra so zvyklosťami: „Náplň 8 kg+“, „Šírka do 45 cm“, „1 400 ot./min“.
  • „Skladom“ je vždy prvý čip.
  • Výška tap-min, čipy sa zalamujú (dd-chips).

Markup

<div class="dd-chips" role="group" aria-label="Filtre">
  <button class="dd-chip" aria-pressed="true">Skladom <span class="dd-chip__count">24</span></button>
</div>

SegmentedControl

Akcie · Prepínanie pohľadov

SegmentedControl

Prepínač 2–4 rovnocenných pohľadov alebo možností v štýle iOS.

Použitie

  • Spôsob odberu (Osobný odber / Dovoz / Kuriér), zobrazenie zoznamu (Mriežka / Zoznam), B2C / B2B ceny v administrácii.
  • Vybraná položka aria-selected="true" má plochu surface na surface-2 a tučný text.

Pravidlá

  • Najviac 4 položky, krátke texty (1–2 slová). Viac možností → BottomSheet so zoznamom.
  • Nepoužívať na akcie — len na prepínanie stavu.

Markup

<div class="dd-seg" role="tablist">
  <button class="dd-seg__item" role="tab" aria-selected="true">Osobný odber</button>
  <button class="dd-seg__item" role="tab" aria-selected="false">Dovoz</button>
</div>

ProductCard

Produkt · Karta v zozname produktov
foto produktuA

Práčka s predným plnením, 8 kg, invertorový motor

8 kg · 1 400 ot./min · 60 × 85 × 59 cm

479,00 €599,00 €-20 %
Skladom v Novej Bani 3 ks
foto produktuD

Kombinovaná chladnička NoFrost, 185 cm

chladnička 204 l · mraznička 96 l · 185 cm

629,00 €
Na sklade, do predajne zajtra 2 ks

ProductCard

Karta produktu v zozname ukáže na prvý pohľad tri veci: čo to je, koľko to stojí a či je to v Novej Bani.

Poradie obsahu (vždy rovnaké)

  1. Fotka 4 : 3 na surface-2, vľavo dole EnergyLabel (ak ho tovar má).
  2. Názov — značka, model, druh; najviac 2 riadky.
  3. 2–3 kľúčové parametre podľa druhu tovaru (dd-card__params):

- práčka: náplň · otáčky · rozmery - chladnička: objem chladiacej · mraziacej časti · výška - umývačka: počet súprav · šírka · hlučnosť - sporák: typ varnej dosky · objem rúry · šírka

  1. PriceTag.
  2. StockBadge — nikdy nechýba.
  3. Akcie: hlavná (Rezervovať keď je skladom v predajni, inak Do košíka) + Porovnať.

Pravidlá

  • Karta nemá vlastný tieň; shadow-card len pri prechode myšou.
  • Šírka max. 320 px; na mobile 2 karty vedľa seba od 360 px, inak 1.
  • Rozmery vždy v cm a v poradí šírka × výška × hĺbka.

Markup

<article class="dd-card">
  <div class="dd-card__media"><img alt="…"><span class="dd-energy dd-energy--a">A</span></div>
  <h3 class="dd-card__title">…</h3>
  <p class="dd-card__params">8 kg · 1 400 ot./min · 60 × 85 × 59 cm</p>
  <div class="dd-price">…</div>
  <span class="dd-stock dd-stock--in">Skladom v Novej Bani <span class="dd-stock__detail">3 ks</span></span>
  <div class="dd-card__actions">…</div>
</article>

PriceTag

Produkt · Bežná, akciová a B2B cena
459,00 €s DPH a recyklačným poplatkom
479,00 €599,00 €-20 %
373,17 €bez DPH · vaša firemná cena (ZŠ Nová Baňa)

PriceTag

Cena produktu v slovenskom formáte, pri akcii s pôvodnou cenou a percentom zľavy.

Varianty

  • Bežná: dd-price + dd-price__now.
  • Akcia: dd-price--sale — nová cena vo farbe accent, dd-price__old prečiarknutá, dd-price__badge „-20 %“.
  • B2B: cena bez DPH a poznámka „vaša firemná cena“ v dd-price__note.

Pravidlá

  • Formát vždy cez DnesDoma.formatPrice(): 1 249,90 € (čiarka, medzera medzi tisícmi, € za číslom).
  • Percento zľavy cez DnesDoma.discountPercent() — zaokrúhľuje nadol, nikdy nesľúbi viac.
  • B2C ceny sú s DPH; B2B portál ukazuje bez DPH a hovorí to slovom.
  • Akciová farba accent znamená výhodu — nepoužívať pre zvýšenie ceny ani chyby.
  • tabular-nums, aby sa ceny v zozname zarovnali.

Markup

<div class="dd-price dd-price--sale">
  <span class="dd-price__now">479,00 €</span>
  <span class="dd-price__old">599,00 €</span>
  <span class="dd-price__badge">-20 %</span>
</div>

StockBadge

Produkt · Dostupnosť tovaru
Skladom v Novej Bani 3 ks · pripravíme do 2 hodín Na sklade, do predajne zajtra 2 ks Na objednávku dodanie 5–7 dní

StockBadge

Dostupnosť tovaru slovom, farbou a bodkou — najdôležitejšia informácia pre zákazníka z Novej Bane a okolia.

Stavy

ModifikátorTextFarba
dd-stock--inSkladom v Novej Bani · N kssuccess
dd-stock--orderNa sklade, do predajne zajtrawarning
dd-stock--outNa objednávku · dodanie X dnídanger

Stav a texty vráti DnesDoma.stockState(ksNaPredajni, ksVSklade).

Pravidlá

  • Na karte produktu, v detaile, v košíku aj v pokladnici — vždy rovnaký text.
  • Nad 5 ks píšeme „> 5 ks“, presný počet len do 5 (pocit vzácnosti bez klamania).
  • Pri --in pridajte „pripravíme do 2 hodín“, ak je možný osobný odber.
  • Nikdy len farba bez textu.

Markup

<span class="dd-stock dd-stock--in">Skladom v Novej Bani <span class="dd-stock__detail">3 ks</span></span>

EnergyLabel

Produkt · Energetická trieda podľa štítka EÚ
A B C D E F G

EnergyLabel

Štítok energetickej triedy A–G v tvare šípky a vo farbách podľa energetického štítka EÚ.

Použitie

  • Na fotke v ProductCard (vľavo dole), v detaile produktu vedľa ceny, v CompareTable, na cenovke v predajni.
  • Trieda dd-energy--a … --g; triedu vráti DnesDoma.energyClass("B").
  • V detaile produktu je štítok odkazom na plný štítok EÚ a produktový list (povinné zobraziť pri predaji na diaľku).

Pravidlá

  • Farby energy-a … energy-g sa nepoužívajú nikde inde.
  • Písmeno je vždy tučné, on-energy-dark; aria-label="Energetická trieda A".
  • Ak tovar triedu nemá (napr. audio), štítok sa nezobrazuje — žiadna prázdna šípka.

Markup

<a href="/stitok/123.pdf" class="dd-energy dd-energy--a" aria-label="Energetická trieda A, energetický štítok">A</a>

CompareTable

Produkt · Porovnanie podobného tovaru
ParameterPráčka 8 kgPráčka 9 kgÚzka práčka 7 kg
Cena479,00 €549,00 €429,00 €
Energetická triedaAAB
Náplň8 kg9 kg7 kg
Otáčky1 400 ot./min1 400 ot./min1 200 ot./min
Motorinvertorovýinvertorovýklasický
Rozmery (š × v × h)60 × 85 × 59 cm60 × 85 × 63 cm60 × 85 × 45 cm
DostupnosťSkladomZajtraSkladom

CompareTable

Porovnanie 2–4 produktov rovnakého druhu podľa parametrov, s prvým stĺpcom pevne na mieste pri posúvaní.

Použitie

  • Zákazník pridá produkty tlačidlom Porovnať na ProductCard; porovnávať sa dá len rovnaký druh (práčka s práčkou).
  • Riadky = sada parametrov daného druhu z katalógu (napr. práčka: náplň, otáčky, motor, rozmery, energetická trieda).
  • tr.is-diff zvýrazní riadky, kde sa produkty líšia (prepínač „Len rozdiely“).
  • td.is-best označí najlepšiu hodnotu slovom „najlepšie“ — nie len farbou.

Pravidlá

  • Na mobile sa tabuľka posúva vodorovne v dd-compare-wrap, prvý stĺpec ostáva.
  • Hodnoty s jednotkami a slovenským formátom, tabular-nums.
  • „Najlepšie“ len tam, kde je to jednoznačné (nižšia cena, vyššia náplň); pri rozmeroch len podľa filtra zákazníka (napr. hĺbka do 45 cm).

Markup

<div class="dd-compare-wrap">
  <table class="dd-compare">
    <thead><tr><th scope="col">Parameter</th><th scope="col">Produkt A</th>…</tr></thead>
    <tbody><tr class="is-diff"><th scope="row">Náplň</th><td>8 kg</td><td class="is-best">9 kg</td></tr></tbody>
  </table>
</div>

PosLine

Pokladnica · Položky na účtenke
Práčka s predným plnením 8 kgEAN 4242005312345 · v. č. FD2410 0123 · akcia -20 % 1 479,00 €
Batérie AA alkalické, 4 ksEAN 5000394123456 2 9,98 €
Vynáška a zapojenie práčkyslužba 1 25,00 €

PosLine

Riadok nákupu v pokladnici: tovar alebo služba, počet kusov a suma, ovládané prstom.

Použitie

  • Každé pípnutie čítačkou pridá riadok alebo zvýši počet existujúceho.
  • dd-pos-line__meta: EAN, výrobné číslo spotrebiča (kvôli záruke), uplatnená akcia (is-discount, farba accent).
  • Ťuknutie vyberie riadok (aria-selected="true", brand-tint) — potom sa dá zmeniť cena, zľava alebo zmazať.
  • Služby (doprava, vynáška, zapojenie, predĺžená záruka) sú bežné riadky s textom „služba“.

Pravidlá

  • Výška riadku aspoň tap-pos (64 px), tlačidlá − / + 48 × 48 px.
  • Suma vpravo, tabular-nums, aby sa stĺpec zarovnal.
  • Pri spotrebiči bez zadaného výrobného čísla pokladnica nepustí platbu (pripomenie to slovom).

Markup

<div class="dd-pos-list" role="listbox">
  <div class="dd-pos-line" role="option" aria-selected="false">
    <span class="dd-pos-line__name">Názov<span class="dd-pos-line__meta">EAN …</span></span>
    <span class="dd-qty"><button aria-label="Menej">−</button><output>1</output><button aria-label="Viac">+</button></span>
    <span class="dd-pos-line__total">479,00 €</span>
  </div>
</div>

PosTotal

Pokladnica · Súhrn a platba
Medzisúčet633,98 €
Akcia -20 % na práčku−120,00 €
z toho DPH 23 %96,11 €
Na zaplatenie 513,98 €

PosTotal

Súhrn nákupu v pokladnici s veľkou sumou na zaplatenie a tromi spôsobmi platby.

Použitie

  • Vpravo vedľa zoznamu PosLine (tablet na šírku), na mobile pod ním.
  • Riadky: medzisúčet, zľavy (is-discount, farba accent), DPH podľa sadzieb; potom suma štýlom pos-total (48 px).
  • Platba: Karta (hlavná, pošle sumu na terminál), Hotovosť, QR (QR platba na displeji — spĺňa povinnosť bezhotovostnej platby).
  • Rovnaká suma sa zobrazuje na displeji pre zákazníka.

Pravidlá

  • Suma vždy cez DnesDoma.formatPrice().
  • Po zaplatení sa panel zmení na potvrdenie: „Zaplatené · bloček sa tlačí“ (success) a stav eKasy; ak eKasa čaká, warning so slovom „Odosiela sa do eKasy“.
  • Tlačidlá platby majú výšku tap-pos, nikdy nie sú vedľa tlačidla Zrušiť nákup.

Markup

<section class="dd-pos-total">
  <div class="dd-pos-total__rows">…</div>
  <div class="dd-pos-total__sum"><span class="dd-pos-total__label">Na zaplatenie</span><span class="dd-pos-total__amount">513,98 €</span></div>
  <div class="dd-pos-total__pay">…</div>
</section>

Receipt

Pokladnica · Pokladničný doklad eKasa, 80 mm

dnesdoma.sk

Elektro a domácnosť · Nová Baňa
OC Hoťapo, Nová Baňa
IČO 00 000 000 · IČ DPH SK0000000000

POKLADNIČNÝ DOKLAD č. 2026/1-000412
30. 10. 2026 14:34 · Pokladnica 1 · Katka

Práčka predné plnenie 8 kg599,00

  v. č. WX2026-04471 · DPH 23 %

  Akcia −20 %−120,00

Hadica Aquastop 1,5 m19,90

Toner čierny 2 500 str. 3 × 5,0315,08

Recyklačný poplatokv cene

Základ DPH 23 %417,87

DPH 23 %96,11

SPOLU513,98 €

Platobná karta513,98

Zákazník: Peter Novák · body +51 (spolu 371)
Vernostná úroveň: Strieborná · 3 %

UID: O-A1B2C3D4E5F6
OKP: 1a2b3c4d-5e6f-7a8b-9c0d
PKP: a9b8c7d6e5f4
Kód pokladnice 88812345678900001
Overte doklad: ekasa.financnasprava.sk

Ďakujeme. Všetko pre váš domov na dosah.

Reklamácie a servis: dnesdoma.sk/servis · +421 45 000 000

Receipt

Pokladničný doklad z eKasy na 80 mm papier (termotlačiareň cez cloud). Monospace písmo, jednofarebné logo, QR kód dokladu a údaje podľa zákona 384/2025 Z. z.

Čo na ňom je

  1. Logo (mono) a názov, adresa predajne, IČO, IČ DPH.
  2. Číslo dokladu, dátum a čas, pokladnica, predavač.
  3. Položky s výrobným číslom pri spotrebičoch, zľavy ako samostatné riadky, recyklačný poplatok.
  4. Základ a DPH po sadzbách, SPOLU veľkým písmom, spôsob platby.
  5. Vernostné body a úroveň zákazníka.
  6. QR kód dokladu, UID, OKP, PKP, kód pokladnice, odkaz na overenie na portáli FS.
  7. Poďakovanie so sloganom a kontakt na servis.

Pravidlá

  • Šírka 80 mm (≈ 302 px pri 96 dpi), písmo 12 px / 16 px, sumy zarovnané vpravo.
  • Bezhotovostná možnosť: QR kód na platbu je na displeji pre zákazníka (CustomerDisplay), na doklade je QR dokladu.
  • Pri paragóne (výpadok) sa tlačí ten istý vzor bez eKasa údajov a s textom „PARAGÓN — doklad bude doplnený do 10 dní“.

CustomerDisplay

Pokladnica · Displej pre zákazníka pri pokladnici, 800 × 480

dnesdoma.sk

Váš nákup · Pokladnica 1

Práčka s predným plnením, 8 kg479,00 €

Prívodná hadica Aquastop, 1,5 m19,90 €

Toner čierny, 2 500 strán · 3 ks15,08 €

Akcia −20 % na práčku−120,00 €

Na zaplatenie

513,98 €

Dobrý deň, Peter

Strieborná úroveň · 320 bodov
Za tento nákup získate +51 bodov

Zaplatiť mobilom
naskenujte QR kód

alebo kartou na termináli

CustomerDisplay

Druhá obrazovka pri pokladnici otočená k zákazníkovi (800 × 480 px alebo tablet). Ukazuje nákup v reálnom čase, sumu, pozdrav podľa vernostného programu a QR kód na platbu mobilom (bezhotovostná možnosť povinná od 1. 5. 2026).

Pravidlá

  • Plocha brand, text on-brand, zľavy a zvýraznenia gold; suma pos-total alebo väčšia (56 px), čitateľná z 1 m.
  • Položky v poradí skenovania, posledná pridaná sa zvýrazní na 2 s.
  • Meno zákazníka sa ukáže až po načítaní vernostnej karty; bez karty je vpravo výzva „Máte vernostnú kartu?“.
  • Po zaplatení: logo s animáciou a jingel (DnesDoma.playIntro), potom „Ďakujeme“ na 5 s.
  • Nikdy reklama na cudzie produkty; len vlastné akcie a doplnkový predaj.

ShelfLabel

Predajňa · Štítok na regál 100 × 50 mm: bežný a akciový
Práčky

Práčka s predným plnením, 8 kg, invertorový motor

8 kg · 1 400 ot./min · 60 × 85 × 59 cm

479,00 €599,00 €Akcia -20 %
AEAN 8590000000001 · 10234
s DPH a RP · 30. 10. 2026
Chladničky

Kombinovaná chladnička NoFrost, 185 cm

chladnička 204 l · mraznička 96 l · 185 cm

629,00 €
DEAN 8590000000002 · 10871
s DPH a RP · 30. 10. 2026

ShelfLabel

Štítok na regál v predajni: 100 × 50 mm, tlač z pokladnice alebo zo skladu na samolepiaci papier (A4 = 2 × 5 štítkov) alebo na štítkovú tlačiareň.

Čo na ňom je (zhora nadol, zľava doprava)

  1. Názov produktu — max. 2 riadky, headline, značka a model.
  2. Parametre — 2–3 kľúčové podľa druhu: „8 kg · 1 400 ot./min · 60 × 85 × 59 cm“.
  3. Cena veľká (price, 28 pt na papieri), pri akcii pôvodná cena prečiarknutá a štítok -N % v accent. Vždy s DPH a recyklačným poplatkom.
  4. Energetická trieda vo farbe EÚ štítka (EnergyLabel), povinná pri spotrebičoch.
  5. QR kód na stránku produktu na webe — zákazník si prečíta recenzie, rozmery, rezervuje druhý kus. Vedľa text „Viac na webe“.
  6. EAN a kód tovaru drobným písmom (footnote) pre predavača a inventúru.
  7. Dátum tlače — po zmene ceny sa štítok vymení; starý dátum = zlá cena.

Pravidlá

  • Cena je najväčší prvok, musí byť čitateľná z 1,5 m: min. 28 pt.
  • Tlač čiernobielo aj farebne: značka ako čierna strecha so slnkom (dd-logo--mono), energetická trieda má aj písmeno, akcia má aj slovo „Akcia“.
  • Zákonné: cena za jednotku pri drobnom tovare (€/kg, €/l, €/ks) v footnote.
  • Pri výpredaji vzorky z predajne: „Vystavený kus, zľava N %“ namiesto parametrov.

Markup

<div class="dd-shelf dd-shelf--sale">
  <div class="dd-shelf__head"><span class="dd-logo dd-logo--mark dd-logo--mono">…</span><span class="dd-shelf__cat">Práčky</span></div>
  <h3 class="dd-shelf__title">Práčka s predným plnením, 8 kg</h3>
  <p class="dd-shelf__params">8 kg · 1 400 ot./min · 60 × 85 × 59 cm</p>
  <div class="dd-shelf__price"><span class="dd-price__now">479,00 €</span><span class="dd-price__old">599,00 €</span><span class="dd-price__badge">Akcia -20 %</span></div>
  <div class="dd-shelf__foot"><span class="dd-energy dd-energy--a">A</span><span class="dd-shelf__meta">EAN 8590000000001 · 10234 · 30. 10. 2026</span><span class="dd-shelf__qr" aria-label="QR kód na stránku produktu"></span></div>
</div>

BottomSheet

Objednávka · Výber spôsobu odberu na mobile

BottomSheet

Spodný panel na mobile pre jednu voľbu alebo nastavenie bez opustenia stránky.

Použitie

  • Výber spôsobu odberu a dopravy, úplné filtre podľa parametrov, výber vernostnej odmeny.
  • Obsah: úchyt (dd-sheet__grabber), nadpis otázkou, možnosti dd-option (rádio), jedno hlavné tlačidlo.
  • Na desktope sa ten istý obsah zobrazí ako dialóg v strede.

Pravidlá

  • Nadpis je otázka: „Ako chcete tovar prevziať?“.
  • Osobný odber je vždy prvý a „zadarmo“ (is-free, farba success) — podporuje ROPO.
  • Pri dovoze uveďte najbližšie časové okno („dnes 17:00–20:00“), pri kuriérovi počet dní.
  • Ceny dopravy cez DnesDoma.formatPrice(); zadarmo slovom, nie „0,00 €“.
  • Zatvára sa potiahnutím nadol, ťuknutím mimo a klávesom Esc.

Markup

<div class="dd-sheet" role="dialog" aria-labelledby="t">
  <span class="dd-sheet__grabber"></span>
  <h2 class="dd-sheet__title" id="t">Ako chcete tovar prevziať?</h2>
  <label class="dd-option"><input type="radio" name="odber" checked> … <span class="dd-option__price is-free">zadarmo</span></label>
  <button class="dd-btn dd-btn--primary dd-btn--block">Pokračovať</button>
</div>

OrderStepper

Objednávka · Rezervované → Pripravené → Vydané
  1. Rezervovanépo 20:32
  2. Pripravené na predajniut 8:20
  3. Vydanéčaká na vás

OrderStepper

Stav objednávky v krokoch, aby zákazník aj predavač videli, kde je a čo nasleduje.

Kroky podľa spôsobu odberu

  • Osobný odber: Rezervované → Pripravené na predajni → Vydané
  • Dovoz naším autom: Objednané → Naplánované (časové okno) → Na ceste → Doručené
  • Kuriér: Objednané → Odoslané (číslo zásielky) → Doručené

Použitie

  • Stránka objednávky, e-mail a SMS odkaz, zoznam objednávok v back-office, výdaj na pokladni.
  • --ex-steps = počet krokov (3 alebo 4); is-done, is-current + aria-current="step".

Pravidlá

  • Hotový krok má ✓, aktuálny číslo a prstenec brand-tint, budúci sivé číslo — stav nie je len farbou.
  • Čas pri každom kroku (deň skratkou + čas), pri budúcom kroku čo sa očakáva („čaká na vás“, „dnes 17–20 h“).

Markup

<ol class="dd-steps" style="--ex-steps:3">
  <li class="dd-step is-done"><span class="dd-step__dot">✓</span><span class="dd-step__label">Rezervované</span><span class="dd-step__time">po 20:32</span></li>
  <li class="dd-step is-current" aria-current="step">…</li>
  <li class="dd-step">…</li>
</ol>

OrderEmail

Objednávka · E-mail: objednávka pripravená na vyzdvihnutie, 600 px

dnesdoma.sk

Objednávka 26-004412

Pripravené na vyzdvihnutie

Dobrý deň, pani Mária, vaša práčka je už v predajni.

Objednali ste o 10:12, pripravili sme ju o 11:05. Vyzdvihnúť si ju môžete dnes do 18:00 alebo v sobotu do 12:00.

Kód na výdaj — ukážte pri pulte

4412

alebo naskenujte QR kód

Práčka s predným plnením, 8 kg

479,00 €

Prívodná hadica Aquastop, 1,5 m

19,90 €

Zaplatené kartou498,90 €

Kde: dnesdoma.sk, OC Hoťapo, Nová Baňa · Po–Pia 8–18, So 8–12

Veľký kus? Pomôžeme naložiť do auta. Alebo vám ju dovezieme a zapojíme ešte dnes: Objednať dovoz za 9,90 €

Zobraziť objednávku

Tento e-mail sme poslali, lebo ste si objednali na dnesdoma.sk. Otázky: +421 45 000 000 · info@dnesdoma.sk · Všetko pre váš domov na dosah.

OrderEmail

Transakčný e-mail (600 px, tabuľkový layout v produkcii) pre stavy objednávky: prijatá → pripravená na vyzdvihnutie → vydaná / doručená. Ukážka je stav „pripravené“.

Čo v ňom je

  1. Hlavička brand s logom a číslom objednávky.
  2. Stav farbou a slovom (success pre pripravené), oslovenie menom, čas objednania a prípravy, dokedy vyzdvihnúť.
  3. Kód na výdaj (4 číslice, pos-total) a QR kód; predavač naskenuje alebo zadá kód.
  4. Položky s cenou, spôsob platby a suma.
  5. Kde a kedy, ponuka dovozu pre veľké kusy, jedno hlavné tlačidlo.
  6. Pätička: prečo e-mail prišiel, kontakt, slogan.

Pravidlá

  • Jeden e-mail = jedna správa a jedno hlavné tlačidlo. Žiadne newslettery v transakčnom e-maile.
  • Rovnaký obsah ide aj ako SMS: „dnesdoma.sk: objednávka 26-004412 je pripravená, kód 4412, dnes do 18:00.“
  • Vykáme, meno v oslovení, žiadne „Vážený zákazník“.