Cinematic portrait shot of an editorial design workspace in Mumbai, featuring typographic proofs, pantone swatches, brass desktop tools, and soft studio daylight.
Cinematic portrait shot of an editorial design workspace in Mumbai, featuring typographic proofs, pantone swatches, brass desktop tools, and soft studio daylight.
Quorin Media India

Design System and Interface Specs

The unified visual specification for Quorin Media India. Review foundational color tokens, typographic hierarchies, interactive component states, and responsive layout rules across all creator touchpoints.

Visual Principles

The three aesthetic pillars

Every interface decision balances editorial poise with creator utility, ensuring legibility and brand resonance across mobile viewports and desktop canvases.

Restrained Luxury

Warm Naturalism

Disciplined Geometry

Grounded in Besley serif headlines, generous negative space, and architectural contrast that elevate creator narratives above ephemeral social noise.

A palette informed by golden-hour daylight, artisanal terracotta, and warm alabaster surfaces, deliberately departing from cold tech aesthetics.

Anchored to a structured 12-column grid, measured baseline vertical rhythm, and disciplined corner radiuses engineered for responsive fidelity.

Chromatic Tokens

Core palette architecture

#13171a

Obsidian Base Surface

#c28728

Ochre Action Primary

#f7f5ef

Alabaster Text Contrast

#dfc395

Champagne Accent Tint

Interface Blueprint

UI component standards

01
02
03

Typographic Hierarchy

Elevation and Borders

Interactive Behaviors

Besley serif commands primary editorial titles with bespoke weight balancing, while Manrope establishes crystal-clear scanning across body narratives and dense data fields.

Quiet 1px surface borders and subtle atmospheric opacity shifts replace harsh drop shadows, preserving clarity across dark and warm backgrounds alike.

Buttons adhere to a calibrated 6px corner radius with deliberate gold hover transitions, keeping user focus aligned with primary partnership goals.

Build with unified precision

Integrate our visual tokens, typographic rules, and interface blueprints into client-facing platforms, creator dashboards, and editorial collateral.