From 15131f98d06f50b0cf32c7ebef5e31ec6f6bfec0 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:41:57 +0700 Subject: [PATCH 01/18] site: simplify navigation and remove external font dependency --- landing/partials/header.html | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/landing/partials/header.html b/landing/partials/header.html index f147406c0..4f8aeaf57 100644 --- a/landing/partials/header.html +++ b/landing/partials/header.html @@ -1,8 +1,5 @@ - - -
@@ -16,11 +13,9 @@ From 6f31977056d2d9287e974b3e70ff1aa4b9db6d67 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:42:16 +0700 Subject: [PATCH 02/18] site: keep shared styles in document head --- landing/partials/header.html | 2 -- 1 file changed, 2 deletions(-) diff --git a/landing/partials/header.html b/landing/partials/header.html index 4f8aeaf57..cbff35b05 100644 --- a/landing/partials/header.html +++ b/landing/partials/header.html @@ -1,5 +1,3 @@ - -
From a5879ff16168a5e691799b6d07c8c65bd0bfd413 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:42:29 +0700 Subject: [PATCH 03/18] site: inject shared styles into document head --- scripts/build-product-site.py | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/scripts/build-product-site.py b/scripts/build-product-site.py index 86b76fb95..1d6769104 100644 --- a/scripts/build-product-site.py +++ b/scripts/build-product-site.py @@ -260,6 +260,14 @@ def replace(match: re.Match[str]) -> str: def render(text: str, values: dict[str, str], icon_size: str) -> str: text = expand_partials(text) + shared_styles = ( + ' \n' + ' \n' + ) + if 'href="polish.css"' not in text: + if "" not in text: + raise SystemExit("Landing template is missing for shared styles") + text = text.replace("", shared_styles + "", 1) for key, value in values.items(): text = text.replace("{{" + key + "}}", value) text = re.sub( From 7a1ee4fcb615721e08af552f6097affe6a6aee9c Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:44:17 +0700 Subject: [PATCH 04/18] site: rebuild homepage around compact decision-first journey --- landing/templates/index.html | 144 ++++++++++++++++++++++++++++++++--- 1 file changed, 133 insertions(+), 11 deletions(-) diff --git a/landing/templates/index.html b/landing/templates/index.html index 69204d92b..f62c40605 100644 --- a/landing/templates/index.html +++ b/landing/templates/index.html @@ -19,6 +19,7 @@ + @@ -42,24 +43,145 @@ {{> header}}
-
Free and open source · Windows · physical-proven discovery route

From IED connection to engineering evidence.

Discover large live models efficiently, operate a persistent multi-IED workspace, and move from alarms, events and guarded commands to FAT, SCL and native COMTRADE analysis.

Download ARSASExplore capabilitiesConnect your first IED
Smart Discovery · report-awareMulti-IED shell · alarms · SOEFAT · SCL · native COMTRADE
ARSAS v1.6.40 IED Explorer with live values and guarded command dock
Discover → monitor → verify
One shell · every IED context
-
Digital IEC 61850 substation with high-voltage equipment and signal paths

Station signals. Reviewable evidence.

Connect the approved IED, inspect the live model, and preserve identity, quality, and time without losing engineering context.

Explore capabilities
+
+
+
+ Open source · Windows x64 · stable v{{STABLE_VERSION}} +

From live IED to engineering evidence.

+

Discover the live IEC 61850 model, keep every observation tied to the correct IED, and move from monitoring to FAT, SCL and disturbance analysis without losing context.

+
+ Download ARSAS + Connect your first IED + Explore product +
+
+ Bounded Smart Discovery + Report-aware live monitoring + FAT · SCL · COMTRADE +
+
+
+
+ ARSAS v1.6.40 IED Explorer with live values and guarded command dock +
+
Discover → monitor → verify
+
One shell · every IED context
+
+
+
-
Start from your need

You do not need to know every IEC 61850 term first.

Choose the question that brought you here. Each path gives you a useful takeaway, a practical workflow and the engineering detail behind it.

I am new

What is IEC 61850?

Understand IEDs, Logical Nodes, MMS, Reporting, GOOSE and SCL with familiar substation examples.

Read the beginner guide
I have the software

How do I use ARSAS?

Connect an IED by IP, discover the live model and read one point together with quality and timestamp.

Follow the first tutorial
I have a project

How do I produce FAT evidence?

Run imported SDI points in order, preserve ON and OFF evidence, and export Excel, PDF or a portable project.

Explore IO List FAT
I have a problem

Why is IEC 61850 not working?

Start from the symptom: port 102, silent reports, occupied RCB, GOOSE sequence, missing COMTRADE or rejected SCL.

Find a troubleshooting guide
+
+
+
+ Start from your need +

Get to the right workflow quickly.

+

Start with the question you are solving. ARSAS keeps protocol detail available without forcing every user through the same path.

+
+
+ + + +
Diagnose

Something is not working?

Start from the symptom: port 102, silent reports, occupied RCB, GOOSE, files or SCL.

Find the closest symptom →
+
+
+
-
DiscoverEfficient association-scoped model discovery with bounded work
OperateMulti-IED live values, alarm annunciation, SOE and guarded commands
VerifyNative FAT evidence, RCB selection and Edition 1/2 SCL export
AnalyzeFault-record transfer, time signals, Phasor, Harmonics and Locus
+
+
+
DiscoverBounded live-model discovery
+
OperateMulti-IED values, alarms and SOE
+
VerifyFAT evidence and source-aware SCL
+
AnalyzeFault records and native COMTRADE
+
+
-
Two software workflows

Choose the approved source of truth for the task.

Use the IO List when the test plan is already defined. Use the IED endpoint or SCL when you need broader discovery and diagnosis.

FAT / IO List Testing

Test approved digital indications and keep ordered evidence.

  • Validate workbook identity and TestPointId
  • Bind points to one live IED
  • Require a trustworthy OFF baseline
  • Capture OFF → ON and ON → OFF
  • Export Excel, native PDF or .arsas
Open IO FAT workflow
General IEC 61850 Testing

Explore the IED and investigate wider services.

  • Discover the complete live MMS model
  • Inspect values, quality, timestamps and reports
  • Analyze GOOSE and retrieve fault records
  • Compare or generate SCL
  • Use guarded control only with authority
Explore capabilities
+
+
+
+ Two engineering workflows +

Choose the approved source of truth.

+

Use the IO List when the test plan is already defined. Use the IED endpoint or SCL when the job is discovery, diagnosis or broader integration.

+
+
+
+ IO List FAT +

Execute approved indications and keep ordered evidence.

+
  • Validate workbook identity and TestPointId
  • Bind each point to one live IED
  • Require a trustworthy OFF baseline
  • Capture OFF → ON → OFF evidence
  • Export Excel, native PDF or .arsas
+
Open IO FAT
+
+
+ General IEC 61850 +

Explore the IED and investigate wider services.

+
  • Discover the complete live MMS model
  • Inspect values, quality, timestamps and reports
  • Analyze GOOSE and retrieve fault records
  • Compare or generate SCL
  • Use guarded control only with authority
+
Explore capabilities
+
+
+
+
-
Learn while you work

Every feature page should answer “what is it, when do I use it, and what can go wrong?”

The Learning Center connects protocol concepts to the actual ARSAS workflow, then links directly to troubleshooting when the expected result does not appear.

Open Learning CenterARSAS Quick Start
+
+
+
+ Real product evidence +

See the working engineering surfaces.

+

A curated view of current ARSAS v1.6.40 workflows. Full capability pages carry the deeper engineering detail.

+
+
+
ARSAS Alarm Annunciator for multiple IEC 61850 IEDs

01Alarm Annunciator

Active, unacknowledged and returned alarms stay distinct and attributable to the correct IED.

+
ARSAS native IEC 61850 FAT workspace with V1 and V2 evidence

02Native FAT workspace

Review immutable V1/V2 values, timestamps, quality and result in one selected-IED context.

+
ARSAS RCB selection and availability audit

03RCB availability

Inspect live RCB identity, DataSet membership and occupancy before bounded export.

+
ARSAS SCL export with IEC 61850 Edition 2 and Edition 1 choices

04Source-aware SCL

Save bounded Edition 2 IID or Edition 1 ICD output with companion engineering evidence.

+
ARSAS IEC 61850 fault-record scan and COMTRADE download

05Fault-record transfer

Scan, deduplicate and download complete COMTRADE groups from the selected IED.

+
ARSAS COMTRADE RMS signals with digital protection timeline

06Protection timeline

Correlate RMS movement, trigger position and assert/deassert events in-process.

+
+
Browse all capabilitiesOpen the guided product tour →
+
+
-
Project solutions

Use ARSAS across the IEC 61850 project lifecycle.

Move from learning and first connection to repeatable FAT, site validation, commissioning and multi-vendor integration.

Factory plan

IO List FAT Evidence

Execute imported SDI points and carry reviewable results to another workstation.

Explore IO FAT
Factory engineering

General FAT Testing

Validate models, reports, GOOSE, control outcomes, file access and integration output.

Explore FAT
Site

SAT and Commissioning

Reconfirm endpoints, reporting, station-bus behavior, fault records and command completion.

Explore SATCommissioning
Integration

Multi-Vendor IEC 61850

Generate or normalize bounded SCL and isolate identity, DataSet, RCB and GOOSE mismatches.

Explore integration
+
+
+
Continue with purpose

Learn, execute or diagnose.

+
+

Learn the protocol through useful tasks.

Move from the IEC 61850 mental model to a trustworthy first live value.

Open Learning Center →
+

Use ARSAS across FAT and site work.

Choose repeatable factory evidence, SAT, commissioning or multi-vendor integration.

Browse project solutions →
+ +
+
+
-
Current product · real application evidence

One engineering shell from live IED data to disturbance analysis.

These are current ARSAS v1.6.40 screens captured from working workflows, encoded as lossless WebP and loaded responsively.

ARSAS Alarm Annunciator for multiple IEC 61850 IEDs

01Alarm Annunciator

Active, unacknowledged and returned alarms remain distinct, grouped by IED and explicitly acknowledged.

ARSAS IEC 61850 Sequence of Events with guarded command dock

02Sequence of Events

IED time, signal identity, state, quality and acquisition source remain visible beside fast control access.

ARSAS native IEC 61850 FAT workspace with V1 and V2 evidence

03Native FAT workspace

Compare immutable V1/V2 values, timestamps, quality and result in the same selected-IED shell.

ARSAS IEC 61850 FAT evidence report preview

04Preview/PDF evidence parity

Review the immutable report layout, completion state and captured evidence before saving PDF.

ARSAS RCB selection and availability audit

05RCB availability and selection

Inspect concrete live RCBs, DataSet membership and occupancy before creating a bounded export.

ARSAS SCL export with IEC 61850 Edition 2 and Edition 1 choices

06Edition 2 or Edition 1 SCL

Save a source-aware IID or ICD with companion JSON evidence and a human-readable Markdown summary.

ARSAS IEC 61850 fault-record scan and COMTRADE download

07Fast fault-record transfer

Scan, deduplicate and download complete COMTRADE record groups, then open available local records directly.

ARSAS native COMTRADE time-signal analysis with synchronized cursors

08Exact time signals

Investigate analog and digital tracks with synchronized cursors, trigger position and exact sample readouts.

ARSAS native COMTRADE voltage and current phasor analysis

09Native Phasor

Compare voltage and current vectors at one exact record position with primary or secondary values.

ARSAS native COMTRADE harmonic comparison

10Native Harmonics

Compare fundamental and harmonic orders across selected channels without leaving the ARSAS process.

ARSAS COMTRADE six-loop protection distance locus

11Six-loop distance Locus

Inspect earth and phase-phase impedance trajectories on an explicit primary or secondary basis.

ARSAS COMTRADE RMS signals with digital protection timeline

12Protection timeline

Correlate RMS movement, trigger timing and digital assert/deassert events in one review surface.

+
+
+
+ Verified stable release +

ARSAS {{STABLE_VERSION}} · Windows x64

+

Published {{STABLE_PUBLISHED_DATE}}. Package identity is backed by published SHA-256 evidence; current binaries are {{SIGNING_LABEL}}.

+
+
+ {{STABLE_VERSION}}stable + {{INSTALLER_SIZE}}installer + SHA-256published +
+
Download & verifyRelease notes →
+
+
-
Can I learn IEC 61850 here without installing ARSAS?
Yes. The Learning Center explains the mental model, services and common failure patterns in plain language. The software tutorials then show how those concepts appear in a real workstation.
Can ARSAS connect directly to an IED IP address?
Yes when the approved network path and MMS service are available. ARSAS can establish an association, discover the live model and read supported data. Ping alone is not sufficient proof.
Can ARSAS use an approved IO List for FAT?
Yes on the current mainline for imported SDI points. ARSAS requires ordered OFF → ON → OFF evidence and can export Excel, native PDF or a portable .arsas project.
Does ARSAS replace an approved test procedure?
No. ARSAS supports learning and evidence capture, but plant authority, calibrated equipment, protection testing, independent witness and formal acceptance remain separate responsibilities.
Read all FAQ answers
- -
Release boundary

Documentation can describe current mainline features before the stable installer includes them.

Review Release Notes before assuming the latest published package contains every workflow shown on the website.

Download CenterReview release scope
+
+
+
Before field use

Three useful boundaries.

+
+
Can ARSAS connect directly to an IED IP address?
Yes when the approved network path and MMS service are available. A successful ping alone is not proof that the IEC 61850 service path is usable.
+
Can ARSAS use an approved IO List for FAT?
Yes for the current supported SDI workflow, with ordered OFF → ON → OFF evidence and export to Excel, native PDF or a portable project.
+
Does ARSAS replace an approved test procedure?
No. ARSAS supports engineering observation and evidence capture; plant authority, calibrated equipment, protection testing and formal acceptance remain separate responsibilities.
+
+
Read all FAQ answers →
+
+
{{> footer}} From d91af80fe02f712781e9d597a26fc6ec73d5d70a Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:44:19 +0700 Subject: [PATCH 05/18] site: align Indonesian homepage with compact product journey --- landing/templates/id.html | 145 ++++++++++++++++++++++++++++++++++---- 1 file changed, 133 insertions(+), 12 deletions(-) diff --git a/landing/templates/id.html b/landing/templates/id.html index 34768e5ae..b20427773 100644 --- a/landing/templates/id.html +++ b/landing/templates/id.html @@ -18,6 +18,7 @@ + @@ -41,25 +42,145 @@ {{> header}}
-
Gratis dan open source · Windows · jalur discovery teruji fisik

Dari koneksi IED menuju evidence engineering.

Discovery live model besar secara efisien, pantau banyak IED dalam satu shell, lalu bergerak dari alarm, event dan guarded command menuju FAT, SCL dan analisis COMTRADE native.

Unduh ARSASLihat kapabilitasHubungkan IED pertamaEnglish
Smart Discovery · report-awareMulti-IED · Alarm · SOEFAT · SCL · COMTRADE native
IED Explorer ARSAS v1.6.40 dengan live value dan guarded command dock
Discovery → monitor → verifikasi
Satu shell · semua konteks IED
-
Gardu digital IEC 61850 dengan peralatan tegangan tinggi dan jalur sinyal

Sinyal gardu. Evidence yang dapat direview.

Hubungkan IED yang disetujui, periksa live model, lalu simpan identity, quality, dan timestamp tanpa kehilangan konteks engineering.

Lihat kapabilitas
+
+
+
+ Open source · Windows x64 · stabil v{{STABLE_VERSION}} +

Dari live IED menuju evidence engineering.

+

Discovery live model IEC 61850, jaga setiap observasi tetap terkait ke IED yang benar, lalu bergerak dari monitoring menuju FAT, SCL dan analisis gangguan tanpa kehilangan konteks.

+
+ Unduh ARSAS + Hubungkan IED pertama + Lihat produk +
+
+ Smart Discovery bounded + Live monitoring report-aware + FAT · SCL · COMTRADE +
+
+
+
+ ARSAS v1.6.40 IED Explorer with live values and guarded command dock +
+
Discovery → monitor → verifikasi
+
Satu shell · setiap konteks IED
+
+
+
-
Mulai dari kebutuhan

Anda tidak harus memahami semua istilah IEC 61850 terlebih dahulu.

Pilih pertanyaan yang membawa Anda ke sini. Setiap jalur memberi takeaway, workflow praktis dan detail engineering di baliknya.

Saya pemula

Apa itu IEC 61850?

Pahami IED, Logical Node, MMS, Reporting, GOOSE dan SCL menggunakan contoh gardu yang familiar.

Baca panduan pemula
Saya sudah punya software

Bagaimana cara memakai ARSAS?

Hubungkan IED berdasarkan IP, discovery live model dan baca satu point bersama quality serta timestamp.

Ikuti tutorial pertama
Saya punya proyek

Bagaimana membuat evidence FAT?

Jalankan SDI hasil import secara berurutan, pertahankan evidence ON dan OFF, lalu export Excel, PDF atau project portable.

Buka FAT IO List
Saya punya masalah

Mengapa IEC 61850 tidak bekerja?

Mulai dari gejala: port 102, reporting diam, RCB occupied, sequence GOOSE, COMTRADE hilang atau SCL ditolak.

Cari panduan troubleshooting
+
+
+
+ Mulai dari kebutuhan +

Masuk ke workflow yang tepat dengan cepat.

+

Mulai dari masalah yang ingin diselesaikan. Detail protokol tetap tersedia tanpa memaksa semua user melewati jalur yang sama.

+
+
+
Belajar

Baru mengenal IEC 61850?

Bangun mental model IED, Logical Node, MMS, Reporting, GOOSE dan SCL.

Mulai dari dasar →
+ +
Eksekusi

Menjalankan FAT?

Gunakan IO List yang disetujui, simpan ordered state evidence dan export hasil yang dapat direview.

Buka workflow IO FAT →
+
Diagnosis

Ada yang tidak bekerja?

Mulai dari gejala: port 102, reporting diam, RCB occupied, GOOSE, file atau SCL.

Cari gejala terdekat →
+
+
+
-
DiscoveryDiscovery model per-association yang efisien dengan pekerjaan bounded
OperateLive value multi-IED, Alarm Annunciator, SOE dan guarded command
VerifikasiEvidence FAT native, seleksi RCB dan ekspor SCL Edition 1/2
AnalisisTransfer fault record, time signal, Phasor, Harmonics dan Locus
+
+
+
DiscoveryDiscovery live model yang bounded
+
OperateValue multi-IED, alarm dan SOE
+
VerifikasiEvidence FAT dan SCL source-aware
+
AnalisisFault record dan COMTRADE native
+
+
-
Dua workflow software

Pilih source of truth yang disetujui untuk task.

Gunakan IO List saat test plan sudah ditentukan. Gunakan endpoint IED atau SCL saat membutuhkan discovery dan diagnosis yang lebih luas.

FAT / IO List Testing

Uji digital indication yang disetujui dan simpan ordered evidence.

  • Validasi workbook identity dan TestPointId
  • Bind point ke satu live IED
  • Wajibkan baseline OFF terpercaya
  • Capture OFF → ON dan ON → OFF
  • Export Excel, PDF native atau .arsas
Buka workflow IO FAT
General IEC 61850 Testing

Explore IED dan periksa service yang lebih luas.

  • Discovery complete live MMS model
  • Periksa value, quality, timestamp dan report
  • Analisis GOOSE dan ambil fault record
  • Bandingkan atau generate SCL
  • Gunakan guarded control hanya dengan authority
Lihat capabilities
+
+
+
+ Dua workflow engineering +

Pilih source of truth yang disetujui.

+

Gunakan IO List saat test plan sudah ditentukan. Gunakan endpoint IED atau SCL untuk discovery, diagnosis atau integrasi yang lebih luas.

+
+
+
+ IO List FAT +

Jalankan indication yang disetujui dan simpan ordered evidence.

+
  • Validasi workbook identity dan TestPointId
  • Bind setiap point ke satu live IED
  • Wajibkan baseline OFF terpercaya
  • Capture evidence OFF → ON → OFF
  • Export Excel, PDF native atau .arsas
+
Buka IO FAT
+
+
+ General IEC 61850 +

Explore IED dan investigasi service yang lebih luas.

+
  • Discovery complete live MMS model
  • Periksa value, quality, timestamp dan report
  • Analisis GOOSE dan ambil fault record
  • Bandingkan atau generate SCL
  • Gunakan guarded control hanya dengan authority
+
Lihat capabilities
+
+
+
+
-
Belajar sambil bekerja

Setiap halaman fitur harus menjawab “apa ini, kapan digunakan, dan apa yang bisa gagal?”

Pusat Belajar menghubungkan konsep protokol dengan workflow ARSAS yang nyata, lalu mengarahkan langsung ke troubleshooting saat hasil yang diharapkan tidak muncul.

Buka Pusat BelajarPanduan Mulai ARSAS
+
+
+
+ Evidence produk nyata +

Lihat engineering surface yang benar-benar bekerja.

+

Tampilan terkurasi dari workflow ARSAS v1.6.40. Halaman capability membawa detail engineering yang lebih dalam.

+
+
+
Alarm Annunciator ARSAS untuk beberapa IED IEC 61850

01Alarm Annunciator

Alarm active, unacknowledged dan returned tetap terpisah serta attributable ke IED yang benar.

+
Workspace FAT IEC 61850 native ARSAS dengan evidence V1 dan V2

02Native FAT workspace

Review value V1/V2 immutable, timestamp, quality dan result dalam satu konteks selected-IED.

+
Seleksi RCB dan availability audit ARSAS

03RCB availability

Periksa identity RCB live, DataSet membership dan occupancy sebelum bounded export.

+
Ekspor SCL ARSAS dengan pilihan IEC 61850 Edition 2 dan Edition 1

04Source-aware SCL

Simpan output IID Edition 2 atau ICD Edition 1 yang bounded bersama engineering evidence.

+
Scan fault record dan download COMTRADE IEC 61850 ARSAS

05Fault-record transfer

Scan, deduplicate dan download grup COMTRADE lengkap dari IED terpilih.

+
Signal RMS COMTRADE ARSAS dengan digital protection timeline

06Protection timeline

Korelasikan pergerakan RMS, posisi trigger dan event assert/deassert secara in-process.

+
+
Lihat semua capabilitiesBuka product tour terpandu →
+
+
-
Solusi proyek

Gunakan ARSAS sepanjang lifecycle proyek IEC 61850.

Bergerak dari belajar dan koneksi pertama menuju FAT repeatable, validasi site, commissioning dan integrasi multi-vendor.

Factory plan

Evidence FAT IO List

Jalankan SDI hasil import dan bawa result yang dapat direview ke workstation lain.

Buka IO FAT
Factory engineering

Pengujian FAT General

Validasi model, report, GOOSE, control outcome, file access dan integration output.

Buka FAT
Site

SAT dan Commissioning

Konfirmasi endpoint, reporting, station-bus behavior, fault record dan command completion.

Buka SATCommissioning
Integrasi

Multi-Vendor IEC 61850

Generate atau normalize SCL bounded dan isolasi mismatch identity, DataSet, RCB serta GOOSE.

Buka integrasi
+
+
+
Lanjutkan sesuai tujuan

Belajar, eksekusi atau diagnosis.

+
+

Pelajari protokol lewat task yang berguna.

Bergerak dari mental model IEC 61850 menuju live value pertama yang dapat dipercaya.

Buka Pusat Belajar →
+

Gunakan ARSAS untuk FAT dan pekerjaan site.

Pilih evidence factory yang repeatable, SAT, commissioning atau integrasi multi-vendor.

Lihat solusi proyek →
+ +
+
+
-
Produk saat ini · evidence aplikasi nyata

Satu engineering shell dari live data IED sampai analisis gangguan.

Semua gambar berikut adalah tampilan ARSAS v1.6.40 dari workflow yang bekerja, disimpan sebagai WebP lossless dan dimuat secara responsif.

Alarm Annunciator ARSAS untuk beberapa IED IEC 61850

Alarm Annunciator

Alarm active, unacknowledged dan returned tetap terpisah, dikelompokkan per IED dan diakui secara eksplisit.

Sequence of Events IEC 61850 ARSAS dengan command dock

Sequence of Events

Waktu IED, identity signal, state, quality dan acquisition source tetap terlihat di samping akses control cepat.

Workspace FAT IEC 61850 native ARSAS dengan evidence V1 dan V2

Workspace FAT native

Bandingkan value V1/V2 immutable, timestamp, quality dan result dalam shell selected-IED yang sama.

Preview report evidence FAT IEC 61850 ARSAS

Parity Preview/PDF

Review layout report immutable, completion state dan evidence yang ditangkap sebelum menyimpan PDF.

Seleksi RCB dan availability audit ARSAS

Availability dan seleksi RCB

Periksa concrete live RCB, DataSet membership dan occupancy sebelum membuat bounded export.

Ekspor SCL ARSAS dengan pilihan IEC 61850 Edition 2 dan Edition 1

SCL Edition 2 atau Edition 1

Simpan IID atau ICD source-aware bersama evidence JSON dan ringkasan Markdown yang mudah direview.

Scan fault record dan download COMTRADE IEC 61850 ARSAS

Transfer fault record cepat

Scan, deduplicate dan download grup record COMTRADE lengkap, lalu buka record lokal secara langsung.

Analisis time signal COMTRADE native ARSAS dengan cursor sinkron

Time signal exact

Investigasi analog dan digital track dengan cursor sinkron, posisi trigger dan exact sample readout.

Analisis phasor tegangan dan arus COMTRADE native ARSAS

Phasor native

Bandingkan vector tegangan dan arus pada satu posisi record exact dalam nilai primary atau secondary.

Perbandingan harmonik COMTRADE native ARSAS

Harmonics native

Bandingkan fundamental dan harmonic order di seluruh channel terpilih tanpa keluar dari proses ARSAS.

Protection distance locus enam loop COMTRADE ARSAS

Distance Locus enam loop

Periksa trajectory impedance earth dan phase-phase dalam basis primary atau secondary yang eksplisit.

RMS COMTRADE ARSAS dengan digital protection timeline

Protection timeline

Korelasikan pergerakan RMS, waktu trigger dan event digital assert/deassert dalam satu review surface.

+
+
+
+ Release stabil terverifikasi +

ARSAS {{STABLE_VERSION}} · Windows x64

+

Dipublikasikan {{STABLE_PUBLISHED_DATE_ID}}. Identity package didukung evidence SHA-256 yang dipublikasikan; binary saat ini {{SIGNING_LABEL_ID}}.

+
+
+ {{STABLE_VERSION}}stabil + {{INSTALLER_SIZE}}installer + SHA-256dipublikasikan +
+
Unduh & verifikasiCatatan rilis →
+
+
-
Apakah saya bisa belajar IEC 61850 di sini tanpa menginstal ARSAS?
Bisa. Pusat Belajar menjelaskan mental model, service dan pola kegagalan umum dengan bahasa sederhana. Tutorial software kemudian menunjukkan bagaimana konsep tersebut muncul pada workstation nyata.
Apakah ARSAS dapat connect langsung ke alamat IP IED?
Bisa jika jalur network dan service MMS yang disetujui tersedia. ARSAS dapat membuat association, discovery live model dan membaca data yang didukung. Ping saja bukan bukti yang cukup.
Apakah ARSAS dapat memakai IO List untuk FAT?
Bisa pada mainline saat ini untuk SDI hasil import. ARSAS mewajibkan evidence OFF → ON → OFF secara berurutan dan dapat export Excel, PDF native atau project .arsas.
Apakah ARSAS menggantikan procedure testing yang disetujui?
Tidak. ARSAS mendukung pembelajaran dan evidence capture, tetapi plant authority, calibrated equipment, protection testing, independent witness dan formal acceptance tetap menjadi tanggung jawab terpisah.
Baca semua FAQ
- -
Batas rilis

Dokumentasi dapat menjelaskan fitur current mainline sebelum installer stable memilikinya.

Periksa Catatan Rilis sebelum menganggap package publik terbaru berisi seluruh workflow yang ditampilkan website.

Pusat UnduhanReview scope rilis
- {{> download-cta-id}} +
+
+
Sebelum digunakan di lapangan

Tiga batas penting.

+
+
Apakah ARSAS dapat connect langsung ke alamat IP IED?
Bisa saat jalur network dan service MMS yang disetujui tersedia. Ping yang berhasil saja bukan bukti bahwa jalur service IEC 61850 sudah usable.
+
Apakah ARSAS dapat memakai IO List yang disetujui untuk FAT?
Bisa untuk workflow SDI yang saat ini didukung, dengan evidence OFF → ON → OFF berurutan dan export ke Excel, PDF native atau project portable.
+
Apakah ARSAS menggantikan procedure testing yang disetujui?
Tidak. ARSAS mendukung observation engineering dan evidence capture; plant authority, calibrated equipment, protection testing dan formal acceptance tetap merupakan tanggung jawab terpisah.
+
+
Baca semua FAQ →
+
+
{{> footer}} From da6735cbe21569c03ac0c960b050107294c804c6 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:44:47 +0700 Subject: [PATCH 06/18] site: compact global typography and surface scale --- landing/polish.css | 35 +++++++++++++++++------------------ 1 file changed, 17 insertions(+), 18 deletions(-) diff --git a/landing/polish.css b/landing/polish.css index 1b773025c..17f4b01bf 100644 --- a/landing/polish.css +++ b/landing/polish.css @@ -3,7 +3,7 @@ stable information architecture or workflow-specific styles. */ :root { - --font-sans: InterVariable, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + --font-sans: "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; --polish-text: #f7fbff; --polish-muted: #bdccde; @@ -55,19 +55,18 @@ h1, h2, h3, h1, h2, h3 { color: #fbfdff; - font-variation-settings: "wght" 720; } h1 { line-height: 1.045; letter-spacing: -.048em; - font-weight: 760; + font-weight: 700; } h2 { line-height: 1.08; letter-spacing: -.04em; - font-weight: 730; + font-weight: 650; } h3 { @@ -84,7 +83,7 @@ h3 { } .nav-shell { - min-height: 76px; + min-height: 68px; } .brand { @@ -113,7 +112,7 @@ h3 { .nav-links a { color: #afc0d3; - font-size: .91rem; + font-size: .88rem; font-weight: 610; letter-spacing: -.012em; transition: color .18s ease, background .18s ease, transform .18s ease, border-color .18s ease; @@ -141,7 +140,7 @@ h3 { } .hero { - padding: 6.6rem 0 4.6rem; + padding: 5.4rem 0 3.7rem; } .hero-grid { @@ -162,7 +161,7 @@ h3 { .hero h1 { max-width: 790px; margin-top: 1.35rem; - font-size: clamp(3.2rem, 5vw, 4.55rem); + font-size: clamp(2.8rem, 4.2vw, 3.85rem); } .gradient-text { @@ -176,7 +175,7 @@ h3 { max-width: 650px; margin-top: 1.55rem; color: var(--polish-muted); - font-size: clamp(1.05rem, 1.55vw, 1.18rem); + font-size: clamp(1rem, 1.35vw, 1.1rem); font-weight: 430; line-height: 1.67; letter-spacing: -.012em; @@ -188,7 +187,7 @@ h3 { } .btn { - min-height: 50px; + min-height: 46px; padding: .78rem 1.14rem; border-color: rgba(202, 225, 255, .14); border-radius: 13px; @@ -224,7 +223,7 @@ h3 { .hero-window { border-color: rgba(201, 227, 255, .17); - border-radius: 27px; + border-radius: 18px; background: rgba(14, 31, 53, .72); box-shadow: 0 36px 90px rgba(0, 8, 26, .43), 0 0 0 1px rgba(255,255,255,.025); transform: perspective(1500px) rotateY(-3deg) rotateX(1.2deg); @@ -288,11 +287,11 @@ h3 { } .section { - padding: 6.2rem 0; + padding: 4.8rem 0; } .section-tight { - padding: 4rem 0; + padding: 3.15rem 0; } .section-head { @@ -309,7 +308,7 @@ h3 { .section-head h2 { margin-top: .72rem; - font-size: clamp(2.15rem, 4.35vw, 3.55rem); + font-size: clamp(1.9rem, 3.35vw, 2.75rem); } .section-head p { @@ -335,7 +334,7 @@ h3 { .card { padding: 1.55rem; - border-radius: 22px; + border-radius: 16px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; } @@ -370,19 +369,19 @@ h3 { } .page-hero { - padding: 5.8rem 0 3.4rem; + padding: 4.6rem 0 2.8rem; } .page-hero h1 { max-width: 900px; - font-size: clamp(2.8rem, 5.6vw, 4.75rem); + font-size: clamp(2.45rem, 4.6vw, 3.75rem); letter-spacing: -.047em; } .page-hero p { max-width: 760px; color: var(--polish-muted); - font-size: 1.08rem; + font-size: 1.02rem; line-height: 1.72; } From bf841a334156aeb14842d65bcad493637233cf6e Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:44:50 +0700 Subject: [PATCH 07/18] site: tighten shared spacing and component geometry --- landing/design-system.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/landing/design-system.css b/landing/design-system.css index 52a4ca9d0..2499cd04f 100644 --- a/landing/design-system.css +++ b/landing/design-system.css @@ -3,9 +3,9 @@ Homepage composition belongs in home.css. */ :root { - --site-section-space: clamp(4.8rem, 6.2vw, 6rem); - --site-section-space-tight: clamp(3.3rem, 4.5vw, 4.25rem); - --site-card-radius: 20px; + --site-section-space: clamp(3.9rem, 5vw, 4.8rem); + --site-section-space-tight: clamp(2.7rem, 3.6vw, 3.45rem); + --site-card-radius: 16px; --site-surface-border: rgba(190, 221, 255, .135); --site-surface-border-hover: rgba(117, 207, 255, .25); --site-divider: rgba(177, 214, 255, .09); @@ -36,7 +36,7 @@ .section-head { max-width: 800px; - margin-bottom: clamp(2rem, 3vw, 2.6rem); + margin-bottom: clamp(1.65rem, 2.5vw, 2.1rem); } .section-head h2 { @@ -73,7 +73,7 @@ } .card { - padding: clamp(1.45rem, 2vw, 1.7rem); + padding: clamp(1.25rem, 1.7vw, 1.5rem); border-radius: var(--site-card-radius); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease; } @@ -136,7 +136,7 @@ .callout { border-color: rgba(105, 203, 255, .21); - border-radius: 24px; + border-radius: 15px; background: radial-gradient(circle at 10% 0%, rgba(56,189,248,.145), transparent 21rem), radial-gradient(circle at 92% 92%, rgba(139,92,246,.09), transparent 22rem), @@ -165,8 +165,8 @@ @media (max-width: 980px) { :root { - --site-section-space: clamp(4.2rem, 8vw, 5.2rem); - --site-section-space-tight: clamp(3rem, 6vw, 3.8rem); + --site-section-space: clamp(3.6rem, 7vw, 4.5rem); + --site-section-space-tight: clamp(2.55rem, 5vw, 3.2rem); } .section-head h2 { @@ -176,8 +176,8 @@ @media (max-width: 760px) { :root { - --site-section-space: 4.15rem; - --site-section-space-tight: 3.15rem; + --site-section-space: 3.6rem; + --site-section-space-tight: 2.7rem; } .section + .section::before, @@ -204,7 +204,7 @@ } .callout { - border-radius: 20px; + border-radius: 16px; } .site-footer { From ebf1f3cd5e11146c71330bfe680bdf1238e0d988 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:45:37 +0700 Subject: [PATCH 08/18] site: implement compact homepage layout and release trust strip --- landing/home.css | 508 ++++++++++++++++++++++++++++------------------- 1 file changed, 305 insertions(+), 203 deletions(-) diff --git a/landing/home.css b/landing/home.css index ca34737b0..b3ea1b077 100644 --- a/landing/home.css +++ b/landing/home.css @@ -1,282 +1,384 @@ /* ARSAS overview-page composition. - Every selector is scoped to body[data-page="overview"] so homepage layout cannot - leak into Learning, Capabilities, IO FAT, Solutions, Guides or Download pages. */ + Deliberately compact: decision-first IA, curated product evidence and bounded + motion. Every selector is scoped to the overview page. */ body[data-page="overview"] { - --home-hero-max: 1280px; + --home-hero-max: 1260px; } -body[data-page="overview"] .hero + .section, -body[data-page="overview"] .hero + .section-tight { - padding-top: clamp(3.9rem, 5vw, 4.8rem); +body[data-page="overview"] .hero { + padding: clamp(4.25rem, 6vw, 5.25rem) 0 clamp(2.7rem, 4vw, 3.6rem); } -body[data-page="overview"] .substation-scene { - border-radius: 26px; - border-color: rgba(126, 208, 252, .2); - box-shadow: - 0 26px 68px rgba(0, 8, 25, .26), - 0 0 0 1px rgba(255,255,255,.018), - inset 0 1px 0 rgba(255,255,255,.032); +body[data-page="overview"] .hero > .container { + width: min(calc(100% - 2rem), var(--home-hero-max)); } -body[data-page="overview"] .substation-copy { - max-width: 46rem; +body[data-page="overview"] .hero-grid { + grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr); + gap: clamp(2rem, 4vw, 3.7rem); } -body[data-page="overview"] .substation-copy h2 { - text-wrap: balance; +body[data-page="overview"] .hero-message { + min-width: 0; } -body[data-page="overview"] .substation-copy p { - max-width: 62ch; - text-wrap: pretty; +body[data-page="overview"] .hero h1 { + max-width: 12ch; + margin-top: 1.05rem; + font-size: clamp(3rem, 4.25vw, 3.85rem); + line-height: 1.01; + letter-spacing: -.044em; } -@media (min-width: 981px) { - body[data-page="overview"] .hero { - padding: 5.25rem 0 3.35rem; - } +body[data-page="overview"] .hero-copy { + max-width: 39rem; + margin-top: 1.2rem; + font-size: 1.04rem; + line-height: 1.62; +} - body[data-page="overview"] .hero > .container { - width: min(calc(100% - 2rem), var(--home-hero-max)); - } +body[data-page="overview"] .hero-actions { + gap: .6rem; + margin-top: 1.35rem; +} - body[data-page="overview"] .hero-grid { - grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); - gap: clamp(2rem, 3vw, 2.75rem); - } +body[data-page="overview"] .hero-actions .btn { + min-height: 46px; + padding: .68rem .92rem; + font-size: .87rem; +} - body[data-page="overview"] .hero-grid > div:first-child { - min-width: 0; - } +body[data-page="overview"] .hero-actions .btn-quiet { + min-height: auto; + padding: .45rem .18rem; + border: 0; + background: transparent; + box-shadow: none; + color: #9cb0c6; + font-weight: 600; +} - body[data-page="overview"] .eyebrow { - max-width: none; - white-space: nowrap; - font-size: .72rem; - letter-spacing: .048em; - } +body[data-page="overview"] .hero-actions .btn-quiet::after { + content: " →"; + color: #67d5ff; +} - body[data-page="overview"] .hero h1 { - max-width: min(38.5rem, 100%); - margin-top: 1.18rem; - font-size: clamp(3.58rem, 4.1vw, 4.02rem); - line-height: 1.025; - letter-spacing: -.046em; - } +body[data-page="overview"] .hero-actions .btn-quiet:hover, +body[data-page="overview"] .hero-actions .btn-quiet:focus-visible { + transform: none; + color: #f1f9ff; + background: transparent; + box-shadow: none; +} - /* Localized copy length is never part of the layout contract. */ - body[data-page="overview"] .hero h1 .gradient-text { - display: block; - max-inline-size: 100%; - white-space: normal; - text-wrap: balance; - } +body[data-page="overview"] .hero-proof { + gap: .55rem 1rem; + margin-top: 1.05rem; + font-size: .78rem; +} - body[data-page="overview"] .hero-copy { - max-width: 35.5rem; - margin-top: 1.3rem; - font-size: 1.06rem; - line-height: 1.6; - } +body[data-page="overview"] .hero-window { + border-radius: 18px; + transform: perspective(1500px) rotateY(-1.4deg) rotateX(.5deg); + transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; +} - body[data-page="overview"] .hero-actions { - align-items: center; - flex-wrap: nowrap; - gap: .62rem .78rem; - margin-top: 1.45rem; - } +body[data-page="overview"] .hero-window img { + display: block; + filter: brightness(.94) saturate(.97) contrast(.99); +} - body[data-page="overview"] .hero-actions .btn { - min-height: 48px; - padding: .72rem .94rem; - white-space: nowrap; - font-size: .88rem; - } +body[data-page="overview"] .hero-visual::before { + inset: 7% 4% 0; + opacity: .6; + filter: blur(70px); +} - /* The first two actions are decisions; the remaining quiet actions are navigation. */ - body[data-page="overview"] .hero-actions .btn-quiet { - min-height: auto; - padding: .42rem .1rem; - color: #9fb2c8; - border: 0; - border-radius: 0; - background: transparent; - box-shadow: none; - font-size: .84rem; - font-weight: 610; - text-decoration: none; - } +body[data-page="overview"] .floating-chip { + padding: .52rem .66rem; + border-radius: 10px; + font-size: .71rem; + font-weight: 620; +} - body[data-page="overview"] .hero-actions .btn-quiet::after { - content: " →"; - color: #6ed6ff; - } +body[data-page="overview"] .floating-chip.one { + left: -.65rem; + top: 13%; +} - body[data-page="overview"] .hero-actions .btn-quiet:hover, - body[data-page="overview"] .hero-actions .btn-quiet:focus-visible { - color: #ecf8ff; - background: transparent; - box-shadow: none; - transform: none; - } +body[data-page="overview"] .floating-chip.two { + right: -.35rem; + bottom: 10%; + opacity: .8; +} - body[data-page="overview"] .hero:lang(id) .hero-actions .btn-quiet:last-child { - margin-left: .1rem; - color: #7f93aa; - font-size: .78rem; - } +body[data-page="overview"] .home-paths-section { + padding-top: clamp(3rem, 4.5vw, 3.9rem); +} - body[data-page="overview"] .hero:lang(id) .hero-actions .btn-quiet:last-child::after { - content: ""; - } +body[data-page="overview"] .home-path-grid { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: .8rem; +} - body[data-page="overview"] .hero-proof { - flex-wrap: nowrap; - gap: .8rem 1rem; - margin-top: 1.22rem; - font-size: .79rem; - } +body[data-page="overview"] .home-path-grid .card { + display: flex; + min-height: 100%; + flex-direction: column; + padding: 1.2rem; +} - body[data-page="overview"] .hero-proof span { - white-space: nowrap; - } +body[data-page="overview"] .home-path-grid .card h3 { + margin-top: .65rem; +} - body[data-page="overview"] .hero-visual { - width: 103%; - justify-self: end; - } +body[data-page="overview"] .home-path-grid .section-actions { + margin-top: auto; + padding-top: .9rem; +} - body[data-page="overview"] .hero-window { - position: relative; - overflow: hidden; - transform: perspective(1500px) rotateY(-2deg) rotateX(.8deg); - } +body[data-page="overview"] .metrics { + padding: .2rem 0 0; +} - /* Keep the real product readable while preventing its white workspace from - overpowering the message column on dark landing-page backgrounds. */ - body[data-page="overview"] .hero-window img { - display: block; - filter: brightness(.92) saturate(.96) contrast(.985); - } +body[data-page="overview"] .metric-grid { + border-radius: 14px; +} - body[data-page="overview"] .hero-window::after { - content: ""; - position: absolute; - inset: 0; - pointer-events: none; - background: - linear-gradient(90deg, rgba(5, 15, 29, .045), transparent 28%, transparent 74%, rgba(5, 15, 29, .055)), - linear-gradient(180deg, rgba(7, 17, 31, .025), transparent 58%, rgba(7, 17, 31, .04)); - } +body[data-page="overview"] .metric { + padding: 1rem 1.15rem; +} + +body[data-page="overview"] .metric strong { + font-size: 1rem; +} + +body[data-page="overview"] .metric span { + font-size: .79rem; +} + +body[data-page="overview"] .home-workflows .comparison-grid { + gap: .9rem; +} + +body[data-page="overview"] .home-workflows .comparison-panel { + border-radius: 16px; + padding: clamp(1.3rem, 2vw, 1.65rem); +} + +body[data-page="overview"] .home-workflows .comparison-panel h3 { + margin-top: .65rem; + max-width: 26ch; + font-size: 1.18rem; +} + +body[data-page="overview"] .home-workflows .comparison-panel ul { + margin-top: 1rem; +} - body[data-page="overview"] .hero-visual::before { - opacity: .74; +body[data-page="overview"] .home-evidence .product-tour-grid { + gap: .85rem; +} + +body[data-page="overview"] .gallery-footer { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: .8rem 1.1rem; + margin-top: 1.2rem; +} + +body[data-page="overview"] .home-next-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: .8rem; +} + +body[data-page="overview"] .home-next-grid .card { + padding: 1.25rem; +} + +body[data-page="overview"] .home-next-grid .card h3 { + margin-top: 0; +} + +body[data-page="overview"] .release-strip { + display: grid; + grid-template-columns: minmax(0, 1.25fr) auto auto; + align-items: center; + gap: 1.4rem; + padding: clamp(1.25rem, 2vw, 1.65rem); + border: 1px solid rgba(102, 202, 255, .2); + border-radius: 16px; + background: + radial-gradient(circle at 4% 0%, rgba(56, 189, 248, .12), transparent 18rem), + linear-gradient(135deg, rgba(17, 48, 82, .68), rgba(12, 27, 50, .68)); + box-shadow: 0 18px 48px rgba(0, 8, 24, .16), inset 0 1px 0 rgba(255,255,255,.035); +} + +body[data-page="overview"] .release-strip h2 { + margin-top: .38rem; + font-size: clamp(1.45rem, 2.2vw, 1.85rem); + letter-spacing: -.03em; +} + +body[data-page="overview"] .release-strip p { + max-width: 62ch; + margin: .55rem 0 0; + color: #aebfd2; + font-size: .86rem; + line-height: 1.55; +} + +body[data-page="overview"] .release-facts { + display: flex; + gap: .55rem; +} + +body[data-page="overview"] .release-facts span { + min-width: 5.6rem; + padding: .72rem .8rem; + border: 1px solid rgba(190, 221, 255, .1); + border-radius: 12px; + background: rgba(255,255,255,.035); +} + +body[data-page="overview"] .release-facts strong, +body[data-page="overview"] .release-facts small { + display: block; +} + +body[data-page="overview"] .release-facts strong { + font-size: .85rem; + font-weight: 660; +} + +body[data-page="overview"] .release-facts small { + margin-top: .1rem; + color: #8198b1; + font-size: .67rem; +} + +body[data-page="overview"] .release-actions { + display: flex; + align-items: center; + gap: .75rem; + white-space: nowrap; +} + +body[data-page="overview"] .home-faq .section-head { + margin-bottom: 1.4rem; +} + +body[data-page="overview"] [data-reveal].reveal { + transform: translateY(10px); + transition-duration: .45s; +} + +@media (hover: hover) and (pointer: fine) { + body[data-page="overview"] .hero-visual:hover .hero-window { + border-color: rgba(122, 210, 255, .24); + box-shadow: 0 34px 84px rgba(0, 8, 26, .42), 0 0 0 1px rgba(255,255,255,.035); + transform: perspective(1500px) rotateY(-.6deg) rotateX(.2deg) translateY(-2px); } +} - body[data-page="overview"] .floating-chip.one { - left: -.85rem; - top: 16%; - padding: .58rem .74rem; - border-color: rgba(172, 222, 255, .2); - background: rgba(7, 20, 39, .9); - box-shadow: 0 14px 32px rgba(0, 5, 18, .31); +@media (max-width: 1080px) { + body[data-page="overview"] .home-path-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - body[data-page="overview"] .floating-chip.two { - right: -.35rem; - bottom: 11%; - padding: .52rem .68rem; - color: #adc0d4; - border-color: rgba(191, 220, 246, .11); - background: rgba(7, 20, 39, .77); - box-shadow: 0 10px 26px rgba(0, 5, 18, .24); - opacity: .78; - font-size: .72rem; + body[data-page="overview"] .release-strip { + grid-template-columns: 1fr auto; } - /* Indonesian copy needs slightly more message authority than English. */ - body[data-page="overview"] .hero:lang(id) .hero-grid { - grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); - gap: clamp(1.75rem, 2.6vw, 2.4rem); + body[data-page="overview"] .release-actions { + grid-column: 1 / -1; } +} - body[data-page="overview"] .hero:lang(id) h1 { - max-width: min(39rem, 100%); - font-size: clamp(3.38rem, 3.85vw, 3.82rem); +@media (max-width: 980px) { + body[data-page="overview"] .hero-grid { + grid-template-columns: 1fr; + gap: 2.2rem; } - body[data-page="overview"] .hero:lang(id) .hero-copy { - max-width: 36.5rem; + body[data-page="overview"] .hero h1 { + max-width: 15ch; } - body[data-page="overview"] .hero:lang(id) .eyebrow { - max-width: 100%; - white-space: normal; - line-height: 1.35; + body[data-page="overview"] .hero-visual { + width: min(100%, 780px); + margin-inline: auto; } - body[data-page="overview"] .hero:lang(id) .hero-visual { - width: 101%; + body[data-page="overview"] .home-next-grid { + grid-template-columns: 1fr; } } -@media (min-width: 981px) and (max-width: 1180px) { - body[data-page="overview"] .hero h1 { - font-size: clamp(3.25rem, 5vw, 3.68rem); +@media (max-width: 760px) { + body[data-page="overview"] .hero { + padding-top: 3.8rem; } - body[data-page="overview"] .eyebrow { - font-size: .68rem; + body[data-page="overview"] .hero h1 { + font-size: clamp(2.55rem, 12vw, 3.25rem); } - body[data-page="overview"] .hero-actions { - flex-wrap: wrap; + body[data-page="overview"] .hero-actions .btn, + body[data-page="overview"] .hero-actions .btn-quiet { + width: 100%; } - body[data-page="overview"] .hero-actions .btn { - padding-inline: .8rem; - font-size: .84rem; + body[data-page="overview"] .hero-actions .btn-quiet { + justify-content: flex-start; } - body[data-page="overview"] .hero-proof { - flex-wrap: wrap; - font-size: .75rem; - gap: .7rem; + body[data-page="overview"] .home-path-grid { + grid-template-columns: 1fr; } - body[data-page="overview"] .hero-visual { - width: 101%; + body[data-page="overview"] .release-strip { + grid-template-columns: 1fr; } - body[data-page="overview"] .hero:lang(id) h1 { - font-size: clamp(3.18rem, 4.55vw, 3.5rem); + body[data-page="overview"] .release-facts { + overflow-x: auto; + padding-bottom: .1rem; } - body[data-page="overview"] .hero:lang(id) .hero-visual { - width: 100%; + body[data-page="overview"] .release-actions { + grid-column: auto; + flex-wrap: wrap; } } -@media (max-width: 980px) { - body[data-page="overview"] .hero + .section, - body[data-page="overview"] .hero + .section-tight { - padding-top: 3.7rem; +@media (max-width: 520px) { + body[data-page="overview"] .hero { + padding-top: 3.35rem; } - body[data-page="overview"] .substation-copy h2 { - max-width: 22ch; + body[data-page="overview"] .hero-proof { + display: grid; + gap: .42rem; + } + + body[data-page="overview"] .release-actions .btn { + width: 100%; } } -@media (max-width: 760px) { - body[data-page="overview"] .hero + .section, - body[data-page="overview"] .hero + .section-tight { - padding-top: 3.35rem; +@media (prefers-reduced-motion: reduce) { + body[data-page="overview"] .hero-window { + transition: none; + transform: none; } - body[data-page="overview"] .substation-copy h2 { - max-width: none; + body[data-page="overview"] .hero-visual:hover .hero-window { + transform: none; } } From c2bc098182c3269338ce8fc2e67ced4c7e3382a0 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:46:13 +0700 Subject: [PATCH 09/18] site: add bounded scroll and reveal micro-interactions --- landing/app.js | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/landing/app.js b/landing/app.js index 9a8130596..94e3e6a79 100644 --- a/landing/app.js +++ b/landing/app.js @@ -56,6 +56,38 @@ node.textContent = String(new Date().getFullYear()); }); + const header = document.querySelector('.site-header'); + if (header) { + let scrollFrame = 0; + const syncHeaderState = () => { + scrollFrame = 0; + header.classList.toggle('is-scrolled', window.scrollY > 12); + }; + window.addEventListener('scroll', () => { + if (scrollFrame) return; + scrollFrame = window.requestAnimationFrame(syncHeaderState); + }, { passive: true }); + syncHeaderState(); + } + + const revealNodes = [...document.querySelectorAll('[data-reveal]')]; + if (revealNodes.length) { + const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; + if (reducedMotion || !('IntersectionObserver' in window)) { + revealNodes.forEach(node => node.classList.add('visible')); + } else { + revealNodes.forEach(node => node.classList.add('reveal')); + const observer = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (!entry.isIntersecting) return; + entry.target.classList.add('visible'); + observer.unobserve(entry.target); + }); + }, { threshold: 0.08, rootMargin: '0px 0px -8% 0px' }); + revealNodes.forEach(node => observer.observe(node)); + } + } + document.querySelectorAll('[data-copy-value]').forEach(button => { if (!(button instanceof HTMLButtonElement)) return; const original = button.textContent || ''; From d7b46480a9b82261783a59a4cfd1c79ad0ebdedc Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:46:16 +0700 Subject: [PATCH 10/18] site: optimize evidence cards and gallery interactions --- landing/screenshots.css | 33 ++++++++++++++++++++++++++------- 1 file changed, 26 insertions(+), 7 deletions(-) diff --git a/landing/screenshots.css b/landing/screenshots.css index b5e11a302..76630f6b6 100644 --- a/landing/screenshots.css +++ b/landing/screenshots.css @@ -8,9 +8,12 @@ margin: 0; overflow: hidden; border: 1px solid var(--line); - border-radius: 18px; + border-radius: 15px; background: rgba(255, 255, 255, .038); - box-shadow: 0 16px 44px rgba(0, 0, 0, .2); + box-shadow: 0 14px 36px rgba(0, 0, 0, .17); + content-visibility: auto; + contain-intrinsic-size: 420px 340px; + transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .screenshot-card.wide { @@ -52,29 +55,30 @@ display: block; width: 100%; height: auto; - transition: transform .28s ease; + transition: transform .24s ease, filter .24s ease; } .screenshot-link:hover img { - transform: scale(1.008); + transform: scale(1.012); + filter: saturate(1.03) brightness(1.015); } .screenshot-caption { - padding: .95rem 1.05rem 1.05rem; + padding: .82rem .92rem .9rem; } .screenshot-caption h3 { display: flex; align-items: center; gap: .55rem; - font-size: 1.02rem; + font-size: .96rem; letter-spacing: -.015em; } .screenshot-caption p { margin: .42rem 0 0; color: var(--muted); - font-size: .9rem; + font-size: .84rem; } .screenshot-number { @@ -123,3 +127,18 @@ transition: none; } } + + +@media (hover: hover) and (pointer: fine) { + .screenshot-card:hover { + border-color: rgba(111, 203, 255, .22); + box-shadow: 0 18px 46px rgba(0, 8, 24, .22); + transform: translateY(-2px); + } +} + +@media (prefers-reduced-motion: reduce) { + .screenshot-card { + transition: none; + } +} From 5221cc398baf75097e78e6c94b53c2c6504a19a2 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:46:19 +0700 Subject: [PATCH 11/18] site: add restrained shared interaction states --- landing/polish.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/landing/polish.css b/landing/polish.css index 17f4b01bf..7b79a1efd 100644 --- a/landing/polish.css +++ b/landing/polish.css @@ -564,3 +564,42 @@ code { transform: none; } } + + +/* R2 interaction polish: visible state changes stay subtle and bounded. */ +.site-header { + transition: background .2s ease, box-shadow .2s ease, border-color .2s ease; +} + +.site-header.is-scrolled { + background: rgba(5, 14, 27, .92); + border-bottom-color: rgba(197, 225, 255, .14); + box-shadow: 0 12px 34px rgba(0, 7, 20, .22); +} + +.text-link { + display: inline-flex; + align-items: center; + color: #80d8ff; + text-decoration: none; + text-underline-offset: .22em; + font-size: .88rem; + font-weight: 620; + transition: color .18s ease, transform .18s ease; +} + +.text-link:hover { + color: #dff6ff; + transform: translateX(2px); +} + +@media (prefers-reduced-motion: reduce) { + .site-header, + .text-link { + transition: none; + } + + .text-link:hover { + transform: none; + } +} From c63bc5b5845ad8d8342e93d4710b64a80b0a9004 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:46:47 +0700 Subject: [PATCH 12/18] test(site): lock compact homepage and fast-loading chrome invariants --- scripts/validate-product-source.py | 26 +++++++++++++++++++------- 1 file changed, 19 insertions(+), 7 deletions(-) diff --git a/scripts/validate-product-source.py b/scripts/validate-product-source.py index 0d9d23bea..5088c7a0f 100644 --- a/scripts/validate-product-source.py +++ b/scripts/validate-product-source.py @@ -18,7 +18,7 @@ INCLUDE = re.compile(r"\{\{>\s*([a-z0-9-]+)\s*\}\}", re.IGNORECASE) TOKEN = re.compile(r"\{\{([A-Z0-9_]+)\}\}") VERIFICATION = re.compile(r"google[a-z0-9]+\.html", re.IGNORECASE) -EXPECTED_NAV = {"overview", "learn", "capabilities", "io-fat", "solutions", "guides", "about", "download"} +EXPECTED_NAV = {"overview", "learn", "capabilities", "solutions", "guides", "download"} GUIDES = { "reporting-silent.html", "brcb-vs-urcb.html", "rcb-reserved.html", "empty-dataset.html", "port-102-connection-failed.html", "comtrade-download.html", "goose-sequence.html", @@ -199,11 +199,16 @@ def main() -> int: for key, value in expected_social_meta.items(): if audit.meta.get(key) != value: errors.append(f"{label}: invalid {key}") if not audit.meta.get("twitter:image:alt"): errors.append(f"{label}: missing twitter:image:alt") - substation_images = [image for image in audit.images if image.get("src") == "assets/arsas-substation-context.webp"] - if len(substation_images) != 1: - errors.append(f"{label}: expected one substation context image") - elif substation_images[0].get("loading") != "lazy" or substation_images[0].get("fetchpriority") != "low": - errors.append(f"{label}: substation context image must be low-priority lazy media") + if 'href="home.css"' not in raw: + errors.append(f"{label}: homepage must load scoped home.css in ") + screenshot_images = [ + image for image in audit.images + if str(image.get("src") or "").startswith("assets/screenshots/") + ] + if len(screenshot_images) != 7: + errors.append(f"{label}: expected hero plus six curated product screenshots, found {len(screenshot_images)}") + if "arsas-substation-context.webp" in rendered: + errors.append(f"{label}: decorative substation media should not be loaded on the compact homepage") for image in audit.images: src = image.get("src") or "" if image.get("alt") is None or not image.get("width") or not image.get("height"): errors.append(f"{label}: incomplete image metadata {src}") @@ -214,12 +219,19 @@ def main() -> int: if ' header}}" not in raw or "{{> footer}}" not in raw): errors.append(f"{label}: missing shared chrome") if item.get("contentType") == "localized": - if "{{> download-cta-id}}" not in raw or '"inLanguage":"id"' not in raw.replace(" ", "") or 'hreflang="en"' not in raw: errors.append(f"{label}: incomplete Indonesian contract") + if (path != "id.html" and "{{> download-cta-id}}" not in raw) or '"inLanguage":"id"' not in raw.replace(" ", "") or 'hreflang="en"' not in raw: + errors.append(f"{label}: incomplete Indonesian contract") elif path not in {"", "download.html", "404.html"} and "{{> download-cta}}" not in raw: errors.append(f"{label}: missing shared download CTA") if item.get("contentType") == "guide" and ('"@type":"TechArticle"' not in raw.replace(" ", "") or "{{> guide-boundary}}" not in raw): errors.append(f"{label}: incomplete guide contract") header = (PARTIALS / "header.html").read_text(encoding="utf-8") footer = (PARTIALS / "footer.html").read_text(encoding="utf-8") + if "rsms.me" in header: + errors.append("header must not depend on external web fonts") + if 'href="home.css"' in header: + errors.append("home.css must remain homepage-scoped") + if 'href="polish.css"' in header or 'href="design-system.css"' in header: + errors.append("shared stylesheet links belong in , not the header partial") for nav in EXPECTED_NAV: if f'data-nav-page="{nav}"' not in header: errors.append(f"header missing navigation {nav}") for value in ("learning-center.html", "what-is-iec61850.html", "connect-ied-ip-arsas.html", "quick-start.html", "io-list-fat-evidence.html", "compatibility.html", "privacy.html", "{{AUTHOR_LINKEDIN}}"): From 4f3c739d41eb2ffbee88f54b54f601679bb397f1 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:47:10 +0700 Subject: [PATCH 13/18] site: compress repeated stable-release CTA --- landing/partials/download-cta.html | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/landing/partials/download-cta.html b/landing/partials/download-cta.html index 4462bbe6b..ceeb7fc20 100644 --- a/landing/partials/download-cta.html +++ b/landing/partials/download-cta.html @@ -1,14 +1,13 @@
-
+
- Verified stable release · ARSAS {{STABLE_VERSION}} -

Download the release-grade IEC 61850 workstation for Windows.

-

The current stable build includes Rev.3 IO List FAT import, an executive AS TESTED evidence report, a loaded Engineering/FAT workspace session, and direct receive-only GOOSE plus bounded SMV capture from each IED card.

-

Use the installer for a normal workstation, choose the portable single EXE for an approved no-install deployment, and verify the published SHA-256 before use.

- What’s new, engineering boundaries and signing status → + Verified stable · ARSAS {{STABLE_VERSION}} +

Ready for an approved Windows workstation?

+

Installer and portable packages share the same application scope. Verify the published SHA-256 and review the release boundary before field use.

+ Release notes, limitations and signing status →
-
Download Windows installerVerify and compare packagesReview IO FAT workflow
+
Download installerCompare packages
From f6b3b82612d50caa6cad0adf691c9082b1492b51 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:47:12 +0700 Subject: [PATCH 14/18] site: compact Indonesian stable-release CTA --- landing/partials/download-cta-id.html | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/landing/partials/download-cta-id.html b/landing/partials/download-cta-id.html index 6558a3621..a29df7dbf 100644 --- a/landing/partials/download-cta-id.html +++ b/landing/partials/download-cta-id.html @@ -1 +1,13 @@ -
Release stabil terverifikasi

Unduh ARSAS {{STABLE_VERSION}} untuk Windows.

Gunakan installer untuk workstation normal, pilih portable single EXE untuk deployment tanpa instalasi yang disetujui, dan verifikasi SHA-256 sebelum digunakan.

Yang baru, batasan dan status signing →
Unduh Windows installerVerifikasi dan bandingkan paket
+
+
+
+
+ Release stabil · ARSAS {{STABLE_VERSION}} +

Siap digunakan pada workstation Windows yang disetujui?

+

Installer dan portable memiliki scope aplikasi yang sama. Verifikasi SHA-256 yang dipublikasikan dan review batas rilis sebelum digunakan di lapangan.

+ Catatan rilis, batasan dan status signing → +
+
Unduh installerBandingkan paket
+
+
+
From ad01ea8c171106901a1161c825980eaf5d8bf853 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:47:43 +0700 Subject: [PATCH 15/18] site: preserve English alternate from Indonesian homepage --- landing/templates/id.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/landing/templates/id.html b/landing/templates/id.html index b20427773..6db2e4568 100644 --- a/landing/templates/id.html +++ b/landing/templates/id.html @@ -51,7 +51,7 @@

Dari live IED menuju evidence engineering. Unduh ARSAS Hubungkan IED pertama - Lihat produk + Lihat produkEnglish

Smart Discovery bounded From cc0e292622ca8f7717d1a0a9b358cb781a3e941e Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:50:44 +0700 Subject: [PATCH 16/18] test(site): align rendered validator with compact R2 contract --- scripts/validate-product-build.py | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/scripts/validate-product-build.py b/scripts/validate-product-build.py index c8f7bdb15..31877cf94 100644 --- a/scripts/validate-product-build.py +++ b/scripts/validate-product-build.py @@ -16,7 +16,7 @@ INSTALLER = "https://github.com/masarray/arsas/releases/latest/download/ARSAS-Windows-x64-Setup.exe" PORTABLE = "https://github.com/masarray/arsas/releases/latest/download/ARSAS-Windows-x64-Portable.exe" CHECKSUMS = "https://github.com/masarray/arsas/releases/latest/download/ARSAS-Windows-x64-SHA256SUMS.txt" -EXPECTED_NAV = {"overview", "learn", "capabilities", "io-fat", "solutions", "guides", "about", "download"} +EXPECTED_NAV = {"overview", "learn", "capabilities", "solutions", "guides", "download"} GUIDES = { "reporting-silent.html", "brcb-vs-urcb.html", "rcb-reserved.html", "empty-dataset.html", "port-102-connection-failed.html", "comtrade-download.html", "goose-sequence.html", @@ -163,11 +163,16 @@ def main() -> int: for key, value in expected_social_meta.items(): if audit.meta.get(key) != value: errors.append(f"{home}: invalid {key}") if not audit.meta.get("twitter:image:alt"): errors.append(f"{home}: missing twitter:image:alt") - substation_images = [image for image in audit.images if image.get("src") == "assets/arsas-substation-context.webp"] - if len(substation_images) != 1: - errors.append(f"{home}: expected one substation context image") - elif substation_images[0].get("loading") != "lazy" or substation_images[0].get("fetchpriority") != "low": - errors.append(f"{home}: substation context image must be low-priority lazy media") + screenshot_images = [ + image for image in audit.images + if str(image.get("src") or "").startswith("assets/screenshots/") + ] + if len(screenshot_images) != 7: + errors.append(f"{home}: expected hero plus six curated product screenshots, found {len(screenshot_images)}") + if any(image.get("src") == "assets/arsas-substation-context.webp" for image in audit.images): + errors.append(f"{home}: compact homepage must not load decorative substation media") + if "home.css" not in audit.refs: + errors.append(f"{home}: scoped home.css is missing") if not GUIDES.issubset(set(expected_pages)): errors.append("troubleshooting guides are missing from the build") sitemap = site / "sitemap.xml" From 457acd15f5713a1594154b00a7c74ae1a725c8c5 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:53:45 +0700 Subject: [PATCH 17/18] site: preserve localized hero safety in compact layout --- landing/home.css | 29 ++++++++++++++++++++++++++--- 1 file changed, 26 insertions(+), 3 deletions(-) diff --git a/landing/home.css b/landing/home.css index b3ea1b077..b9ec0f5e2 100644 --- a/landing/home.css +++ b/landing/home.css @@ -3,7 +3,7 @@ motion. Every selector is scoped to the overview page. */ body[data-page="overview"] { - --home-hero-max: 1260px; + --home-hero-max: 1280px; } body[data-page="overview"] .hero { @@ -31,6 +31,29 @@ body[data-page="overview"] .hero h1 { letter-spacing: -.044em; } +body[data-page="overview"] .hero h1 .gradient-text { + white-space: normal; + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +body[data-page="overview"] .hero:lang(id) .hero-grid { + grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); +} + +body[data-page="overview"] .hero:lang(id) h1 { + max-width: 13.5ch; + font-size: clamp(2.85rem, 4vw, 3.7rem); +} + +body[data-page="overview"] .hero:lang(id) .eyebrow { + white-space: normal; +} + +body[data-page="overview"] .hero:lang(id) .hero-actions { + flex-wrap: wrap; +} + body[data-page="overview"] .hero-copy { max-width: 39rem; margin-top: 1.2rem; @@ -86,7 +109,7 @@ body[data-page="overview"] .hero-window { body[data-page="overview"] .hero-window img { display: block; - filter: brightness(.94) saturate(.97) contrast(.99); + filter: brightness(.92) saturate(.96) contrast(.985); } body[data-page="overview"] .hero-visual::before { @@ -110,7 +133,7 @@ body[data-page="overview"] .floating-chip.one { body[data-page="overview"] .floating-chip.two { right: -.35rem; bottom: 10%; - opacity: .8; + opacity: .78; } body[data-page="overview"] .home-paths-section { From 320b100037301e510517d9a71b3b00897b9e9d99 Mon Sep 17 00:00:00 2001 From: Ari Sulistiono Date: Mon, 21 Sep 2026 21:53:47 +0700 Subject: [PATCH 18/18] test(site): reflect head-scoped stylesheet architecture --- .../WebsiteHeroLocalizationRegressionTests.cs | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/tests/ARSAS.Tests/WebsiteHeroLocalizationRegressionTests.cs b/tests/ARSAS.Tests/WebsiteHeroLocalizationRegressionTests.cs index 8eda34766..ad29b317c 100644 --- a/tests/ARSAS.Tests/WebsiteHeroLocalizationRegressionTests.cs +++ b/tests/ARSAS.Tests/WebsiteHeroLocalizationRegressionTests.cs @@ -40,11 +40,17 @@ public void HeroBalance_HasWiderCanvasQuieterProductAndTertiaryActions() public void CssArchitecture_ReplacesPhaseOverridesWithSemanticScopedLayers() { var header = Read("landing/partials/header.html"); + var index = Read("landing/templates/index.html"); + var builder = Read("scripts/build-product-site.py"); var home = Read("landing/home.css"); var designSystem = Read("landing/design-system.css"); - Assert.Contains("design-system.css", header, StringComparison.Ordinal); - Assert.Contains("home.css", header, StringComparison.Ordinal); + Assert.DoesNotContain("design-system.css", header, StringComparison.Ordinal); + Assert.DoesNotContain("polish.css", header, StringComparison.Ordinal); + Assert.DoesNotContain("home.css", header, StringComparison.Ordinal); + Assert.Contains("home.css", index, StringComparison.Ordinal); + Assert.Contains("design-system.css", builder, StringComparison.Ordinal); + Assert.Contains("polish.css", builder, StringComparison.Ordinal); Assert.DoesNotContain("hero-p0.css", header, StringComparison.Ordinal); Assert.DoesNotContain("section-p1.css", header, StringComparison.Ordinal);