-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
145 lines (131 loc) · 9.67 KB
/
Copy pathabout.html
File metadata and controls
145 lines (131 loc) · 9.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Why Kea exists</title>
<meta name="description" content="What Kea is, who it is for and what it is not.">
<link rel="icon" type="image/png" href="assets/kea_k_logo.png">
</head>
<body>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/site.css">
<div style="background:#ffffff;color:#333;">
<!-- ============ HEADER ============ -->
<header style="position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #eceae5;">
<input type="checkbox" id="nav-check">
<div style="max-width:1180px;margin:0 auto;padding:0 28px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;">
<a href="index.html" style="display:flex;align-items:center;flex-shrink:0;">
<img src="assets/kea_word_logo.svg" alt="Kea" style="height:30px;width:auto;display:block;">
</a>
<nav class="nav-desktop">
<a class="nav-link" href="index.html#how" style="font-size:15px;font-weight:600;">How it works</a>
<a class="nav-link" href="pricing.html" style="font-size:15px;font-weight:600;">Pricing</a>
<a class="nav-link" href="about.html" style="font-size:15px;font-weight:600;">About</a>
<a class="btn-cta btn-cta-nudge" href="demo.html" style="display:inline-flex;align-items:center;background:var(--kea-cta-bg);color:#fff;font-size:15px;font-weight:700;padding:11px 22px;border-radius:var(--kea-radius);box-shadow:0 2px 6px var(--kea-cta-shadow);">Book a demo</a>
</nav>
<label class="nav-toggle" for="nav-check" aria-label="Menu">
<span></span><span></span><span></span>
</label>
</div>
<div class="nav-mobile">
<a href="index.html#how" style="font-size:16px;font-weight:600;color:#333;padding:12px 4px;border-bottom:1px solid #f3f1ec;">How it works</a>
<a href="pricing.html" style="font-size:16px;font-weight:600;color:#333;padding:12px 4px;border-bottom:1px solid #f3f1ec;">Pricing</a>
<a href="about.html" style="font-size:16px;font-weight:600;color:#333;padding:12px 4px;">About</a>
<a href="demo.html" style="margin-top:10px;text-align:center;background:var(--kea-cta-bg);color:#fff;font-size:16px;font-weight:700;padding:14px 22px;border-radius:var(--kea-radius);">Book a demo</a>
</div>
</header>
<!-- ============ PAGE HEAD ============ -->
<section class="page-head">
<div class="wrap">
<h1>Why Kea exists.</h1>
<p class="lede">The process document describes how work is supposed to move. The event log records how it moved. Almost every organisation has the second one and almost nobody looks at it whole.</p>
</div>
</section>
<section>
<div class="wrap two-col" style="padding-top:clamp(36px,4.5vw,56px);padding-bottom:clamp(36px,4.5vw,56px);">
<div><h2 class="h2">What it is</h2></div>
<div class="prose">
<p>Kea is a desktop application for reading an event log properly. It groups cases by how they actually ran, draws the process as a graph from the log alone, puts the individual cases on a timeline, charts their attributes, and tells you in numbers what separates one group from another.</p>
<p>Every panel shares a selection, so a click in one narrows all the others to the same cases. Every step is recorded in a tree you can walk back through or hand to a colleague. That is the whole idea: from a pattern to the cases behind it, without losing the trail.</p>
</div>
</div>
</section>
<section style="background:#f8f9f5;border-top:1px solid #eeede7;">
<div class="wrap two-col" style="padding-top:clamp(36px,4.5vw,56px);padding-bottom:clamp(36px,4.5vw,56px);">
<div><h2 class="h2">Why it runs on your machine</h2></div>
<div class="prose">
<p>The logs worth studying are the ones you cannot upload: patient pathways, claims, customer orders, internal tickets. Every cloud process-mining product starts by asking you to send that data somewhere. Kea does not, because a desktop application never has to.</p>
<p>It costs us some conveniences. There is no shared workspace in a browser and no dashboard for the board. In exchange, the question of where the data went has a one-word answer.</p>
</div>
</div>
</section>
<section style="border-top:1px solid #eeede7;">
<div class="wrap two-col" style="padding-top:clamp(36px,4.5vw,56px);padding-bottom:clamp(36px,4.5vw,56px);">
<div><h2 class="h2">What it is not</h2></div>
<div class="prose">
<p>Kea does not run your process or change it, so it is not a workflow engine or a BPM suite. It has no connectors into your systems: you export a log and Kea reads it. And the language-model features are optional and local, so nothing in the analysis depends on them.</p>
<p>It is a tool for the person who has to explain why the numbers look the way they do, and for the person they have to explain it to.</p>
</div>
</div>
</section>
<!-- PLACEHOLDER: team section (names, roles, photos, origin of the project) goes here once it can be published. Do not add a placeholder block in the page itself. -->
<section style="background:radial-gradient(900px 500px at 85% 15%, #4e6b2b 0%, #3e5621 55%, #33491c 100%);">
<div class="wrap" style="padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(48px,6vw,76px);text-align:center;">
<h2 style="margin:0 auto 14px;max-width:700px;font-size:clamp(26px,3.6vw,40px);line-height:1.12;letter-spacing:-0.02em;font-weight:800;color:#fff;">Talk to us.</h2>
<p style="margin:0 auto 28px;max-width:520px;font-size:17px;line-height:1.6;color:#d6e3c1;">The fastest way is the demo form. Questions without a log attached are welcome there too.</p>
<a class="btn-cta btn-cta-lift" href="demo.html" style="display:inline-flex;align-items:center;gap:9px;background:var(--kea-cta-bg);color:#fff;font-size:16px;font-weight:700;padding:15px 30px;border-radius:var(--kea-radius);box-shadow:0 8px 22px rgba(233,84,35,.4);">Get in touch <span style="font-size:18px;line-height:1;">→</span></a>
</div>
</section>
<!-- ============ FOOTER (identical on every page under site/; edit all copies together) ============ -->
<footer style="background:#2b2b29;color:#cfcfca;">
<div style="max-width:1180px;margin:0 auto;padding:clamp(44px,5vw,64px) 28px 30px;">
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:36px;margin-bottom:44px;">
<div style="max-width:300px;">
<div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
<img src="assets/kea_parrot.svg" alt="" style="height:38px;width:auto;display:block;">
<span style="font-size:21px;font-weight:800;color:#fff;letter-spacing:-0.01em;">Kea</span>
</div>
<p style="margin:0;font-size:14px;line-height:1.6;color:#9a9a93;">Process-mining analytics for the event logs you already have. A desktop app; your data stays with you.</p>
</div>
<div>
<h4 style="margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff;">PRODUCT</h4>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;">
<li><a class="footer-link" href="index.html" style="font-size:14px;">Overview</a></li>
<li><a class="footer-link" href="index.html#how" style="font-size:14px;">How it works</a></li>
<li><a class="footer-link" href="pricing.html" style="font-size:14px;">Pricing</a></li>
</ul>
</div>
<div>
<h4 style="margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff;">RESOURCES</h4>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;">
<li><a class="footer-link" href="security.html" style="font-size:14px;">Data handling</a></li>
</ul>
</div>
<div>
<h4 style="margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff;">COMPANY</h4>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;">
<li><a class="footer-link" href="about.html" style="font-size:14px;">About</a></li>
<li><a class="footer-link" href="demo.html" style="font-size:14px;">Contact</a></li>
</ul>
</div>
<div>
<h4 style="margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff;">GET STARTED</h4>
<p style="margin:0 0 16px;font-size:14px;line-height:1.6;color:#9a9a93;">Thirty minutes, your log or a public one.</p>
<a class="btn-cta" href="demo.html" style="display:inline-flex;align-items:center;background:var(--kea-cta-bg);color:#fff;font-size:14px;font-weight:700;padding:11px 20px;border-radius:var(--kea-radius);">Book a demo</a>
</div>
</div>
<div style="border-top:1px solid #41413d;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;">
<span style="font-size:13px;color:#86867f;">© 2026 Kea. All rights reserved.</span>
<div style="display:flex;gap:22px;">
<a class="footer-legal-link" href="legal.html#privacy" style="font-size:13px;">Privacy</a>
<a class="footer-legal-link" href="legal.html#terms" style="font-size:13px;">Terms</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>