CLARY
A SaaS productivity companion built around a simple promise: clarity over chaos.
(SCROLL)
(01)
PIVOT METHOD®
/ OVERVIEW
ONE WORKSPACE. ZERO CHAOS.
Clary is a SaaS productivity companion that unifies tasks, calendar, projects and team collaboration in one calm, focused workspace — available on web and mobile.
We built both the brand and the product surface: identity system, marketing site hero, desktop dashboard, mobile companion app, social and story creatives, and a city-scale OOH launch campaign.
(DETAILS)
(02)
PIVOT METHOD®
/ CHALLENGE
TOO MANY TOOLS. NOT ENOUGH FOCUS.
Modern teams open twelve tabs to do one thing. Tasks live in one app, calendar in another, conversations in a third, files in a fourth — and the cost is paid in attention. Productivity software that promises to fix this has become part of the noise it set out to silence.
Clary needed a brand and a product that felt like the opposite of that — calm where the category is noisy, focused where it's frantic, and trustworthy enough to be the one workspace a team actually defaults to.
(03)
PIVOT METHOD®
/ INSIGHT
PRODUCTIVITY ISN'T MORE FEATURES. IT'S A CALMER SYSTEM.
Buyers in this category aren't shopping for another feature list. They're shopping for the feeling of looking at their week and not flinching. The moment when the noise drops and the next thing to do is obvious.
That insight became the engine of the system. The brand, the product UI, and the marketing all carry the same job — to lower the temperature of work and make the next step clear.
(04)
PIVOT METHOD®
/ CONCEPT
CLARITY OVER CHAOS.
We built Clary on a soft, glassy visual language — translucent surfaces, mint-to-lavender gradients, deep navy text — paired with a playful 3D icon library that gives the system warmth without the noise.
The mark itself is a rounded glass square: a quiet stand-in for a checked box, a window, a workspace. Friendly enough for a mobile app icon. Confident enough for the side of a building.
(WHAT WE DID)
- •Brand Strategy
- •Logo & Wordmark
- •Visual Identity
- •3D Icon Language
- •Voice & Tagline System
- •Brand Guidelines
(05)
PIVOT METHOD®
/ EXECUTION
LOGO:
A rounded-square glass mark paired with a confident geometric wordmark. The icon flexes from a 32px favicon to a full app-store tile without losing its glow. Stacked, horizontal and icon-only lockups give the brand room to breathe across surfaces — from a sign-in screen to a billboard.
COLOR:
Cotton White #F7FBFD as the calm ground. Deep Navy #0E1A36 as the foreground that anchors every line of type. A soft mint-to-lavender gradient (#9DE8DD → #C7B8F4) carries the signature glow on the icon, the buttons, and the marketing surfaces. Reserved coral and mint accents flag what needs attention — and only that.
TYPOGRAPHY:
A modern geometric sans carries the wordmark, the headlines and the product UI in a single voice — even-weighted, friendly, and quietly premium. Body type is set generously so a Today's Tasks list reads like a calm to-do, not a wall of work.
PRODUCT — DESKTOP:
A calm dashboard that opens with Welcome back, [name] — surfacing Today's Tasks, Active Projects, Focus Time and a Productivity Insights chart in a single glance. Cards use the same soft glass surfaces as the brand, so the marketing site and the product feel like one continuous space.
PRODUCT — MOBILE:
A native iOS companion built around the same calm grid: a Good morning, [name] greeting, a two-card stats row (Tasks completed / Time saved), and a Today's Tasks stack with checkbox-first interactions. A four-tab bottom nav — Home, Tasks, Calendar, Profile — keeps everything one tap away without ever feeling crowded.
MARKETING SITE:
A Clarity over chaos hero pairs a generous headline with an isometric 3D laptop and floating productivity icons (calendar, tasks, notifications, files). Get started free / Watch demo as the two primary calls to action, and a Trusted by 10,000+ teams line as the quiet proof point.
SOCIAL & STORIES:
A square-and-story system built around four anchor messages — Clarity over chaos, One workspace. Zero chaos, Stay on top of everything, Work together, seamlessly — extended into Insights that matter, Stay organized, and Team work together. A vertical story set carries the same world into Focus on what truly matters, Smart Analytics, Meet Clary, Productivity in your pocket and Work smarter, not harder.
OUT-OF-HOME:
A Meet Clary — Your productivity companion billboard system built for Gulf city centres. The same glass mark, the same mint-to-lavender gradient, the same isometric 3D world — scaled up to the side of a building and still readable from across the street.
WHAT WE DID:
- •Logo & Identity System
- •Color & Typography
- •3D Icon Library
- •Desktop Product UI
- •Mobile Companion App
- •Marketing Site Hero
- •Social & Story Templates
- •OOH / Billboard Campaign
(06)
PIVOT METHOD®
/ OUTCOME
ONE BRAND, ONE PRODUCT, ONE CALM SYSTEM.
Clary launched with a complete system — identity, product UI on web and mobile, marketing site, social, stories and OOH — all built around the same calm grid, the same glass surfaces, and the same mint-to-lavender glow.
The brand stays unmistakably itself from the dashboard to a city-scale billboard, and the product feels like a quieter place to work the moment it opens. Clarity over chaos, on every surface.
(WHAT WE DELIVERED)
- •Brand Strategy & Positioning
- •Logo & Identity System
- •Color & Typography System
- •3D Icon Library
- •Desktop Product UI
- •Mobile Companion App (iOS)
- •Marketing Site Hero
- •Social & Story Templates
- •OOH / Billboard System
- •Brand Guidelines
