Customer-consented, SKU-level purchase data infrastructure.
Logo
The Ario logo is a custom wordmark with a distinctive open-stroke "a" and two blue dots. The dots are integral to the mark — one floats above-left of the "a", one sits above the junction of "r" and "i". Never alter, recreate, or reinterpret the logo.
Clear Space
Maintain clear space equal to the height of the "o" on all sides. No other graphic elements should enter this zone.
Minimum Size
Minimum width: 80px for digital, 20mm for print. Below this size the dots lose legibility.
Color Palette
A restrained palette built around one strong blue. The blue carries all accent duties: dots, links, buttons, and highlights.
Surfaces & Gradients
Soft, blue-led gradients give Ario depth without going sterile. Blue (#2B5CFF) is the anchor — gradients lean bluish, with violet as a secondary lift and peach used only sparingly. They live on section backdrops, card panels, and product “stages,” never under dense text. A hero gradient may bleed past its section divider and fade to white down the page, rather than stopping at a hard rule. The restrained typographic base stays; gradients add life, not clutter, and never sit on full-dark sections.
Traffic-light dots, left-aligned content, dark pill + outline buttons. Used for the closing CTA and product mocks.
Do
Keep gradients soft, light, and blue-led so dark text stays legible and the brand reads as Ario blue. Use them on panels, stages, and section backdrops. Let a hero backdrop bleed past its divider and fade to white down the page instead of stopping at a hard rule. Limit gradient text to a single hero accent word. Subtle motion only (slow gradient shimmer, scroll-driven reveals).
Don't
No gradients behind dense body copy. No full-dark sections on the public site. No more than one accent-text gradient per view. No eyebrows, numbered index labels, italics, or bold-for-emphasis. Gradients are the only “decoration.”
Typography
Two typefaces, each with a clear role. Satoshi for everything verbal, JetBrains Mono for labels and code.
Voice & Tone
Ario speaks plainly about what it does. No hype, no hedging. The data speaks for itself.