Colir

Product Introduction

1. Definition: Colir is a specialized, high-performance WebGL-based design tool specifically engineered for the creation of non-linear gradients using independent X and Y axis curve controls. It functions as a browser-based graphic asset generator that allows users to manipulate color transitions with mathematical precision beyond the constraints of standard linear or radial gradient algorithms found in traditional design software.

2. Core Value Proposition: Colir exists to solve the "generic design" problem by offering granular control over color distribution and flow. By utilizing curve-based gradients and real-time GPU-accelerated rendering, it enables UI/UX designers, brand artists, and web developers to generate complex, bespoke visual assets that avoid the visual limitations of default gradient pickers. It bridges the gap between simple color transitions and complex generative art through an intuitive, curve-driven interface.

Main Features

1. Independent X/Y Curve Control: Unlike standard CSS or design tool gradients that rely on a single vector, Colir utilizes two distinct curves to govern color flow. By adding and dragging points on both the X and Y axes, users can define exactly how colors interact across the canvas. This allows for the creation of organic, warped, and non-uniform color transitions that are technically impossible with traditional linear or radial math.

2. Real-time WebGL Rendering Engine: The core of Colir is built on GPU-accelerated WebGL technology. This ensures that even at high resolutions (2K and above), the editing process remains fluid and lag-free. The engine processes complex calculations for 12 different blend modes (including Multiply, Screen, Overlay, and Difference) and visual effects instantly, providing a "what-you-see-is-what-you-get" (WYSIWYG) experience without render wait times.

3. Advanced Visual Effects and Anti-Banding Suite: To ensure professional-grade output, Colir integrates a suite of specialized filters. The Noise effect is strategically used to eliminate digital color banding in high-contrast gradients, while the Distortion, Glitter, Sparkle, and Feathering effects allow for texture and depth. Each effect features adjustable intensity and its own blend mode logic, enabling designers to stack layers of visual complexity within a single gradient asset.

4. Multi-Format High-Resolution Export: Colir supports professional production workflows by offering exports in PNG and WebP formats. Users can scale their designs up to 4× resolution to ensure clarity for print and high-density displays. Additionally, the tool provides a unique share link feature, allowing for the preservation and reuse of gradient parameters across different sessions or team members.

Problems Solved

1. Pain Point: The "Default Look" and Creative Constraints: Most design software (Figma, Sketch, Photoshop) provides basic gradient tools that result in predictable, "plastic" looks. Colir solves this by introducing non-linear math, allowing designers to create unique aesthetics that stand out in crowded digital landscapes. It specifically addresses the lack of control over "inner" gradient flow that standard tools ignore.

2. Target Audience:

• UI/UX Designers: Crafting unique background headers, buttons, and app interfaces.
• Brand Identity Artists: Developing signature color palettes and visual styles for modern startups.
• Motion and Video Designers: Creating high-resolution source stills for motion graphics and video overlays.
• Web Developers: Quickly generating high-quality WebP assets for landing pages that require low file sizes but high visual impact.

3. Use Cases:

• Web Design: Creating atmospheric hero section backgrounds that don't look like standard CSS gradients.
• Print Design: Generating high-DPI color textures for posters, business cards, and packaging.
• Digital Art: Using the distortion and noise tools to create grain-heavy, retro-style gradients for social media content.
• Figma Workflows: Supplementing Figma’s native tools when a project requires complex mesh-like color flows.

Unique Advantages

1. Differentiation: While traditional tools treat gradients as a secondary feature, Colir treats them as a primary medium. Its "Curve-based" approach is its strongest differentiator; where other tools ask for "Start" and "End" points, Colir asks for the "Path" of the color. It replaces the "hammer" of standard tools with a "scalpel" for color manipulation.

2. Key Innovation: The integration of 12 professional blend modes directly into a gradient generator is a significant technical advantage. By allowing users to stack curves and blend modes as if they were in a full-scale digital painting suite, Colir enables the creation of "optical" colors and lighting effects that feel more natural and less "computer-generated" than standard linear interpolation.

Frequently Asked Questions (FAQ)

1. How does Colir prevent gradient banding in high-resolution exports? Colir utilizes a dedicated Noise filter that introduces subtle dither to the color transitions. This technical approach breaks up the solid steps between colors that typically cause banding on digital displays, ensuring smooth transitions even in dark or highly saturated gradients.

2. Can Colir gradients be used for commercial projects? Yes, commercial use is permitted for users on the PRO tiers (Monthly or Perpetual License). The Free tier is restricted to personal use and includes a limit of 5 exports per day, while PRO users enjoy unlimited exports and full rights for client work and commercial distribution.

3. Is there a Figma plugin available for Colir? A Figma integration is currently on the product roadmap. This upcoming feature will allow for seamless importing and exporting of curve-based gradients directly between Colir and Figma, streamlining the handoff between specialized asset creation and UI layout design.

4. What is the difference between the Monthly and Perpetual PRO licenses? The Monthly plan ($7/mo) provides full access to all PRO features, including unlimited exports and beta features, on a subscription basis. The Perpetual License ($49) is a one-time purchase that grants lifetime access to the current and future versions of Colir PRO without recurring fees.