# Prady Labs — Brand Guidelines & Design System **Version 1.0 • Studio Edition** --- ## 1. Studio Manifesto > *"We spend our lives touching cold glass and plastic keycaps. Software should feel physical, resonant, and alive."* **Prady Labs** is an independent tactile software studio dedicated to transforming everyday digital interactions into rich, sensory experiences. We build browser extensions and desktop tools engineered with physical acoustic depth, responsive particle physics, and uncompromising local privacy. --- ## 2. Core Pillars | Pillar | Philosophy | Commitment | | :--- | :--- | :--- | | **Tactile Haptics** | Digital interfaces shouldn't feel flat or inert. Clicks, keypresses, and gestures produce satisfying acoustic and visual resonance. | Sub-millisecond latency Web Audio & 60fps WebGL/Canvas micro-physics. | | **100% Local Privacy** | We make utilities, not surveillance equipment. Your keystrokes, audio, and screenshots never leave your device. | 0 analytics, 0 telemetry, 0 external network requests, zero keystroke logging. | | **Artisan Craft** | Software crafted with quiet luxury: clean obsidian themes, intentional typography, and frictionless zero-friction controls. | No bloatware, no ads, lightweight memory footprint. | --- ## 3. Brand Identity & Monogram The Prady Labs emblem is a dimensional **Glossy Blue Folded Ribbon "P"** embodying sensory fluidity, physical depth, and precision engineering: ```text ╭────────────────────────╮ │ ╭──────────────╮ │ 1. Continuous Ribbon P-Loop: Dynamic fluid resonance │ │ ╭──────╮ │ │ 2. Specular Precision Fold: Internal architectural shadow & depth │ │ │ P │ │ │ 3. Glossy Cobalt Gradient: Luminous transition to electric cyan │ ╰───╯ │ │ │ 4. Grounded Tactile Stem: Clean vertical anchor │ ╭────╯ │ │ ╰──────────┴────────╯ │ ``` ### Brand Architecture: Two-Tier Identity 1. **Primary Digital Mark (`Glossy Blue Ribbon P`)**: - Chromatic 3D folded ribbon with luminous specular lighting and deep cobalt-to-cyan gradients. - Master centerpiece across the web studio, Chrome Web Store profiles, web headers, app icons, and social media avatars. 2. **Secondary Editorial Mark (`Monochrome Ribbon P`)**: - High-contrast pure white / dark ribbon with matte occlusion. - Used for documentation, GitHub READMEs, monochrome print, and physical merchandise. ### Brand Monogram Assets (`assets/branding/`) - **Master Monogram High-Res (1024×1024)**: [`assets/branding/ribbon-master-1024.png`](assets/branding/ribbon-master-1024.png) - **App Icon Variants**: `logo-512.png`, `logo-256.png`, `logo-128.png`, `logo-64.png`, `favicon.png` - **Social Avatar (400×400)**: [`assets/branding/avatar-400x400.png`](assets/branding/avatar-400x400.png) - **Horizontal Lockup**: [`assets/branding/prady-labs-horizontal.png`](assets/branding/prady-labs-horizontal.png) - **Profile Header Banner (1500×500)**: [`assets/branding/banner-1500x500.png`](assets/branding/banner-1500x500.png) --- ## 4. Color Palette & Design Tokens ### Primary Studio Colors | Token Name | Hex | Preview | Description / Usage | | :--- | :--- | :---: | :--- | | `color-obsidian` | `#080B13` | ⬛ | Primary canvas background; deep space void | | `color-surface-elevated`| `#111625` | ⬛ | Card surfaces, modals, popovers | | `color-border-subtle` | `rgba(255,255,255,0.08)` | ▫️ | Minimalist borders, dividers, frame outlines | | `color-indigo-prime` | `#6366F1` | 🟪 | Electric studio indigo; primary brand accent & glow | | `color-indigo-bright` | `#818CF8` | 🟪 | High-contrast highlights, active states | | `color-acoustic-cyan` | `#06B6D4` | 🟦 | High-frequency soundwave ripples, click accents | | `color-artisan-amber` | `#F59E0B` | 🟧 | Warm tactile switch core; emotional craft highlight | | `color-terracotta` | `#B86B37` | 🟫 | Grounded artisan warmth (echoes Thockify Milk Tea) | | `color-text-title` | `#FFFFFF` | ⬜ | Primary headings, brand wordmark | | `color-text-muted` | `#94A3B8` | 🔘 | Body copy, secondary labels, technical specs | --- ## 5. Typography - **Display & Headings**: `Plus Jakarta Sans` or `Inter`, font-weight `700` / `800`, letter-spacing `-0.03em`. - **Body & Controls**: `Inter` / System UI, font-weight `400` / `500`, line-height `1.6`. - **Monospace, Specs & Badges**: `JetBrains Mono` or `SF Mono`, font-weight `600`, letter-spacing `0.08em`, uppercase. --- ## 6. The Product Suite Prady Labs currently publishes four flagship Chrome extensions: 1. **Thockify (v3.0.0)** *Mechanical Audio & Click Haptics Studio* 9 high-fidelity mechanical keyboard sound profiles (Creamy Alpaca, Deep THOCK, Holy Panda, etc.), 6 visual moods, and universal web click sound feedback. 2. **CursorCraft (v1.1.0)** *Custom Particle Trails & Click Shockwaves* Silky smooth mouse physics, stardust trails, cosmic ripple shockwaves, and tactile audio. 3. **Snap Studio (v1.0.0)** *Full-Page Screen Capture & Pro Snip Annotations* One-click page capture, precision snips, privacy blur tools, and 11 professional annotation instruments. 4. **Breathe More (v1.0.2)** *Flow-State Mindful Breathing Companion* Minimalist 4-7-8, Box Breathing, and Deep Calm visuals designed to reset cognitive focus between deep work sprints. --- ## 7. Studio Links & Resources - **Official Webpage**: [`index.html`](index.html) - **Ko-fi Creator Support**: [`https://ko-fi.com/pradylabs`](https://ko-fi.com/pradylabs) - **Chrome Web Store Publisher**: Prady Labs (`pradylabs@gmail.com`) - **Repository / Source**: Prady Labs Open Studio