← All projects
WebBrand IdentityDesign System2025–26Designed & built by VarVik Studios

VakeelOS

A court-native brand, product interface and editorial marketing website built for the Indian bar.

vakeelos.comOpen live ↗

Embedded preview loads on the live site — use "Open live"

Selected product views

A closer look at VakeelOS

Curated stills from the product. Interactive access is shared only in guided demos.

Portal views

02 views

Mobile app

01 views

The brief

VakeelOS needed to make a dense legal operating system legible before a visitor ever saw the app. We designed the identity and built a responsive, editorial marketing website around the way Indian advocates actually work — causelists, hearings, CNR-linked matters, drafting and fee collection — then carried the same visual language into the product dashboard and launch mockups. Clear information architecture, purposeful motion and a complete SEO/GEO foundation keep the experience specific to Indian legal practice instead of reading like generic SaaS.

What we did

  • -Positioning and information architecture
  • -Brand identity and design system
  • -Responsive marketing website
  • -Product dashboard UI
  • -Motion and interaction direction
  • -SEO/GEO launch foundation

Highlights

Live

Marketing website

11 routes

Indexed surface

Court-native

Design language

Next.js 16React 19TypeScriptTailwind CSS 4Framer MotionJSON-LD / SEO / GEO

Brand identity

VakeelOS, built like a chamber system.

Open full brand book

01 / Mark and lockup

VakeelOS V mark
VakeelOS

A geometric V mark, Fraunces wordmark, and brass punctuation system for legal work that moves between documents, dashboards, and app surfaces.

VakeelOS V markPaper
VakeelOS V markInk
VakeelOS V markBrass
VakeelOS V markSeal

02 / Palette and type

Brass

oklch(0.72 0.105 70)

Primary mark and now-state accents

Deep Brass

oklch(0.58 0.115 70)

Rules, seals, and high-contrast marks

Chamber Indigo

oklch(0.55 0.110 250)

Cool counterpoint for data and system states

Ivory Paper

#F7F2E8

Documents, dashboards, and editorial surfaces

Court Ink

#151311

Primary text and dark app surfaces

Order, on paper.
FrauncesBrand moments, wordmark, document warmth
InterDashboards, product UI, dense workflows
JetBrains MonoMatter IDs, metadata, citations

03 / Custom iconography

Dashboard

Mitred / brass dot

Causelist

Mitred / brass dot

Calendar

Mitred / brass dot

Research

Mitred / brass dot

Draft

Mitred / brass dot

Billing

Mitred / brass dot

04 / App icons

VakeelOS V mark

iOS

22% radius / ink

VakeelOS V mark

macOS

24% / duotone

VakeelOS V mark

Android

circle / brass

VakeelOS V mark

Web

14% / paper

VakeelOS V mark

Watch

circle / indigo

V

Favicon

16px / knockout

Built the engine too?

Most of our work uses both arms. VarVik Technologies handles the systems that make it accurate, reliable and easier to run.

Next project

FactoryOS

A scroll-cinematic marketing website for a factory operating system built around how industrial teams actually work.