Preview image. Unlock full-res
Three-tier branding or product-tier display using identical sun icons and logotype repeated in progressively darker shades of cyan and blue.
Summary
A visual system showing three identical "Sun" logos and marks rendered in progressively darker shades across a stacked-bar format against a deep-blue background.
Visual description
Three horizontally stacked rectangular bars, each containing an identical sun-burst icon and "Sun" logotype, rendered in three distinct cyan-to-blue color progressions: light cyan on white, medium cyan on mid-blue, and dark cyan on darker blue. The bars are evenly spaced vertically. The sun icon uses a simple radial spoke pattern; the logotype is clean, geometric sans-serif. The overall background is a saturated navy-blue, framing the composition. Equal contrast and weight across all three bars despite varying saturation.
Key takeaway
The tonal-progression system where a single mark and type treatment are repeated in a series of darkening colorways, maintaining visual coherence and brand recognition while showing product or tier hierarchy. The stacked-bar format is highly scannable and works well for tier lists, feature comparisons, or product-line documentation. The cool analogous color family (light cyan through navy) reads as technical and trustworthy.
Reuse notes
Effective for product-tier comparison pages, feature matrices, or SaaS pricing tables where you want to show identical functionality across plan levels with visual differentiation. Works best when the color shift maps to an actual semantic difference (pricing, performance, feature set). The simplicity of the icon and type means it scales well from small thumbnails to large displays.
