LATA dizaina sistēma — komponentes
Dzīvi paraugi no views/components/. Avots: tokens.css (sinhrons ar Figmas mainīgajiem).
card-news — jaunuma kartīte
Parametri: title, url, date_text, excerpt, tema, accent (lime|teal)
Jaunuma virsraksts ar laima akcentu
Īss apraksta teksts, kas paskaidro ziņas saturu un aicina lasīt tālāk.
Jaunuma kartīte teal variantā
Akcenta josla un rombs tumši zilā tonī — katrai otrajai kartītei.
kiberdrošība · atvērtie dati
Minimālā kartīte — tikai virsraksts
card-news (layout: row) — ziņu rinda
Tas pats komponents ar layout: 'row' — viena ziņa vienā rindā ziņu plūsmai (/jaunumi/).
Papildu parametri: format (ziņas formāts), read_min (lasīšanas laiks), tema (tēmu rinda), image (featured attēls — aizstāj akcenta joslu; bez tā atgriežas pie joslas). Liek .news-list konteinerī.
Pasniegtas LATA balvas par ieguldījumu atvērto IKT risinājumu izstrādē
Īss kopsavilkums divās rindās, kas paskaidro raksta būtību un aicina lasīt tālāk.
Ar pašvaldību referenduma likumu bruģē ceļu uz interneta vēlēšanām Latvijā
Teal akcents katrai otrajai rindai — vizuālais ritms garā sarakstā.
Minimālā rinda — tikai virsraksts un datums
news-filters — ziņu filtru josla
Bez JavaScript: čipi ved uz taksonomiju arhīviem (gads, tema, zinas_formats); aktīvais izcelts ar .chip--active.
Parametri: groups: [{ label, all_label, all_url, all_active, terms: [{name, url, active, count}] }]
card-member — biedra kartīte
Parametri: name, url, logo
programme-row — programmas rinda
Parametri: time, title, note, highlight (bool)
Reģistrācija un rīta kafija
Diskusija: No idejas līdz pakalpojumam
Valsts pārvaldes un nozares pārstāvji
LATA gada balvas pasniegšanas ceremonija
Svinīgais noslēgums
programme-theme + programme-track — paralēlās plūsmas
programme-theme: label, time · programme-track: label, variant (a|b), rows[] — divus track liek .tracks režģī
Paralēlās plūsmas · 11.40–12.40
Valsts datu centru brieduma analīze
LVRTC pieredze
Noturīga infrastruktūra
Nozares eksperti
Atvērtā pirmkoda risinājumi pašvaldībās
Pieredzes stāsti
Sadarbspēja un atkārtota lietojamība
Praktiskie piemēri
card-info — informācijas karte
Parametri: title, text, accent (lime|teal) — formātu trio, bez saites
Prezentācijas
Vietējo un ārvalstu lektoru tematiskās prezentācijas.
Diskusijas
Valsts pārvaldes, nozares un akadēmiskās vides paneļi.
Apbalvošana
LATA gada balvas pasniegšanas ceremonija noslēgumā.
topic-item — tēmas elements
Parametri: title, text — konferences tēmām, ieguvumiem; liek .topic-list kolonnā
PROCESI
Kā tiek organizēta valstiska mēroga digitālās arhitektūras plānošana?
DATU CENTRI
Valsts datu centru brieduma analīze — realitāte un perspektīva.
section-head — sekcijas virsraksts
Parametri: title, more_label, more_url, heading_level (2|3) — pats šīs lapas virsrakstu raksts, tagad kā komponente
Aktualitātes
Visas ziņas →media-panel — video panelis (4 režīmi)
Parametri: title, text, video_url, image (fona bilde), link_only, cta_label/url.
Tips nosakās automātiski: YouTube/Facebook URL → iegults atskaņotājs; cits URL → saite; bez URL → placeholder.
1) Saite + fona bilde
Bez iegulšanas — atskaņotāja laukums ir saite (atveras video_url), fonā image ar tumšu pārklājumu kontrastam.
Pieteikt atgādinājumu2) YouTube video / tiešraide (iegulta)
Pietiek ar parasto watch?v= vai youtu.be saiti — embed adresi komponente uzbūvē pati (youtube-nocookie). Tiešraidēm sintakse identiska: padod live stream watch saiti.
3) Facebook video (iegults)
Facebook video/tiešraides piemērs — caur FB video plugin, padodot parasto facebook.com video saiti.
cta-banner — aicinājuma banneris
Parametri: title, text, actions: [{label, url, primary}], variant (light|dark)
card-year — gada arhīva karte
Parametri: year, text, url — iepriekšējo konferenču/balvu arhīviem; liek .archive-grid
pagination — lapošana
Parametri: pages: [{label, url, current, ellipsis}], prev: {url}, next: {url}, label.
Aktīvā lapa laimā; atspējotā bultiņa, kad nav iepriekšējās/nākamās. Ziņu plūsmā datus padod Timber pagination objekts.
hero-event — lielā notikuma bloks
Parametri: eyebrow, title (HTML), tagline, meta_items[], cta_label/url, secondary_label/url
Digitālā burbuļošana. Procesi. Datu centri. Mākslīgais intelekts.
Konference savieno procesus, infrastruktūru un MI vienotā valsts digitālās attīstības arhitektūrā.
page-hero — iekšlapas hero
Parametri: eyebrow, title, lead, heading_level (1|2)
Iekšlapas virsraksts ar ievadu
Ievada rindkopa, kas īsi paskaidro lapas saturu un noskaņo lasītāju.
fact-strip — faktu josla
Parametri: facts: [{num, label, accent}]
dibināta
konferences
biedri
hakatoni
goal-card — mērķa karte
Parametri: number, title, text
Atvērti standarti Latvijā
Numurēts rombs + virsraksts + apraksts — statūtu mērķiem vai procesa soļiem.
Otrais mērķis
Kartes liekas divu kolonnu režģī (mobilajā — viena kolonna).
card-person — personas karte
Parametri: name, role, photo, initials (auto no vārda), accent (bool), linkedin (URL) — valdei, lektoriem, žūrijai. Ja foto nav, rombā rāda iniciāļus.
card-explain — skaidrojuma karte
Parametri: title, body (HTML), accent (lime|teal)
Laima variants
Karte ar augšējo akcenta apmali — jēdzienu skaidrojumiem un piedāvājumiem.
Teal variants
Pārī kartes mijas — laima un tumši zilā apmale.
quote-block — citāta bloks
Parametri: quote, cite
Atvērtās tehnoloģijas ir atslēga, kas atver inovāciju un sadarbības durvis.
site-footer — kājenes komponente
Redzama šīs (un katras) lapas apakšā ↓ — netiek dublēta šeit, lai lapā būtu tikai viens <footer> landmarks.
Četras WP pārvaldāmas izvēlnes (Izskats → Izvēlnes), katra savā <nav> ar savu aria-label:
footer (Sadaļas) · cta (Iesaisties — tā pati, kas galvenē) · legal (atrunas: Statūti, Sīkdatņu politika, Piekļūstamības paziņojums) · social (ikonas pēc nosaukuma: facebook / x / linkedin / instagram / youtube).
Tokens
Pilnā krāsu/tipogrāfijas/atstarpju sistēma: assets/tokens.css — tā pati, kas Figmā un prototipos. Bloku redaktora pusē tos pašus tokens dod theme.json (skat. arī Style Book: Izskats → Dizains → Stili).
brand-900
#002A3Cbrand-800
#013245brand-600
#335A69lime-500
#B5DC17ink
#2A2A2Aneutral-100
#EEEEEEred-500
#E84A43