cuberto.com

Design agency known for cursor and hover micro-interactions. cuberto.com's landing page is built with Lenis and set in Suisse Intl. Its palette centers on #F1F3FA, #E3F5F3.

Color palette

What we detected

Use this palette as CSS variables

:root {
  --cuberto-color-1: #F1F3FA;
  --cuberto-color-2: #E3F5F3;
  --cuberto-font: "Suisse Intl", system-ui, sans-serif;
}

Rebuild something in this style with Claude

Paste this into Claude Code, Claude, ChatGPT or Cursor with Enrichr connected. It borrows the system, not the content: your copy, your brand, cuberto.com's rhythm.

Use Enrichr to extract the design system from https://cuberto.com.
Write tokens.css from the captured values (palette, type scale,
spacing, radii, easings), then build a hero in that style using
my own copy. List anything you had to guess.

cuberto.com design FAQ

What font does cuberto.com use?

cuberto.com's landing page loads Suisse Intl. A font you can see on a site is licensed to that site, so check the foundry's terms or pick a free alternative before using it yourself.

What colors does cuberto.com use?

The most used colors on cuberto.com's landing page are #F1F3FA, #E3F5F3, ranked by how often they appear in the rendered page.

Does cuberto.com use GSAP, Three.js or another animation library?

Yes. We detected Lenis running on the landing page.

How do I get cuberto.com's full design system?

Connect Enrichr to Claude, ChatGPT or Cursor and ask for the design system of https://cuberto.com. It captures the rendered page and returns the full token set (type scale, spacing, radii, easings) plus animation timings and any WebGL shaders.

More from the gallery

anthropic.commistral.aidropbox.comdarkroom.engineering

Captured 2026-10-14 from the site's public landing page. Only publicly observable information is shown, and it can change as the site does. All names and trademarks belong to their owners; Enrichr is not affiliated with cuberto.com.