Foundations
The fixed rules: direction, logo, colour, type, grid.
Quiet confidence, visible intelligence.
Executives buy certainty. The site should feel like a trusted institution — restrained layout, generous space, exact type — while the textures quietly show a system that thinks: particles that assemble, grids that pulse, data that resolves.
Calm authority
Neutral paper and ink, one signal color, small radii. Nothing shouts — the claims are strong enough.
Intelligence as texture
Dots and pixels are the art. They react, assemble and resolve — they never sit as decoration.
Proof over promise
Every section earns a number. Metrics are typeset like headlines and charted honestly.
Bilingual by design
Hebrew and English are equals. Layouts mirror with logical properties; nothing is designed for one and patched for the other.
“Is this a safe, strategic bet — and what does it return?”
“Will it run inside my processes without breaking them?”
“How fast do I see results, and can I measure them?”
One loop, three segments.
The mark is a continuous hexagonal loop drawn in three segments — observe, act, improve. It is always solid and never mirrored. The echo-L lives on as an art motif, never as the logo.
Lockup 96px wide on screen. Below that, use the loop mark alone (20px minimum).
Never mirrored in RTL. In Hebrew layouts the lockup moves to the inline-start (right) but reads as-is.
The L with two fading echoes is the art layer: dot assemblies in heroes, loaders and stepped transitions.
Paper, ink, and one signal.
Two first-class themes built from the same roles. Signal blue comes from the mark; ember is rare — reserved for the one number you want remembered. Click any swatch to copy its hex.
Light sans voice, serif lead.
Headlines in a geometric sans at regular weight — large, unforced, lots of air. The lead paragraph under each headline switches to a book serif for warmth; body and UI stay sans. Pick one — the whole guide re-sets live.
Use the real lockup for the brand; these faces let headlines and UI speak in the same voice without faking the logo in text.
All options are free web fonts. For launch, consider licensing a commercial Hebrew family (e.g. Almoni or Ploni by AAA) matched to the chosen Latin — it is the single biggest upgrade to Hebrew pages. Mono for labels and data is Geist Mono throughout.
Operations that improve themselves.
Each loop learns from the last — fewer exceptions, faster cycles, clearer reporting.
תפעול שמשתפר מעצמו.
כל סבב לומד מהקודם — פחות חריגות, מחזורים מהירים יותר, ודיווח ברור יותר.
A visible structure.
12 columns, 1280 max, 24px gutters. Hairline rules and bordered cells make the grid part of the look — order you can see. Sections breathe at 96px.
Art layer
What sets us apart: generative textures and honest data.
The art layer.
Two signature textures — Assembly and Dot matrix — plus a light pixel wipe for transitions. All generative, all responsive to the cursor, all built from the same square dot. Move your pointer over each.
Numbers set like headlines.
Lead with a stat tile when one number tells the story; chart only when the shape matters. One axis, thin marks, validated palette per theme. Hover the charts. (Illustrative data.)
Average across service operations after 90 days.
From kickoff to the first agent in production.
Annualised, per 1,000 employees in scope.
● Full trail, exportable
Automation rate by business unit
% of cases · 2026Hours returned per month
Thousands · 2026Series take hues in fixed order: signal, ember, teal, violet. A 5th series folds into “Other”.
Time axes stay left-to-right in Hebrew too; titles, legends and tooltips follow the page direction.
Labels wear ink tokens, never the series color. Palettes pass CVD validation in both themes.
Components
The building blocks of the site — pick one variant from each group.
Built from bordered cells.
Components share one construction: hairline borders, 4px radius, a separated arrow cell. The primary action is always “Book an executive briefing”.
How a national carrier moved dispatch exceptions from hours to minutes.
Four agents, one control room, full audit trail — rolled out across three regions in a single quarter.
Proof, in monochrome.
Customer logos are always single-color — muted at rest, ink on hover — so no brand outshouts ours. Placeholder logos below; replace only with approved customers.
Exception resolution time across three regions.
Hours returned to finance operations per year.
From kickoff to the first agent in production.
The last cell closes the loop.
Every page ends on one ask, then a calm index: brand, four link columns, trust, legal. The giant faint lockup is the only flourish.
Show certification tags only once audited · the accessibility statement link is required on Israeli sites (IS 5568)
Applied
Everything together: heroes, and what not to do.
Two hero directions.
A — atmospheric ink hero with the assembling mark (homepage). B — paper hero with a data panel (solution & landing pages). Toggle EN / עב to see the mirror.
AI operations your board can sign off on.
Looper deploys governed AI agents across every business unit — measured, auditable, and live in weeks, not quarters.
Every exception, handled before it becomes a delay.
Agents watch your operational flows, resolve the routine, and escalate the rest with full context.
Do / Don’t.
- Lead each section with one claim and one number.
- Let textures react to the cursor and to scroll — subtly.
- Write Hebrew natively; don’t translate headlines literally.
- Use logical CSS (inline-start/end) so layouts mirror for free.
- Respect reduced-motion: textures render as a still frame.
- Use the loop mark as the logo; the echo-L is art, not the logo.
- No gold, glows, neon gradients or glassmorphism.
- No robots, brains, handshakes or stock office photos.
- No pills or large radii — corners stay 2–4px.
- No industry-specific styling; examples change, the system doesn’t.
- No ember for decoration — it marks the one number that matters.
- Don’t recolor, outline, gradient or animate the logo itself.