The Infinity Band

Beyond the logo, Clinia's visual world is built on the Infinity Band — one form expressed two ways: as line (2D linework) and as shape (3D dimensional bands). Both derive from the logo's overlapping, tapering geometry and carry the brand's core principles: innovation, harmony, and meticulous craftsmanship.

Line language

Adjusting anchor points on a base ellipse generates a family of line expressions that mirror the logo's signature overlapping and tapering forms — geometric and fluid, and reproducible at any scale without losing the logo's distinctive language. It's not decoration: the linework is a visual manifestation of the brand's principles, so it must stay disciplined.

Keep the focal point the tapered twist — it reflects the brand's question-to-answer connection. Overlap forms smoothly to guide the eye toward resolution, and let negative space do the work.

A dynamic family, all built the same way — uniform stroke, overlapping, tapering. Each is a single currentColor SVG — set any brand color in code (text-* / color), no per-color files:

Do

• Keep the tapered twist as the focal point of the composition.
• Maintain a uniform stroke width, and uniform width at the band's thickest points.
• Overlap shapes smoothly to guide the eye toward resolution.
• Use negative space purposefully — enhance clarity, avoid crowding.
• Use linework to draw emphasis to text, adding visual interest rather than competing with content.
• Use only Clinia brand colors.
• Scale proportionally when resizing.

Don't

• ❌ Abrupt edges or jagged transitions — they contradict the brand's fluidity and harmony.
• ❌ Forms that undermine the system's sophistication (e.g. "bean" shapes).
• ❌ Overlapping text and linework.
• ❌ Different or alternating stroke widths.
• ❌ Colors outside the brand guidelines.
• ❌ Stretching or skewing the geometry.
• ❌ Vague, purposeless layouts, or combining it with competing graphic elements.

Shape language

For best render, display on a background of color scheme Infinite.

The secondary language: three-dimensional bands that embody potential and reflect Clinia's aspirational, forward-thinking ethos. Done right, people don't just see Clinia — they feel its possibilities. Done wrong, it collapses into decoration instead of dimensional storytelling.

Do

• Always use the band within a full 3D environment — it must interact with surrounding dimensional elements to convey transformation.
• Employ only approved brand color gradients — the signature transitions suggest energy and evolution.
• Compose scenes that invite interpretation — partial reveals, dynamic perspectives.
• Maintain kinetic energy — angles and curves should imply forward motion and growth.

Don't

• ❌ A standalone, unsupported band — it reads as incomplete.
• ❌ Flat solid colors instead of gradients — depth goes flat.
• ❌ Perfectly centered, static layouts.
• ❌ Reducing the band to mere decoration.

Creation process

The 3D band is built in five steps:

1. Draw the base shape.
2. Duplicate the shape.
3. Divide it into two shapes.
4. Fill each side with a gradient.
5. Apply the glow ring.

Closing the loop

The signature band lockup — the line resolving back into itself, echoing the logo's closed "C" and the brand's question-to-answer connection. Use it as a standalone graphic device; it's a single currentColor SVG, so it inherits the surrounding text color.

The four steps, individually — each is its own currentColor SVG (public/brand/closing-the-loop/1…4.svg):

Assets

All artwork is extracted from the brand file — never redraw the geometry by hand.

The monochrome SVGs are single-color by design. To recolor, set the text color on the element that renders them (or paint them via CSS mask with background-color) — one file covers the entire brand palette, so there are no per-color duplicates to maintain.