WiFi.ee disainisüsteem.

Ühine disainikeel WiFi otsijale, kataloogi haldajale ja koha pidajale. Tutvu rakendustega telefonides, tahvelarvutites, kellades, arvutiakendes, brauseripaneelides ning kiirliitumise pindadel, kasutades igale seadmele ja ülesandele sobivaid mustreid.

11 tootepinda · lähtekoodi ülevaade ja kasutuselevõtu juhised · 23.10.2026 · Inglise ja eesti keel

Praegused tootepaletid ja platvormi mustrid on kirjeldatud lähtekoodi põhjal. Ühised semantilised lepped on kasutuselevõtu juhised. Allalaaditav 14. oktoobri juhend jääb versiooniks 1.0.0-draft. Selle ülevaate avaldamine ei muuda natiivseid rakendusi ega tõenda seadmete sertifitseerimist.

Üks pere, erinevad inimesed ja seadmed

Süsteem hõlmab kohtade leidmist, välitöid, koha haldamist ja kiiret ühendamist. Iga toode säilitab oma ülesandele ja platvormile sobivad juhtelemendid ning tiheduse. Allolev loend pärineb 23. oktoobril 2026 kontrollitud vaikeharude lähtekoodist.

Siin on talletatud lähtekoodi tõendid ja seadistatud seadmete sihtplatvormid. Poelevi, edukas natiivne ehitus ja kontroll päris seadmel on eraldi etapid. Mõõdud kasutavad platvormi paigutusühikuid, veebis CSS-i px/rem-ühikuid ja trükis millimeetreid.

Toote näidis

Näidise palett

WiFi.ee Consumer

Näidiskohvik

Lahtiolekuajad teadmata

WiFi kiirus mõõtmata

Vaata kohta

Lähedal · Kaart · Salvestatud

WiFi.ee Consumer · Skeemiline näidis väljamõeldud andmetega, mitte töötav rakendus ega seadme kuvatõmmis. Võimalusel kasutatakse talletatud paletti; natiivseid semantilisi värve näidatakse selle lehe teemaga. Natiivset paigutust ja käitumist tuleb kontrollida rakenduses.

Külastajad, kaastöölised ja haldajad

WiFi.ee Web

Telefoni, tahvelarvuti ja arvuti brauserid

Leia kohti, loe üksikasju, liitu võrguga ja halda kataloogi veebi töölaual.

Navigeerimine ja sisend: Kohanduv saidimenüü, kataloogi loend ja kaart, detaililehed ning sisselogitud töölaud.
Välimus: Hele ja tume veebiteema; Tailwindi tegevusvärvide viited.

bg #f8fafcfg #0f172a

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Süsteemne sans-kiri; ühised 14px poolpaksus kirjas nupud.
Ruum ja kuju: 72rem sisuraam; pillikujulised nupud; kohanduv sisu ja keritavad andmetabelid.
Vastuvõtukontrollid · vajalikud: Kontrolli klaviatuuri, suumi, sisu ümberpaigutust, fookust ja brauseri ekraanilugejaid.

Kontrollitud versioon: 1b0c2610ba17

Inimesed, kes otsivad ühenduskohta

WiFi.ee Consumer

iPhone, iPad, Androidi telefonid ja kohanduvad tahvelarvutivaated

Leia lähedal WiFi, uuri kaarti, salvesta kohti ja loe liikvel olles ühenduse teavet.

Navigeerimine ja sisend: Natiivsed vahekaardid ja paremalt avanev menüü; tahvelarvuti laiuses püsiv parem külgriba.
Välimus: Sinine ja hallikassinine hele/tume palett; rakenduses hele, tume või süsteemne eelistus. Natiivne rakenduse seadistus määrab endiselt heleda välimuse.

background #f8fafctextPrimary #0f172aaccent #1d4ed8

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: React Native’i süsteemne kiri; koha pealkiri 17/600, lisateave 13. Ikoonid kohanduvad Apple’i ja Androidiga.
Ruum ja kuju: Tahvelarvuti lävi 768; külgvahed 16/18/24; avalehe laius kuni 1280 ja detailil kuni 1040. Kohakaardi raadius ja polsterdus on 16.
Vastuvõtukontrollid · vajalikud: Kontrolli seadmetel VoiceOverit ja TalkBacki, teksti suurendamist, turvaalasid, pööramist, tahvelarvuti akna muutmist ja keelatud õiguste olekuid.

Kontrollitud versioon: 60273a8b721c

Kataloogi haldajad ja välitööde tegijad

WiFi.ee Admin

iPhone ja iPad; seadistatud Androidi ja veebi sihtplatvormid

Vaata üle, loo ja muuda kohti ning kette; halda tehnilisi andmeid, avaldamise olekut, pilte ja taristu kirjeid.

Navigeerimine ja sisend: Sisselogitud menüüga töölaud; menüü laius järgib akent, ülempiiriga 300.
Välimus: Sinakasroheline, soe valkjas taust ja tumeroheline tekst. Allikas on üks palett; tume adapter vajab veel teostamist.

background #f3f4edtext #10201baccent #0f766e

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Süsteemne kiri; jaotuse pealkiri 18/700, kirjeldus 14/20, väljasilt 14/600.
Ruum ja kuju: Jaotusekaardid: raadius 24, polsterdus 18. Sisendid: raadius 16. Põhitegevused: kõrgus vähemalt 50.
Vastuvõtukontrollid · vajalikud: Kontrolli pikki vorme avatud klaviatuuriga, muudetavaid aknaid, vormivigu, mustandeid, sünkroonimise edenemist ja salvestamata muudatusi.

Kontrollitud versioon: ec711adadd46

Koha omanikud ja kohviku töötajad

WiFi.ee Café

iPhone ja iPad; seadistatud Androidi ja veebi sihtplatvormid

Uuenda külaliste WiFi andmeid, koha teavet ja portaali plakateid ning jaga külalistega kiirliitumist.

Navigeerimine ja sisend: Omaniku ülesannetele keskenduv töölaud; akna laiust arvestav menüü kuni 300.
Välimus: Pruun ja kreemikas, kohvi-, salvei- ja messingitooni aktsentidega. Allikas on üks palett; teostatud tumedat paletti ei ole talletatud.

background #f7f0e6text #2a211caccent #9f4f2d

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Süsteemne kiri; jaotuse pealkiri 18/800, kirjeldus 14/20, tegevussilt 15/700.
Ruum ja kuju: Jaotusekaardid: raadius 18, polsterdus 20, 7 ühiku piletitriip. Sisendid: raadius 16. Põhitegevused: kõrgus vähemalt 50.
Vastuvõtukontrollid · vajalikud: Kontrolli kohapeal foto- ja plakatitoiminguid, klaviatuuri vältimist, külaliste võrguandmeid, omaniku õigusi ning ebaõnnestunud salvestamist.

Kontrollitud versioon: e30053f9aea1

Inimesed, kes vaatavad lähedasi kohti pilguga

WiFi.ee Watch

Apple Watch / watchOS

Vaata kauguse järgi järjestatud lähedasi kohti, värskenda ja ava koht kaardil.

Navigeerimine ja sisend: SwiftUI NavigationStack ja karussell-loend; lühikesed asukoha, raadiuse ja värskendamise juhtelemendid.
Välimus: SwiftUI semantilised esiplaanivärvid, tsüaani/sinise/musta taust ja materjalipinnad. Säilita süsteemne renderdus.

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Natiivsed headline-, body- ja caption2-stiilid; ümar süsteemne kiri ning monosammulised kaugused.
Ruum ja kuju: Materjalipinnaga kaardid sujuva raadiusega 12 ja polsterdusega 8; kompaktsed read.
Vastuvõtukontrollid · vajalikud: Kontrolli väikest ja suurt kella, Crowniga kerimist, VoiceOverit, suurt teksti, keelatud asukohta ning aegunud vahemälu tulemusi.

Kontrollitud versioon: 3fda236cd462

Arvutikasutajad ja võrkude vahetajad

WiFi.ee for Mac

Maci aknad, menüüriba ja Settings

Sirvi kohti loendi ja detailivaatega, vaata võrgu teavet ning kasuta menüüriba kaasrakendust.

Navigeerimine ja sisend: Natiivsed jagatud vaated, tööriistariba otsing, Settings ja MenuBarExtra; värskenda Command–Shift–R abil.
Välimus: Süsteemsed semantilised esiplaanivärvid ja materjalid, sinine ühendatud võrgu ning kollane järjehoidja aktsent.

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: SwiftUI semantilised tekstistiilid, natiivsed juhtelemendid ja SF Symbols.
Ruum ja kuju: Praeguse põhiakna alampiir 1180 × 760; Settings 700 × 520. Koha pisipilt 84 × 84, raadius 14.
Vastuvõtukontrollid · vajalikud: Kontrolli täielikku klaviatuurikasutust, menüüriba hüpikuid, VoiceOverit, paneelide vahelist fookust ja tegelikku minimaalset aknasuurust.

Kontrollitud versioon: 59fb1c711722

Inimesed, kes otsivad kohti veebis sirvides

WiFi.ee Browser Companion

Chrome’i ja Edge’i külgpaneelid, Firefoxi külgriba ja Safari hüpik; brauseri seadistuslehed

Leia kohti, loe kiirliitumise andmeid, salvesta järjehoidjaid ja liigu veebilehele või natiivsesse rakendusse.

Navigeerimine ja sisend: Discover-, Saved-, Suggest- ja Tools-vahekaardid. Chromiumi paneeli, Firefoxi külgriba ja Safari hüpiku adapterid; eraldi konto ning valikulise Maci silla olekud.
Välimus: Tarbija omaga sarnane hele ja tume palett on kopeeritud CSS-i, mitte imporditud ühisest paketist.

bg #f8fafctext #0f172aaccent #1d4ed8

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Süsteemne sans-kiri 13px/1,45; kompaktne lisateave ja monosammulised võrguandmed vajavad loetavuse kontrolli.
Ruum ja kuju: Paneeli alampiir 320px; sisu külgvahed 12px ja kaartide raadius 16px.
Vastuvõtukontrollid · vajalikud: Kontrolli paneeli suurust, klaviatuurifookust, suumi, sisselogimise aegumist, puuduvat natiivset silda ja keelatud õigusi. Brauseripaketid vajavad eraldi väljalaskekontrolli.

Kontrollitud versioon: 56dbda815469

Külalised, kes saabuvad koha lingilt või QR-koodilt

Quick Login / App Clip

iPhone’i App Clip; brauseri liitumislingi varuvariant

Tuvasta koht ja täpne avalik võrk, vajadusel vali võrk ning taotle ühendust.

Navigeerimine ja sisend: Keskendunud liitumisvoog: võrgu valik, ühendamine, juba ühendatud, õnnestumine, puuduvad andmed ja kordamine.
Välimus: Süsteemne taust ja teisesed süsteemsed pinnad natiivsete siniste tegevustega.

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Süsteemne kiri silmapaistva kohanime ja valitava SSID-tekstiga.
Ruum ja kuju: SwiftUI liitumisvaade: rõhtne polsterdus 22, võrgukaardi raadius 18, liitumise põhitegevuse kõrgus vähemalt 56.
Vastuvõtukontrollid · vajalikud: Kontrolli iPhone’il päris avamislinke, Unicode’i SSID-sid, võrguõiguste dialooge, katkestatud liitumist ja tõest ühenduse tagasisidet.

Kontrollitud versioon: 60273a8b721c

Inimesed, kes vaatavad lähedast või ühendatud WiFi-t rakendust avamata

Widgets / Live Activities

iOS-i ava- ja lukustusekraan; Dynamic Islandi lähtekoodivariandid

Näita lähedast kohta või hiljutise ühenduse konteksti ja ava täisrakendus.

Navigeerimine ja sisend: Vidina väike, keskmine ja ristkülikukujuline lisavaade; Live Activity kompaktne, minimaalne ja laiendatud vaade.
Välimus: Semantilised süsteemivärvid ja selge aegunud ühenduse tekst. Live Activity plugin on seadistatud; vidina lähtekoodi olemasolu ei tõenda sihtmärgi ühendamist ega levitamist.

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: SwiftUI headline-, caption- ja footnote-stiilid; lukustusekraani toonimine võib tootevärvid eemaldada.
Ruum ja kuju: Süsteemi hallatavad vidinakonteinerid; iga pere jaoks lühike sisu. Live Activity kasutab kapslikujulisi tegevusi.
Vastuvõtukontrollid · vajalikud: Enne väljalaskevalmiduse väidet kontrolli sihtmärgi ühendamist, õigusi ja ehitust, privaatsust, aegunud ajajoont, toonitud renderdust ning toetatud seadmeid.

Kontrollitud versioon: 60273a8b721c

Silte ettevalmistavad töötajad ja neid skannivad külalised

Quick Login print

A6 püstine paber, kaamera ja üleandmine telefoni

Loo prinditav võrgukaart WiFi QR-koodi ja kakskeelsete liitumisjuhistega.

Navigeerimine ja sisend: Füüsiline skannimine ühendusvoogu; paberil puudub interaktiivne navigeerimine.
Välimus: Trükk kasutab valget paberipinda ja säilitatud logo, sõltumatult ekraani teemast.

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: PDF-is Helvetica / Helvetica Bold; erimärkidega SSID-teksti saab rasterdada kirjapildi säilitamiseks.
Ruum ja kuju: 105 × 148mm PDF; tume QR valgel. Säilita QR-i vaba serv, mõõtkava ja trüki loetavus.
Vastuvõtukontrollid · vajalikud: Prindi tegelikus suuruses, skanni mitme telefoniga, kontrolli vaba serva ning SSID ja parooli täpset kodeeringut.

Kontrollitud versioon: 1b0c2610ba17

wifi/app/haldus/tabs/PrintableWifiPosterCard.jsx

Koha veebilehe omanikud ja külastajad

WiFi.ee Embed

Kolmanda osapoole veebilehtede märgised

Näita koha WiFi kohta lühikest teavet võõrustaval veebilehel.

Navigeerimine ja sisend: Kompaktne manustatud märgis lingiga koha teabe juurde.
Välimus: Heledad/tumedad neutraalsed pinnad ja sinised tegevused. Allikamärge ei ole võrgu turvasertifikaat.

Kiri, geomeetria ja seadmekontrollid

Kiri ja ikoonid: Süsteemne kiri kohanime, ligipääsutingimuste, SSID ja olemasoleva kiirusteabega.
Ruum ja kuju: Nurga raadius 10px; sisu peab mahtuma kitsasse veergu, pärimata loetamatuid stiile.
Vastuvõtukontrollid · vajalikud: Kontrolli kitsaid konteinereid, võõrustava lehe teemakombinatsioone, ligipääsetavaid linke, puuduvaid välju ja ebaõnnestunud päringuid.

Kontrollitud versioon: 1b0c2610ba17

Vanem Meteori veebileht on eraldi pärandteostus. Arhiveeritud prototüübid on ajaloolised viited. See loend ei tõenda eraldi Wear OS-i, teleri ega ruumilise arvutuse rakendust; nende toetamine vajab eraldi tooteulatust ja adapterit.

Kohandu seadme ja ülesandega

Ühine tähendus liigub toodete vahel. Navigeerimine, tüpograafia, sihtmärgi suurus ja teabe tihedus kohanduvad akna ning sisendiga. Allolev on süsteemi kasutuselevõtu ja vastuvõtu nõuete loend, mitte väide, et iga rakendus neid juba täidab.

Telefonid · puuteekraan

Sea esikohale üks ülesanne, turvaalad, käeulatuses tegevused ja kaardi loendialternatiiv. Hoia vormiväljad klaviatuuri kohal nähtaval. Eesmärk on vähemalt 44pt Apple’i puuteekraanil ja 48dp Androidis. Kontrolli suurt teksti ning ekraanilugejaid.

Tahvelarvutid, voltimine ja akna suurus

Lähtu praegusest akna laiusest, mitte seadme nimest. Säilita valik ja salvestamata töö pööramisel, jagatud ekraanil ning suuruse muutumisel. Avarda otsing külgribaks või ruudustikuks; hoia omaniku ja haldaja vorm loetavana. Kontrolli puudet ja riistvaraklaviatuuri.

Arvuti ja brauseripaneelid

Paku nähtavat fookust, sobivaid kiirklahve, osuti tagasisidet ja ennustatavat paneelide vahel liikumist. Brauseri külgpaneel on kitsas ka suurel monitoril. Maci rakendusel on praegu suurem akna alampiir; väikese akna adapter vajab eraldi tööd.

Kell, vidinad ja Live Activities

Näita pilguga loetavat pealkirja, kaugust või ühenduse konteksti ja üht kasulikku järgmist tegevust. Arvesta Crowniga kerimist, platvormi tekstistiile, toonitud vidinaid ja süsteemset värskendamist. Erista lähedast, vahemälus, ühendatud ja aegunud olekut. Vana vidinakirje ei tõenda praegust ühendust.

Kiire saabumine ja füüsilised sildid

Hoia koht ja täpne võrk nähtaval. Selgita järgmist sammu ning õiguste tulemust. Säilita SSID Unicode, tähesuurus ja tühikud. Kontrolli QR-i päriselt trükitud väljundil ning lisa loetav varuvariant, kui skannimine või App Clipi avamine ebaõnnestub.

Ligipääsetavus igas adapteris

Täienda värvi ja ikoone tekstiga. Toeta silte, vigu, laadimist, keelatud olekuid, vähendatud liikumist ning teksti suurendamist. Veeb vajab semantilist HTML-i ja klaviatuurikontrolli; React Native ning SwiftUI oma ligipääsetavuse API-sid ja seadmekatseid. Selle juhendilehe brauseriaudit ei sertifitseeri natiivseid rakendusi.

Platvormi viited: Apple · Ligipääsetavus · Android · Ligipääsetavad rakendused.

Ühised lepped, platvormi adapterid

Ühtlusta roll ja tähendus enne teostuse jagamist. Kavandatud semantiline kiht seotakse veebi CSS-i, React Native’i teemaobjektide ning SwiftUI süsteemistiilidega. Iga platvorm ei pea kuvama sama nuppu ega kasutama sama navigeerimist.

Komponentide vastutus · kasutuselevõtu kirjeldus
Lepe	Ühine tähendus	Platvormi kohandus
AreaCard / AreaRow	Koha identiteet, ligipääsutingimused, tõendite vanus, järjehoidja ja teadmata väärtused.	Veebi kaart/loend; telefoni kaart; tahvelarvuti ruudustik; kompaktne kellarida; Maci loend/detail.
Action / Field	Nimetatud tegevus, oote-/keelatud-/tulemuse olek; välja silt, väärtus, abi ja viga.	HTML-i semantika, React Native’i ligipääsetavuse omadused või SwiftUI juhtelemendid; platvormi klaviatuur ja sihtmärgid.
Status / Measurement	Erista avaldamist, koha avatust, võrgu saadavust, tasu, ühendust ja turvatõendeid.	Tekst koos ikooniga; näita väärtust, ühikut ja aega. Teadmata erineb nullist, suletust ja puudumisest.
Async / Permission	Ootel, laadimine, vahemälu/võrguta, tühi, keelatud, viga ja edu; kordamisel säilita muudatused.	Veebi/natiivne kohapealne tagasiside ja platvormi õiguste dialoogid; lühike aegumise/vea tekst pilguvaadetes.
QuickLogin / Handoff	Täpne SSID, avalike võrguandmete nähtavus, koha kontekst ja tõene liitumistulemus.	Veebi liitumislink, iPhone’i App Clip, valikuline Maci sild või trükitud QR; kontrolli iga teed eraldi.

Kasutuselevõtt: säilita olemasolev identiteet → seo allikatokenid semantiliste rollidega → teosta iga toote adapter → kontrolli selle seadmetel → talleta väljalastud versioon. Admini ja Café tumedad teemad, ühine käitusaja tokenipakett ning natiivne ligipääsetavuse vastuvõtt vajavad veel tööd.

Tuttav identiteet

Säilita tuttav oranži ja tumeda värviga märk. Tekstis kasuta nime „WiFi.ee“, domeenina „wifi.ee“. Hoia logo proportsioone, värve ja kirjakujusid. Siin on olemas 100 × 32 piksli PNG; enne trükki või suurt kasutust on vaja vektorit või suuremat originaali.

Oranž toetab äratuntavust. Sinine tähistab tarbija tegevusi ja veebi fookust, sinakasroheline kuulub Adminile ning pruun Caféle. Natiivsed süsteemipinnad säilitavad platvormi semantika. Tootepaletid ei tähista võrgu turvalisuse hinnanguid.

Veebiadapter · värvid

Allolevad neutraalsed värvid on loetud veebi stiilifailist. Värvinäidised järgivad saidi valitud teemat. Heleda ja tumeda teema vahel saad vahetada päise välimuse juhtnupust. Tailwindi tegevusvärvid säilitavad oma CSS-tokenite nimed, et praegusi väärtusi ei segataks vanemate ligikaudsete kuueteistkümnendväärtustega.

Taust

--bg

Hele: #f8fafc
Tume: #030712

Tekst

--fg

Hele: #0f172a
Tume: #e2e8f0

Pind

--surface

Hele: #ffffff
Tume: #0f172a

Vaiksem pind

--surface-muted

Hele: #f1f5f9
Tume: #1e293b

Piirjoon

--border

Hele: #e2e8f0
Tume: #334155

Heleda teema tegevused

blue-600 / white
Hõljutus: blue-700
Aktiivne: blue-800

Tumeda teema tegevused

blue-400 / slate-950
Hõljutus: blue-300
Aktiivne: blue-200

Kasuta avatuse, suletuse, teadmata oleku, laadimise ja vea puhul lisaks värvile teksti. Roheline olek või oranž märk peab kirjeldama konkreetseid tõendeid, mitte vihjama, et kõik nimekirja võrgud on turvalised.

Veebiadapter · tüpograafia

Veeb kasutab platvormi süsteemset sans-kirjapinu; eraldi brändifonti ei ole seadistatud. Nuppudel on 14px poolpaks tekst. Sisu suurus sõltub kontekstist; ühine kavand pakub ühist skaalat, mitte ei väida, et kõik tooted seda juba kasutavad.

Leia koht, kus ühenduda.

Kasulik teave tuleb esimesena.

Nimed, ligipääsutingimused ja ajakohane teave aitavad valida, kuhu minna.

Õ Ä Ö Ü Š Ž · õ ä ö ü š ž

42.5 Mbps · 09:00–18:00 · 1.2 km

Ülalolevad arvud on kirjanäidised, mitte reaalajas mõõtmised. Kasuta lausekujulisi pealkirju, selgeid tegevusverbe ja võrreldavate väärtuste puhul tabelnumbreid. Näita ühikuid ja kuupäevi ning luba pikematel eestikeelsetel siltidel murduda.

Veebiadapter · paigutus ja kuju

Praegune veebiraam

Sisu maksimaalne laius on 72rem, külgvahed 1,25rem ja põhisisu püstine polsterdus 1,5rem. Kitsas vaates paiguta sisu ühte veergu ning hoia tihedad tabelid nimetatud, klaviatuuriga fokuseeritavas kerimisalas.

Praegused nupud

Pillikujuline nurk, 20px rõhtne ja 8px püstine polsterdus, 150ms tagasiside ning nähtav 2px fookusjoon. Põhi-, teisene, tagasihoidlik, hele, pööratud ja väike variant kasutavad sama baasklassi.

Ruumisoovitus · kavand

4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 64 px

Ühine juhend pakub 4px põhirütmi. Olemasolevad tooted säilitavad oma vahed ja kujud kuni adapterite kasutuselevõtuni.

Ligipääsetav suhtlus

Eelista võimalusel 44px puutesihtmärke. Hoia fookus nähtav, säilita sildid ja veatekst, arvesta vähendatud liikumisega ning kontrolli sisu 200–400% suumiga. Automaatkontrollid on vaid osa ligipääsetavuse hindamisest.

Proovi veebikomponente

Need tegevused kasutavad samu globaalseid nupuklasse nagu veebileht. Liigu tabeldusklahviga, aktiveeri salvestamine Enteri või tühikuga, filtreeri näidiskaarte ja lähtesta eelvaade. Keelatud tegevus jääb kättesaamatuks.

Need on interaktiivsed näited. Levialade andmeid ega sinu kontot ei muudeta.

Näide ei ole salvestatud.

Otsi näidiskohti

Filtreerib allolevat kahte näidiskaarti. Mõlema nägemiseks tühjenda väli.

2 näidiskohta

Näidiskohvik

Lahtiolekuajad teadmata

Mõõdetud kiirus: Mõõtmata

Näidisraamatukogu

Avatud · näide

Mõõdetud kiirus: Mõõtmata

Nupu retsept

<button type="button" className="btn btn-primary">
  Save example
</button>

Kasuta tegevuseks nuppu ja navigeerimiseks linki. Nimeta iga juhtelement, näita lüliti olekut aria-pressed abil ning teata muudatustest fookust liigutamata.

Mustrid, mis säilitavad tähenduse

Teadmata on päris olek. Puuduvad lahtiolekuajad ei tähenda suletust ning puuduv kiirusemõõtmine ei tähenda null Mbps.
Hoia koha avatus, WiFi olemasolu, maksetingimused ja turvalisuse hinnang eraldi. Kui väide sõltub tõenditest, näita allikat ja kuupäeva.
Laadimine, võrguühenduseta olek, tühi tulemus ja viga vajavad erinevat teksti ning kasulikku järgmist sammu. Päringu kordamisel säilita sisestatud teave.
Kasuta identiteediks säilitatud logo ja navigeerimiseks lihtsaid ikoone. Luku- või leviikoon üksi ei tõenda turvaauditit.

Loe mõõdetud veebikvaliteedi raportit

Laadi alla ja kasuta

Pakett sisaldab algset juhendit, tokeneid, allikaloendit ja komponendileppeid. Tarbija-, Admini- ja Café-eelvaated näitavad kavandatud ühiseid adaptereid. Paketi allalaadimine ei muuda ühegi rakenduse teemat ega natiivset väljalaset.