Writing · 71 notes
Notes.
Guides for planning a design project, alongside working notes on brand systems, packaging, websites and the tools behind the work.
Project Planning · Brand Systems · Case Notes · AI Ops · Frontend · Tools
Before you commission design
A clearer brief.
A better starting point.
Practical guides for founders and marketing teams: choose the right scope, prepare your inputs and know what to ask before work begins.
How to Choose a Brand Designer in Pune
Compare brand designers by relevant work, process, deliverables and handoff. A practical shortlist checklist for founders and marketing teams in Pune.
Read the guideBrand Identity Design Cost: What Changes the Quote?
Understand what changes a brand identity quote: discovery, logo systems, applications, review rounds and handoff. Compare proposals using the same scope.
Read the guideBrand Design Brief Template for Founders and Teams
A practical brand-design brief with questions on audience, applications, scope, feedback and handoff. Includes a free editable template and a worked example.
Read the guidePackaging Design Brief: A Checklist Before Artwork
Prepare a packaging-design brief with approved dielines, variant lists, content owners, print requirements and proof checks before artwork begins.
Read the guideHiring a SaaS Website Designer: Scope and Handoff
Define the pages, product story, technical diagrams, build ownership and launch checks before hiring a B2B SaaS website designer.
Read the guide- Project PlanningBrand Design Brief Template for Founders and TeamsA practical brand-design brief with questions on audience, applications, scope, feedback and handoff. Includes a free editable template and a worked example.
- Project PlanningBrand Identity Design Cost: What Changes the Quote?Understand what changes a brand identity quote: discovery, logo systems, applications, review rounds and handoff. Compare proposals using the same scope.
- Project PlanningHow to Choose a Brand Designer in PuneCompare brand designers by relevant work, process, deliverables and handoff. A practical shortlist checklist for founders and marketing teams in Pune.
- Project PlanningHiring a SaaS Website Designer: Scope and HandoffDefine the pages, product story, technical diagrams, build ownership and launch checks before hiring a B2B SaaS website designer.
- Project PlanningPackaging Design Brief: A Checklist Before ArtworkPrepare a packaging-design brief with approved dielines, variant lists, content owners, print requirements and proof checks before artwork begins.
- Brand SystemsAccessible Color Pairs: Give Every Combination a Measured JobHow to document accessible colour pairs: measure every foreground and background combination, assign each an approved job, and publish the rules with the tokens.
- Case NotesAccessible Premium Ecommerce: Restraint That Still Works for EveryoneHow to design an ecommerce store that feels premium and remains accessible: contrast, readable type, visible states, honest content, motion, and testing with real tools.
- AI OpsAI for Design Research: Keeping Sources and Claims AccurateA process for using AI in design research without losing accuracy: frame the questions, gather primary sources, ask for citations, verify claims, and keep a source log.
- Case NotesB2B CTA Design: Build a CTA Library by Buyer StageHow to design B2B calls to action as a small library calibrated to buyer stage, with button hierarchy, placement rules, and states that hold across a whole website.
- Brand SystemsHow to Run a Brand Audit: A Visual Designer's FrameworkA five-part brand audit framework for visual designers: collect every touchpoint, sort by job, score consistency, trace the cause of drift, and report what to keep.
- Brand SystemsBrand Evolution vs Rebrand: How to Decide What to KeepHow to decide between a brand evolution and a full rebrand, using recognition, fit, production cost, and the problem the business actually has.
- Case NotesTesting Brand Identity Applications on Real SurfacesA checklist for testing a brand identity on garments, packaging, signage, screens and print before launch, so problems surface in mockups instead of production.
- Brand SystemsBrand Pattern Design: Building a Secondary Graphic From the MarkHow to design a brand pattern from the logo or a core motif: choose the unit, build the repeat, set scale and colour rules, and decide where the pattern belongs.
- Brand SystemsFrom Brand Personality Words to Visual Design DecisionsHow to turn brand personality words into decisions about colour, type, spacing, imagery, and motion, with a translation table and tests that rule options out.
- Brand SystemsCompetitive Visual Audit: How to Map a Category Before You DesignHow to run a competitive visual audit: choose the right set, capture it consistently, code the conventions, map the clusters, and find the position nobody holds.
- Case NotesHow to Structure a Design Portfolio Case Study Recruiters Can ScanA case study structure for designers that recruiters and clients can scan: problem, role, thinking, system, execution, outcome, with honest labelling of mockups.
- FrontendDesign Token Naming: One Name From Figma to CSSA practical design token naming convention: separate raw values from roles, name by job not appearance, and keep one name across Figma variables and CSS custom properties.
- Case NotesFit Information on Fashion Product Pages: Size Guides That Reduce DoubtHow to design fit information and size guides for fashion product pages: garment measurements, fit descriptors, model references, placement, and honest handling of missing data.
- AI OpsLabelling AI-Generated Imagery in Storefronts and PortfoliosA practical disclosure policy for AI-generated imagery in ecommerce stores, marketplace listings and design portfolios: what to label, where, and in what words.
- Brand SystemsLogo Usage Guidelines People Actually FollowHow to write logo usage guidelines that survive real use: clear space, minimum sizes by medium, approved backgrounds, misuse examples, and files people can find.
- Case NotesMobile Product Page Design for Fashion: Purchase Controls That Stay in ReachHow to design a mobile fashion product page so options, price and the buy action stay in reach: content order, a sticky purchase bar, variant selection, and tap-safe details.
- Brand SystemsMotion Logo Design: An Animated Identity Built for Many VideosHow to design a motion logo and a reusable animation library that keeps timing, easing and colour consistent across a whole slate of campaign videos.
- Case NotesOutcome-First Messaging for B2B SaaS WebsitesHow to rewrite feature-first SaaS copy as outcome-first messaging that survives a technical reader, with a message hierarchy, a rewrite method, and claim checks.
- Case NotesPackaging Label Typography: Hierarchy When Space Runs OutHow to set type on packaging labels and sachets: a fixed panel structure, a three-level hierarchy, legibility at small sizes, and checks against the printed piece.
- Brand SystemsPitch Deck Design: Build a Slide System, Not a Single DeckHow to design a pitch deck as a reusable slide system: a grid, a small set of slide types, rules for data and claims, and a master file a team can extend.
- Case NotesProduct Brochure Layout: Designing a Repeating SpreadHow to lay out a product brochure or detailer around a repeating spread: an opening story, a hero page and details page per product, and a grid that absorbs uneven content.
- FrontendReadable Body Text on the Web: Size, Measure, and Line HeightPractical settings for readable body text on websites: fluid size, line length, line height, weight, colour contrast, and spacing, with the values used on this site.
- FrontendRestack or Redesign: Responsive Layout Decisions for Marketing SitesWhen a responsive layout can simply restack on mobile and when it needs its own design, using two real projects: a SaaS website and a fashion storefront.
- Case NotesDesigning a TCO or ROI Calculator for a SaaS WebsiteHow to design a TCO or ROI calculator for a B2B SaaS website: selection-based inputs, instant results, honest assumptions, and a detailed report as the lead capture.
- Case NotesB2B SaaS Website Hero Section: What It Must Answer FirstWhat a B2B SaaS hero section must answer before the first scroll: who it is for, what changes, why it is believable, and what to do next, with a review checklist.
- Case NotesFix the Shopify Catalog Before the RedesignWhy a Shopify redesign should start with the catalog: audit duplicates, product types, tags, options and metafields so navigation, filters and product pages have data to work with.
- FrontendA Spacing System for Websites: Scale, Tokens, and RulesHow to build a spacing system for websites: a small fixed scale, fluid page margins and section gaps, named tokens, and grouping rules that keep layouts consistent.
- FrontendVariable Fonts in Brand Systems: One Family, Several VoicesHow to use a variable font in a brand system: pick the axes that matter, define named type roles as fixed axis settings, subset for performance, and set a matched fallback.
- Case NotesWebsite Section Rhythm: Spacing, Tone, and Pace on Long PagesHow to design section rhythm on long web pages: two or three section spacings, tonal surfaces instead of borders, alternating density, and a pace that matches the argument.
- Case NotesWebsite Visual Hierarchy: A Working Guide for Marketing PagesA working guide to website visual hierarchy on marketing pages: rank the content first, then use scale, weight, colour, space and position to make that ranking visible.
- AI OpsAI-Assisted Design Workflow With Human Review GatesA practical AI-assisted design workflow that keeps human judgment in charge through brief quality, evidence checks, visual review, and release gates.
- AI OpsAI Design Output QA Checklist: What to Check Before Anything ShipsA practical preflight checklist for AI-generated design and code, covering content accuracy, hierarchy, accessibility, responsive behavior, states, and maintainability.
- Brand SystemsBrand Architecture for a Multi-Product SaaS CompanyA practical way to keep several SaaS products distinct while making the parent company feel coherent, credible, and easy to understand.
- Brand SystemsBrand Guidelines vs Brand System: What a Growing Team NeedsBrand guidelines explain decisions. A brand system helps a growing team make compatible decisions in websites, decks, campaigns, and product communication.
- Brand SystemsHow to Build a Brand Typography SystemA practical typography system for brand and digital work, covering type roles, hierarchy, pairing, spacing, responsive behavior, and quality checks.
- Case NotesHow to Keep Ecommerce Product Photography Consistent Across a CatalogA production system for consistent ecommerce product photography, covering crop, scale, background, light, naming, and visual QA.
- Brand SystemsDesign System Governance for Small TeamsA lightweight governance model for small design teams: ownership, contribution, review, exceptions, versioning, and the audits that prevent drift.
- Case NotesHow to Build a Diagram System for a Complex ProductA reusable diagram system for technical products, covering symbols, relationships, line weights, labels, color roles, responsive layouts, and QA.
- Case NotesTrust Signals for Enterprise SaaS Websites: What to Show and WhereA visual hierarchy for enterprise SaaS trust signals, from product evidence and architecture diagrams to people, proof, and responsible claims.
- Case NotesHow to Explain a Complex B2B SaaS Product VisuallyA practical visual sequence for explaining complex B2B SaaS products with proof, workflows, screenshots, and diagrams that buyers can follow.
- Case NotesCollection Page UX for Fashion Stores: Grid, Filters, and MerchandisingA practical collection-page framework for fashion ecommerce, covering product cards, filters, sorting, merchandising, mobile behavior, and visual consistency.
- Case NotesFashion Product Page Image Sequence: What Every Photo Must AnswerA practical image sequence for fashion product pages, showing how each photo reduces a different kind of shopper uncertainty.
- Brand SystemsFashion Wordmark Design: Typeface, Kerning, and Responsive UseA practical guide to fashion wordmarks, including typeface choice, custom letter decisions, kerning, optical balance, and responsive applications.
- Case NotesInformation Design Systems at Scale: From Repeated Graphics to Visual LanguageHow to turn repeated graphics into an information-design system with shared grids, labels, symbols, templates, and quality checks.
- Brand SystemsA Marketing Design System for a Small B2B SaaS TeamWhat a small B2B SaaS team actually needs in a marketing design system: tokens, templates, diagrams, language rules, ownership, and lightweight QA.
- Case NotesInformation Architecture for a Multi-Product SaaS WebsiteA practical IA model for multi-product SaaS websites, covering product discovery, parent-company navigation, use cases, proof, and page transitions.
- Brand SystemsResponsive Logo Systems: From Full Lockup to FaviconHow to design a responsive logo system with full, compact, and symbol variants that preserve recognition across interfaces, print, and small spaces.
- Case NotesShopify Fashion Homepage Design: A Section-by-Section FrameworkA visual and information framework for a Shopify fashion homepage, from collection introduction and product discovery to proof and purchase intent.
- Case NotesTemplate Systems for High-Volume Design WorkA practical framework for designing templates that scale across campaigns, listings, decks, and educational graphics without flattening creative judgment.
- Brand SystemsA Visual Identity System: Components, Rules, and Real DeliverablesA practical guide to building a visual identity system from logo behavior, typography, color, imagery, layout, motion, and reusable deliverables.
- ToolsHow to Think: Why Your Mind Blocks You Before You Even BeginYour brain treats unfamiliar problems like danger. That is why you freeze, rush, or borrow someone else's answer. Here is a better way to think.
- AI OpsI've Been Using AI in My Design Work for a Year. Here's What They Didn't Tell Me.A year of using AI design tools taught me one uncomfortable truth: "you don't need to know code" was never the whole story.
- ToolsA Practical Coding Resource List for People Who Are Not EngineersNo bootcamp pitch. No 'learn to code in 30 days' promise. Just the resources that actually help you ship real things.
- ToolsFree Design Tools Every Developer Should Know AboutYou do not need a Creative Cloud subscription to ship good-looking work. Here is what actually holds up.
- AI OpsAI Tools for Designers in 2026: What Is Actually UsefulPast the hype, past the demos. The tools that do real work in a real design workflow.
- FrontendCSS Resources Worth BookmarkingCSS is not hard to learn and very hard to master. These resources close the gap between knowing syntax and knowing what you are doing.
- Brand SystemsTypography Resources for Brand and Digital WorkType is the most direct expression of brand voice in digital interfaces. These resources help you make better decisions faster.
- FrontendJavaScript for Designers: Where to Start and What to BuildYou do not need to understand JavaScript fully to use it productively. You do need to understand it well enough to know what you are doing.
- Case NotesHow to Audit a Website: A Practical ChecklistA structured audit process for designers and creative technologists who need to evaluate a site across UX, performance, and brand consistency.
- ToolsFigma Plugins That Are Actually Worth InstallingMost Figma plugin lists are long and untested. This one is short and specific. Every plugin here earns its place in a real workflow.
- Brand SystemsWhat a B2B SaaS Brand Actually Needs (And What It Doesn't)Enterprise software doesn't need personality. It needs clarity, trust, and a system that scales without a brand manager in the room.
- Brand SystemsBuilding a Color System That Actually Works Across Digital TouchpointsA single brand color is not a color system. Here is how to build one that holds up from the website to the product UI to the pitch deck.
- ToolsThe Productivity Stack for Solo Designers and Creative TechnologistsRunning design, ops, and frontend work without a team requires tools that do not create more overhead than they save. This is what holds up.
- FrontendGit for Designers: The Minimum You Need to KnowYou do not need to be a developer to use Git. You need to know about six commands to work without breaking things.
- AI OpsHow I Use Claude Code as a Solo Designer-DeveloperThe actual workflow — what I delegate to AI, what I don't, and where judgment still sits with me.
- Brand SystemsBuilding a Token-First Design System Without a Design EngineerWhat it looks like when one person owns brand, Figma, and the React component library simultaneously.
No matching notes. Try a broader search or reset the filters.