Visual identity, voice, and design system for an AI-native boutique content studio building the machine behind your content.
Machine House Media is an AI-native boutique content studio. Founded in 2019, we build the systems, strategies, and content pipelines that power India's top creators — from Ankur Warikoo (13M+ followers) to Masoom Minawala (#1 Apple Podcast for women in India).
We plan your strategy, write your scripts, produce your content, and grow your channel — backed by custom AI systems built over seven years with India's top creators. We don't just manage content. We build the machine behind it.
We build the machine behind your content.
"We build the machine behind your content."
"Another content agency. They'll manage my posts, maybe write some captions. Everyone says they're different."
"These people actually build systems. They predicted which topics would work before I shot them. They left me a machine that keeps running without them."
Three emotions every touchpoint should evoke, in this order of priority:
These people know what they're doing. They've done it before. There is evidence and precision here.
They're not cold operators. There's a person behind the system. They care about the work.
Everything is measured. Everything is intentional. Nothing is accidental or sloppy.
Machine House Media and The Machine Magazine are sister brands under the same house. They share foundational DNA — the same void palette, the same Instrument Serif display font, the same JetBrains Mono for data — but occupy distinct territories.
Machine House Media is the studio: teal-led, DM Sans body, systems-focused, direct voice, dashboard aesthetic.
The Machine Magazine is the publication: amber-led, Inter body, cosmic mood, literary voice, editorial aesthetic.
"Precision with warmth." Before reading a word, someone landing on Machine House should feel that this is a place where things are built carefully, run reliably, and presented with intention. The system panel aesthetic — structured but alive.
Not cold corporate. Not startup casual. Dashboard-style precision with human warmth. The feeling of opening a well-built control panel that was clearly made by someone who cares. Everything in its place. Everything working. But alive, not sterile.
Machine House holds these tensions simultaneously:
Systems & Soul
Data & Taste
Precision & Warmth
The visual and tonal ancestors that inform the Machine House brand. These are not templates to copy — they're landmarks in the territory we occupy. Any collaborator working on Machine House should know this lineage.
Craft as competitive advantage. Stripe's brand proves that a payments company can have beautiful, precise design. They don't "look like a tech company" — they look like Stripe. The attention to detail is itself a signal of competence.
What we take: The idea that craft signals quality. That precision in design implies precision in service. That you can be technical and beautiful simultaneously.
Systems-as-product, clarity. Linear's entire brand is about the system being the product. Clean, fast, no wasted space. The UI isn't decorating the tool — it IS the tool. Dashboard-native thinking.
What we take: The dashboard aesthetic. System panels that feel alive. Data as design element. The confidence of a clean interface.
Developer precision + warmth. Dark mode done right. Technical credibility that doesn't sacrifice approachability. The glow effects, the subtle animations, the sense that things are working.
What we take: Dark-mode mastery. Teal/green signal colors for "active" and "running" states. The balance of technical credibility and visual warmth.
Boutique premium, selectivity as brand. Rapha doesn't try to be for everyone. Their restraint IS their brand. Limited runs, curated experiences, the quiet confidence of knowing who you are and who you're for.
What we take: Boutique positioning as a feature, not a limitation. Selectivity signals quality. You don't scale by getting bigger — you scale by getting better.
Five non-negotiable principles that govern every decision — from how we build systems to how we write emails.
Build repeatable processes, not one-off campaigns. A viral video is a moment. A content system that consistently produces winning topics is an asset. We build assets.
Creative instinct validated by prediction models. We don't guess which topics will work — we model it. But the model doesn't replace taste; it sharpens it. Data without taste is spam. Taste without data is gambling.
We stay small to stay good. No account managers. No junior teams. You work with the people who built the systems. We take fewer clients and give them more.
Every system we build should run without us. We're not selling dependency — we're selling infrastructure. The best outcome is a client who doesn't need us anymore because the machine we built keeps running.
AI isn't a feature we added to a traditional agency. It's the foundation everything is built on. Our prediction models, our content systems, our workflow automation — AI is the substrate, not the garnish.
Machine House sounds direct, specific, and results-first. Warm but never sycophantic. We say what we did, what it produced, and what happens next. No filler.
| We are | We are not |
|---|---|
| Direct | Blunt or rude |
| Specific | Vague or hand-wavy |
| Warm | Sycophantic or bubbly |
| Confident | Arrogant |
| Results-first | Process-obsessed |
| Technical | Jargon-heavy |
| Honest | Brutal or cynical |
Never use these words:
leverage · synergy · game-changer · disrupt · 360-degree · holistic · next-level · best-in-class · paradigm shift · deep dive
Always use instead: specific numbers, concrete outcomes, honest timelines, named tools and methods.
| Context | Tone | Register |
|---|---|---|
| Proposal | Confident, specific, evidence-backed | Professional but not stiff |
| Client email | Direct, honest, brief | Friendly colleague, not account manager |
| Case study | Results-first, concrete, narrative | Show the system, then the outcome |
| Social post | Observant, specific, warm | One clear insight, fully expressed |
| Website copy | Clean, precise, inviting | Dashboard energy — everything labeled, nothing extra |
The primary mark is the "MH" monogram — two letters in JetBrains Mono 700 with a teal accent bar below. The monogram is the identity: engineered, precise, recognizable at any size.
Dark background application — the default context.
For light contexts: print, partnerships, press features.
The monogram is built from two elements: the letterforms "MH" set in JetBrains Mono 700 at --teal-300 (#6AAFB2), and a horizontal accent bar in --teal-500 (#387A7E) directly below.
The full text mark "MACHINE HOUSE MEDIA" is set in JetBrains Mono 400, uppercase, with letter-spacing: 0.18em.
The accent bar width matches the text width. It is never wider or narrower than the letterforms above it.
The "MH" monogram in compact form for small-format applications.
Clear space: Maintain a minimum clear zone equal to the cap-height of the "M" on all sides. No other elements should intrude into this space.
Minimum size: The full mark should not be reproduced smaller than 120px wide on screen or 30mm in print. Below this threshold, use the monogram alone.
Text mark: "MACHINE HOUSE MEDIA" in mono, uppercase, letter-spacing: 0.18em. Always appears below the monogram, never beside it.
Don't distort or skew
Don't use off-brand colors
Don't reduce opacity
A dark-first palette built on deep void blacks with teal as the primary accent — precision, clarity, the glow of active systems. Amber serves as the secondary voice: warmth, emphasis, humanity.
We chose teal over warm amber for the primary accent. Teal carries the "systems" quality — active dashboards, running processes, data in motion. It signals competence and precision. Amber provides the human counterpoint: warmth, emphasis, the person behind the system.
The core surface system. All backgrounds, cards, and structural elements draw from this palette.
Systems, precision, active state. Used for: primary CTAs, links, highlights, the monogram, navigation hover, interactive states, and moments of competence.
Glow value: rgba(106, 175, 178, 0.08) — used for subtle panel glows, hover states, and active indicators. The teal glow should feel like a system coming online, not a neon sign.
Warmth, humanity, emphasis. Used for: secondary highlights, warm accents, supporting labels, and moments where the human voice is more important than the system voice.
90% Foundation — Void, surfaces, and text colors dominate. The dark field is the canvas.
7% Teal — Primary accent. CTAs, links, monogram, hover states. Precision and systems.
3% Amber — The warmth. Supporting labels, secondary emphasis, human moments.
Rule: Teal leads, amber supports. If they appear in equal measure, the hierarchy is broken. Teal is the system. Amber is the person running it.
| Combination | Contrast Ratio | WCAG |
|---|---|---|
| Primary text on Void | 16.2:1 | AAA |
| Secondary text on Void | 6.8:1 | AA |
| Teal-300 on Void | 8.6:1 | AAA |
| Amber-400 on Void | 9.4:1 | AAA |
| Tertiary text on Void | 4.5:1 | AA (large) |
| Void on Teal-300 | 8.6:1 | AAA |
Tertiary text is reserved for metadata, timestamps, and decorative labels — never for body content.
Three typeface families create the tension between classical gravity and engineered precision. Serif headlines carry significance; DM Sans body ensures clarity and warmth; monospace anchors data and metadata in the systems world.
Machine House uses DM Sans for body text, not Inter. DM Sans has slightly more warmth and personality than Inter's geometric neutrality. It signals "built by humans" rather than "built by a system." This is intentional — Machine House is the human-system intersection, and the body font should reflect that warmth.
Used for: headlines, hero text, section titles, pull quotes, display statements.
Used for: body text, UI elements, navigation labels, buttons, form inputs, paragraphs.
Used for: metadata, timestamps, navigation, the MH monogram, data labels, code, section numbers.
Machine House imagery lives in the systems/precision territory — not cosmic like the Magazine. Dashboard-style visuals, pipeline diagrams, metric displays, and real client work. Lighter treatment than the Magazine: grain and grade, but less dithering.
Every image reinforces the systems narrative:
Precision grids, dashboard aesthetics, engineering diagrams. The systems register. Used for backgrounds, section dividers, and structural imagery.
| Parameter | Value |
|---|---|
| Grid | 40px base grid, 1px lines in border color |
| Overlay | Grid applied over treated photography or as standalone |
| Color | Monochrome with single accent (teal or amber) |
| Labels | Mono labels at grid intersections (optional) |
Subtle radial gradients in teal and amber. Used for hero backgrounds, OG images, and atmospheric depth.
| Parameter | Value |
|---|---|
| Light sources | Radial gradients in teal (primary) and amber (secondary), offset |
| Grain | Fine film grain at 5-15% opacity (lighter than Magazine) |
| Contrast | Moderate — not as dramatic as Magazine's cosmic treatment |
Scanline/data treatment for technical subjects. Subtle line patterns that suggest data flowing through systems.
| Parameter | Value |
|---|---|
| Pattern | 2px repeating lines in teal at low opacity |
| Base | Gradient from surface to teal-900 |
| Grain | Light overlay, 3-8% opacity |
| Usage | Case study headers, proposal covers, data sections |
| Setting | Direction |
|---|---|
| Shadows | Push toward void (#07070C) |
| Midtones | Desaturate 20-30%, shift toward cool |
| Highlights | Shift toward teal (#6AAFB2) with amber warmth |
| Saturation | Global reduction 15-25% (lighter than Magazine) |
| Black point | Slightly crushed — clean blacks, not muddy |
Dashboard-influenced layouts. Clean hierarchy, system-panel energy, everything labeled. The website layout is documented here along with proposal and deck formats.
Two-column hero (headline left, system panel right), method section below, case studies grid, client grid, and contact section.
| Property | Value |
|---|---|
| Max width | 1200px |
| Hero columns | 1.15fr / 1fr (headline slightly wider) |
| Case studies | 2-column grid |
| Client grid | 5-column |
| Page padding | 2rem (all breakpoints, adjusts on mobile) |
| Mobile layout | Single column, hero stacks vertically |
| Property | Value |
|---|---|
| Aspect ratio | 16:9 |
| Background | Void (#07070C) |
| Headlines | Instrument Serif, teal-300 for emphasis |
| Body | DM Sans 400 |
| Data | JetBrains Mono, teal for metrics |
| Safe margin | 48px on all sides |
Specifications for repeatable formats: OG images, proposal covers, case study cards, client reports, and email signatures.
| Property | Value |
|---|---|
| Dimensions | 1200 × 630px (1.91:1) |
| Background | Gradient from void to teal-900, or data-panel treatment |
| Headline | Instrument Serif, ~48px, white |
| Label | JetBrains Mono, 14px, teal-400, uppercase |
| Attribution | "MACHINE HOUSE MEDIA" in mono, bottom |
| Safe zone | 48px padding on all sides |
India's #1 finance podcast. 40M+ views. Built the guest prediction system, produced 100+ episodes, designed the self-running pipeline.
Where Machine House sits in the landscape — and why the visual identity must communicate a fundamentally different territory from every competitor.
| Competitor Type | What They Do | Why We're Different |
|---|---|---|
| Traditional Agencies | Big teams, account managers, slow turnaround. Expensive overhead passed to clients. | We're boutique. You work with the people who built the systems. No layers, no handoffs. |
| Creator Management | Talent-first, brand deals focus. Manage the creator, not the content system. | We're systems-first. We build the content machine, not manage the talent. We leave infrastructure behind. |
| Freelancers | Individual contributors. Good at execution, no systems, no AI, no prediction. | We build systems that scale beyond any individual. AI prediction models, automated pipelines, data-driven decisions. |
| In-house Teams | Deep context but no outside perspective. Often lack AI tools and cross-creator data. | We bring cross-creator data from 15M+ audience, proprietary prediction models, and the outside perspective that in-house teams lack. |
Four things no competitor offers simultaneously:
Custom models that forecast content performance before you produce. Not ChatGPT prompts — actual prediction systems trained on creator data.
Senior people on every project. No account managers, no junior teams. You work with the system builders.
Everything we build is designed to run without us. We sell infrastructure, not dependency.
40M+ views, 15M+ managed audience, 3x Apple Best Podcast. Not projections — receipts.
The visual identity communicates our positioning before a single word is read. It must simultaneously say:
"This is built properly"
"By people who care"
Precision with warmth. Both signals at once. This is the design challenge and the competitive moat.
The rules of engagement. What to do, what never to do, and the principles behind both.
Precision with warmth. Every design decision should communicate competence and care simultaneously. Systems that work, built by people who give a damn.
Machine House Media and The Machine Magazine share DNA but are distinct brands. This table clarifies the boundary:
| Element | Machine House Media | The Machine Magazine |
|---|---|---|
| Primary accent | Teal leads | Amber leads |
| Secondary accent | Amber supports | Teal supports |
| Body font | DM Sans | Inter |
| Display font | Instrument Serif (shared) | |
| Mono font | JetBrains Mono (shared) | |
| Void palette | Same foundation (shared) | |
| Surface | #0C0C16 | #0E0E18 |
| Surface raised | #131322 | #151524 |
| Mood | Systems / Dashboard | Cosmic / Sublime |
| Voice | Direct, results-first | Literary, reverential |
| Imagery | Dashboards, pipelines, metrics | Cosmic, mechanistic, treated photos |
| Selection color | Teal-based | Amber-based |
| Logo | MH monogram (JetBrains Mono 700) | "THE MACHINE" wordmark (Instrument Serif) |
Both brands are built on the same void palette, the same Instrument Serif for display, and the same JetBrains Mono for data. They feel like they come from the same house — because they do.
The distinction: Machine House is the studio (teal, DM Sans, systems, direct). The Machine Magazine is the publication (amber, Inter, cosmic, literary). Same foundation, different buildings.
An AI-native boutique content studio that builds the systems, strategies, and content pipelines behind India's top creators. We don't manage content — we build the machine behind it.
Systems over stunts. Taste backed by data. Precision with warmth.
Instrument Serif
DM Sans
JetBrains Mono
Void · Surface · Teal · Amber · Text
Competence. Warmth. Precision.
Direct, specific, results-first, warm but never sycophantic.
Dashboard precision. System panels. Teal glow on void.
"We build the machine behind your content."
Machine House Media · Brand Book v1.0 · February 2026
Social & Distribution
Templates and guidelines for every platform. The brand must translate across contexts without losing precision or warmth.
LinkedIn (Primary B2B Channel)
LinkedIn is Machine House's primary distribution channel. Posts should feel like dispatches from someone who builds systems — specific, insightful, never generic.
Post Template
Our prediction model flagged "financial independence for women" as a top-3 underserved topic for Masoom's audience.
LINKEDIN · CASE STUDY POSTWe produced the episode.
Result: Apple Best Podcast 2025.
The model didn't make the podcast good. Masoom did that. The model just made sure she was talking about the right thing to the right people at the right time.
That's the difference between taste and data. You need both.
Twitter / X
Shorter, sharper. One insight per post. Numbers when possible.
Post Template
We predicted this topic would do 2x channel average.
TWITTER · INSIGHT POSTIt did 3.4x.
The model was conservative. That's the point — you want your prediction system to underpredict, not overpromise.
Instagram
Visual-first. Use data-panel treatment or system-grid backgrounds. Instrument Serif headlines overlaid.
Post Specs
Visual Rules for Social
Do
Don't