PageSourceSearch

https://cloudara.ai/

html cloudara.ai collected 2026-10-05 13:02:00 UTC 17,811 bytes, 548 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>Cloudara.ai</title>
7  <link rel="shortcut icon" href="https://148131272.hs-sites-eu1.com/hubfs/favicon2.ico" />
vendor: 66 bytes, lines 7-8
7
8  <script async src="https://www.googletagmanager.com/gtag/js?id=
8G-GXVEXCGWS9
vendor: 14 bytes, lines 8-9
8"></script>
9  
9<script>
10    
vendor: 139 bytes, lines 10-13
10window.dataLayer = window.dataLayer || [];
11    function gtag(){dataLayer.push(arguments);}
12    gtag('js', new Date());
13    gtag('config', '
13G-GXVEXCGWS9
vendor: 6 bytes, lines 13-14
13');
14  
14</script>
14
15  
15<script>
16    function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script");
17    o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0,
18    o.onload=function(){window.trackingFunctions.onLoad({appId:"69c3e913acaaf3000d3e40a1"})},
19    document.head.appendChild(o)}initApollo();
20  </script>
20
21  <style>
22    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
23    :root {
24      --bg:#f7f9fc;
25      --surface:#ffffff;
26      --surface-soft:#f4f2ff;
27      --ink:#09152b;
28      --muted:#52627a;
29      --line:#d7deea;
30      --brand:#173350;
31      --brand-2:#007eee;
32      --lav:#d2caff;
33      --shadow:0 18px 48px rgba(9,21,43,.1);
34      --radius:28px;
35      --max:1180px;
36    }
37    * { box-sizing:border-box; }
38    html { scroll-behavior:smooth; }
39    body {
40      margin:0;
41      font-family:'Inter',sans-serif;
42      background:var(--bg);
43      color:var(--ink);
44    }
45    img { max-width:100%; display:block; }
46    a { color:inherit; text-decoration:none; }
47    .container { width:min(var(--max), calc(100% - 32px)); margin:0 auto; }
48    .btn {
49      display:inline-flex;
50      align-items:center;
51      justify-content:center;
52      min-height:54px;
53      padding:0 24px;
54      border-radius:999px;
55      font-size:16px;
56      font-weight:500;
57      border:2px solid transparent;
58      transition:all .2s ease;
59    }
60    .btn:hover { transform:translateY(-1px); }
61    .btn-primary {
62      background:var(--brand);
63      color:#fff;
64      box-shadow:0 14px 30px rgba(23,51,80,.14);
65    }
66    .btn-primary:hover { background:var(--brand-2); }
67    header {
68      position:sticky;
69      top:0;
70      z-index:10;
71      background:#fff;
72      border-bottom:1px solid rgba(215,222,234,.82);
73    }
74    .topbar {
75      display:flex;
76      align-items:center;
77      justify-content:space-between;
78      gap:18px;
79      min-height:86px;
80    }
81    .brand img {
82      width:230px;
83      max-width:50vw;
84      height:auto;
85    }
86    .hero {
87      padding:92px 0 78px;
88      background:#fff;
89    }
90    .hero-grid {
91      display:grid;
92      grid-template-columns:minmax(0, .9fr) minmax(360px, 1.1fr);
93      gap:64px;
94      align-items:center;
95    }
96    .hero-copy h1 {
97      margin:0;
98      max-width:10.5ch;
99      font-size:clamp(46px, 6vw, 74px);
100      line-height:1.03;
101      letter-spacing:-.045em;
102      font-weight:500;
103    }
104    .hero-copy p {
105      margin:28px 0 0;
106      max-width:41ch;
107      font-size:20px;
108      line-height:1.72;
109      color:var(--muted);
110    }
111    .hero-actions {
112      margin-top:28px;
113      display:flex;
114      gap:14px;
115      flex-wrap:wrap;
116    }
117    .hero-visual {
118      border-radius:0;
119      overflow:hidden;
120      background:#fff;
121    }
122    .hero-visual img {
123      width:100%;
124      height:auto;
125    }
126    .metrics {
127      background:var(--surface-soft);
128      padding:72px 0;
129    }
130    .metric-grid {
131      display:grid;
132      grid-template-columns:repeat(4, minmax(0, 1fr));
133      gap:22px;
134    }
135    .metric {
136      text-align:center;
137      padding:18px 12px;
138    }
139    .metric strong {
140      display:block;
141      font-size:clamp(42px, 4.4vw, 58px);
142      line-height:1;
143      color:var(--ink);
144      font-weight:500;
145      letter-spacing:-.04em;
146    }
147    .metric span {
148      display:block;
149      margin-top:12px;
150      color:var(--muted);
151      font-size:18px;
152      line-height:1.5;
153    }
154    .dark-band {
155      background:#09152b;
156      color:#fff;
157      padding:96px 0;
158    }
159    .section-kicker {
160      margin:0;
161      text-align:center;
162      font-size:clamp(40px, 5vw, 58px);
163      line-height:1.08;
164      font-weight:500;
165      letter-spacing:-.035em;
166    }
167    .pillar-grid {
168      margin-top:48px;
169      display:grid;
170      grid-template-columns:repeat(4, minmax(0, 1fr));
171      gap:22px;
172    }
173    .pillar-card {
174      background:rgba(255,255,255,.04);
175      border:1px solid rgba(210,202,255,.18);
176      border-radius:24px;
177      padding:28px 22px;
178      min-height:270px;
179    }
180    .pillar-icon {
181      width:58px;
182      height:58px;
183      border-radius:18px;
184      display:grid;
185      place-items:center;
186      background:rgba(210,202,255,.12);
187      color:var(--lav);
188      font-size:18px;
189      font-weight:800;
190      margin-bottom:18px;
191    }
192    .pillar-card h3 {
193      margin:0 0 10px;
194      font-size:24px;
195      line-height:1.25;
196      font-weight:600;
197    }
198    .pillar-card p {
199      margin:0;
200      color:#c1ccde;
201      font-size:16px;
202      line-height:1.7;
203    }
204    .story {
205      padding:96px 0 44px;
206      background:#fff;
207    }
208    .story-row {
209      display:grid;
210      grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
211      gap:48px;
212      align-items:center;
213      margin-bottom:80px;
214    }
215    .story-row.reverse {
216      grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
217    }
218    .story-row.reverse .story-media { order:2; }
219    .story-row.reverse .story-copy { order:1; }
220    .story-media img {
221      width:100%;
222      height:auto;
223    }
224    .story-copy h2 {
225      margin:0 0 18px;
226      font-size:clamp(32px, 4vw, 44px);
227      line-height:1.15;
228      letter-spacing:-.035em;
229      font-weight:600;
230    }
231    .story-copy p {
232      margin:0;
233      color:var(--muted);
234      font-size:18px;
235      line-height:1.8;
236    }
237    .why {
238      padding:26px 0 92px;
239      background:#fff;
240    }
241    .why h2 {
242      margin:0 0 42px;
243      text-align:center;
244      font-size:clamp(34px, 4vw, 46px);
245      line-height:1.14;
246      letter-spacing:-.03em;
247      font-weight:600;
248    }
249    .why-grid {
250      display:grid;
251      grid-template-columns:repeat(2, minmax(0, 1fr));
252      gap:22px;
253    }
254    .why-card {
255      display:flex;
256      gap:16px;
257      align-items:flex-start;
258      padding:26px 24px;
259      border:1px solid var(--line);
260      border-radius:24px;
261      background:var(--surface);
262      box-shadow:0 10px 30px rgba(9,21,43,.06);
263    }
264    .why-icon {
265      flex:0 0 auto;
266      width:34px;
267      height:34px;
268      border-radius:50%;
269      background:#dff1e7;
270      color:#0d6b42;
271      display:grid;
272      place-items:center;
273      font-size:16px;
274      font-weight:800;
275      line-height:1;
276      margin-top:2px;
277    }
278    .why-card h3 {
279      margin:0 0 10px;
280      font-size:24px;
281      line-height:1.3;
282      font-weight:600;
283    }
284    .why-card p {
285      margin:0;
286      color:var(--muted);
287      font-size:17px;
288      line-height:1.75;
289    }
290    .cta {
291      padding:84px 0 88px;
292      background:#f7f9fc;
293      text-align:center;
294    }
295    .cta h2 {
296      margin:0;
297      font-size:clamp(34px, 4vw, 46px);
298      line-height:1.14;
299      letter-spacing:-.03em;
300      font-weight:600;
301    }
302    .cta .btn { margin-top:28px; }
303    footer {
304      padding:34px 0 38px;
305      background:#fff;
306    }
307    .footer-logo {
308      display:flex;
309      justify-content:center;
310      padding-bottom:22px;
311    }
312    .footer-logo img {
313      width:min(420px, 72vw);
314      height:auto;
315    }
316    .footer-rule {
317      border:none;
318      border-top:1px solid var(--line);
319      margin:0;
320    }
321    .footer-meta {
322      padding-top:24px;
323      text-align:center;
324      color:var(--muted);
325      font-size:14px;
326    }
327    @media (max-width: 1080px) {
328      .hero-grid,
329      .story-row,
330      .story-row.reverse {
331        grid-template-columns:1fr;
332        gap:32px;
333      }
334      .story-row.reverse .story-media,
335      .story-row.reverse .story-copy {
336        order:initial;
337      }
338      .pillar-grid,
339      .metric-grid,
340      .why-grid {
341        grid-template-columns:repeat(2, minmax(0, 1fr));
342      }
343    }
344    @media (max-width: 720px) {
345      .container { width:min(var(--max), calc(100% - 24px)); }
346      .topbar { min-height:76px; }
347      .brand img { width:174px; max-width:55vw; }
348      .btn { min-height:48px; padding:0 18px; }
349      .hero { padding:64px 0 54px; }
350      .hero-copy h1 { max-width:11ch; }
351      .hero-copy p { font-size:18px; }
352      .pillar-grid,
353      .metric-grid,
354      .why-grid {
355        grid-template-columns:1fr;
356      }
357      .dark-band,
358      .story,
359      .why,
360      .cta {
361        padding:72px 0;
362      }
363      .metric strong { font-size:46px; }
364    }
365  </style>
366</head>
367<body>
368  <header>
369    <div class="container topbar">
370      <a class="brand" href="/">
371        <img src="https://148131272.hs-sites-eu1.com/hs-fs/hubfs/Logo%20H-text+tagline3.png?width=1042&height=217&name=Logo%20H-text+tagline3.png" alt="cloudara.ai" />
372      </a>
373      <a class="btn btn-primary" href="/login">Login</a>
374    </div>
375  </header>
376
377  <main id="main-content">
378    <section class="hero">
379      <div class="container hero-grid">
380        <div class="hero-copy">
381          <h1>~30% more value from cloud in 80% lesser time</h1>
382          <p>An AI-powered FinOps and cloud procurement optimisation solution that helps you save costs, negotiate smarter, faster, and on your terms. No migration. No disruption.</p>
383          <div class="hero-actions">
384            <a class="btn btn-primary" href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ0Vbk-ecEHPiIaT283Fyky5Z3sS_-D-rMSvlbfJNr92iTCPqc6hpBcboPbUs90UgcFwzh2UXOLZ">Request demo</a>
385          </div>
386        </div>
387        <div class="hero-visual">
388          <img src="https://148131272.hs-sites-eu1.com/hs-fs/hubfs/Images/CloudInfraLady1.png?width=1420&height=775&name=CloudInfraLady1.png" alt="Cloud infrastru
388cture optimisation" />
389        </div>
390      </div>
391    </section>
392
393    <section class="metrics">
394      <div class="container metric-grid">
395        <div class="metric">
396          <strong>~30%</strong>
397          <span>Savings On Cloud Contracts</span>
398        </div>
399        <div class="metric">
400          <strong>Zero</strong>
401          <span>Disruption to Services</span>
402        </div>
403        <div class="metric">
404          <strong>&gt;95%</strong>
405          <span>Commitment Utilisation</span>
406        </div>
407        <div class="metric">
408          <strong>~80%</strong>
409          <span>Faster Contract Timelines</span>
410        </div>
411      </div>
412    </section>
413
414    <section class="dark-band">
415      <div class="container">
416        <h2 class="section-kicker">The Core Pillars</h2>
417        <div class="pillar-grid">
418          <article class="pillar-card">
419            <div class="pillar-icon">01</div>
420            <h3>Pattern Intelligence</h3>
421            <p>Reduce cloud spend through Anomaly &amp; Waste Detection by combining procurement insight, usage visibility, and focused FinOps execution.</p>
422          </article>
423          <article class="pillar-card">
424            <div class="pillar-icon">02</div>
425            <h3>Value Quantification</h3>
426            <p>Maximize your ROI with high-impact services like Chargeback / Showback, transforming unit economics and precise forecasting into a blueprint for smarter cloud budgeting.</p>
427          </article>
428          <article class="pillar-card">
429            <div class="pillar-icon">03</div>
430            <h3>Operational Excellence</h3>
431            <p>Drive peak efficiency through Governance: budgets, guardrails, and policy-based controls, aligning licensing and marketplace usage to the cloud's variable cost model.</p>
432          </article>
433          <article class="pillar-card">
434            <div class="pillar-icon">04</div>
435            <h3>Modeling Commitments</h3>
436            <p>Competitive edge with FinOps as a Service, using AI-powered simulations &amp; strategic modeling designed to master SaaS &amp; Marketplace optimization for maximum contract leverage.</p>
437          </article>
438        </div>
439      </div>
440    </section>
441
442    <section class="story">
443      <div class="container">
444        <div class="story-row reverse">
445          <div class="story-media">
446            <img src="https://148131272.hs-sites-eu1.com/hs-fs/hubfs/Images/Balance.png?width=893&height=747&name=Balance.png" alt="Strategic Principles for Lasting Value" />
447          </div>
448          <div class="story-copy">
449            <h2>Strategic Principles for Lasting Value</h2>
450            <p>Cloud optimization is about more than just cost cutting : it's a cultural shift. By anchoring your practice in Data-Driven Value and Distributed Accountability, we create a high-ownership ecosystem. Our AI-assisted operating model breaks down silos, enabling true Collaborative Culture across all of your teams and tools.</p>
451          </div>
452        </div>
453
454        <div class="story-row">
455          <div class="story-media">
456            <img src="https://148131272.hs-sites-eu1.com/hs-fs/hubfs/Images/reporting.png?width=1147&height=714&name=reporting.png" alt="Cloud and AI FinOps Intelligence" />
457          </div>
458          <div class="story-copy">
459            <h2>Cloud &amp; AI FinOps Intelligence</h2>
460            <p>Gain total visibility and control over cloud and AI spending. We automate cost allocation and commitments to eliminate waste, without sacrificing performance. By integrating dashboards and predictive alerts, we empower your team with the KPIs and benchmarks needed for proactive, transparent financial management.</p>
461          </div>
462        </div>
463
464        <div class="story-row reverse">
465          <div class="story-media">
466            <img src="https://148131272.hs-sites-eu1.com/hs-fs/hubfs/Images/gears.png?width=1376&height=768&name=gears.png" alt="The Team Sport" />
467          </div>
468          <div class="story-copy">
469            <h2>The "Team Sport"</h2>
470            <p>FinOps is a team sport, and we provide the AI-powered playbook. We offer <strong>FinOps as a Service</strong>, integrating our advanced toolset and expert guidance directly into your workflow to scale strategy, sourcing, operations and education, empowering Finance and Engineering, through a single, AI-driven operating model.</p>
471          </div>
472        </div>
473      </div>
474    </section>
475
476    <section class="why">
477      <div class="container">
478        <h2>Why cloudara.ai</h2>
479        <div class="why-grid">
480          <article class="why-card">
481            <div class="why-icon">&#10003;</div>
482            <div>
483              <h3>Experienced Team, Global Presence</h3>
484              <p>cloudara.ai is built by a <strong>40+ strong member</strong> team spread across <strong>Switzerland</strong>, <strong>Germany</strong>, and <strong>India</strong>. Our team combines deep technical expertise with on-the-ground operational experience in cloud cost optimization.</p>
485            </div>
486          </article>
487          <article class="why-card">
488            <div class="why-icon">&#10003;</div>
489            <div>
490              <h3>Backed by Strategic Advisors</h3>
491              <p>With <strong>decades</strong> of experience as <strong>Chief Procurement Officers</strong>, <strong>CIO</strong>, and <strong>CFO</strong>, from across large <strong>multi-billion dollar multinationals</strong>
491, their strategic guidance ensures our offerings address the real challenges organizations face.</p>
492            </div>
493          </article>
494          <article class="why-card">
495            <div class="why-icon">&#10003;</div>
496            <div>
497              <h3>Integrated E2E solution</h3>
498              <p>Renewals and operations together, not point solutions bolted onto dashboards.</p>
499            </div>
500          </article>
501          <article class="why-card">
502            <div class="why-icon">&#10003;</div>
503            <div>
504              <h3>AI-driven insights</h3>
505              <p>Benchmarking, anomaly detection, and recommendations powered by models trained on real contract and workload data.</p>
506            </div>
507          </article>
508          <article class="why-card">
509            <div class="why-icon">&#10003;</div>
510            <div>
511              <h3>Cloud and AI FinOps coverage</h3>
512              <p>Full coverage for AI workloads, GPU/TPU, model inference, and multi-provider LLM APIs, alongside traditional cloud.</p>
513            </div>
514          </article>
515          <article class="why-card">
516            <div class="why-icon">&#10003;</div>
517            <div>
518              <h3>Savings, realized - not just promised</h3>
519              <p>We succeed only when you do, because we operate on a savings-based pricing model, not usage-based, with no platform fee, i.e. a fraction of attributed incremental cloud and AI savings, when realized.</p>
520            </div>
521          </article>
522        </div>
523      </div>
524    </section>
525
526    <section class="cta">
527      <div class="container">
528        <h2>Ready to Optimise Your Cloud Costs?</h2>
529        <a class="btn btn-primary" href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ0Vbk-ecEHPiIaT283Fyky5Z3sS_-D-rMSvlbfJNr92iTCPqc6hpBcboPbUs90UgcFwzh2UXOLZ">Get in touch</a>
530      </div>
531    </section>
532  </main>
533
534  <footer>
535    <div class="container">
536      <div class="footer-logo">
537        <a href="/">
538          <img src="https://148131272.hs-sites-eu1.com/hs-fs/hubfs/Logo%20H-text+tagline3.png?width=1042&height=217&name=Logo%20H-text+tagline3.png" alt="cloudara.ai" />
539        </a>
540      </div>
541      <hr class="footer-rule" />
542      <div class="footer-meta">
543        <a href="#">Privacy Policy</a> &middot; <a href="#">Legal</a> &middot; <span>&copy; 2026. All rights reserved.</span>
544      </div>
545    </div>
546  </footer>
547</body>
548</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.