);
}
// — App —
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const [activeCat, setActiveCat] = React.useState(null); // null = all
const [sheet, setSheet] = React.useState(null);
const [workOpen, setWorkOpen] = React.useState(false);
const [aboutOpen, setAboutOpen] = React.useState(false);
React.useEffect(() => { applyPalette(t.palette); }, [t.palette]);
// reopen the work overlay when arriving back from a case study (?work=1)
React.useEffect(() => {
if (typeof window !== "undefined" && /[?&#]work/.test(window.location.search + window.location.hash)) {
setWorkOpen(true);
}
}, []);
const profile = {
name: "Sneha Biradar",
role: "Product designer · researcher · strategist",
bio: "Engineer turned designer. I design tech products through the lens of how people actually think, decide, and trust.",
loc: "Bangalore, India"
};
// Card → categories mapping (used for pill filtering)
const cardCats = {
folder: ["about"],
role: ["about","strategy","osource"],
ethosOr: ["approach","psychology"],
img1: ["about","baking"],
img2: ["about"],
name: ["about"],
strategy: ["strategy","osource"],
forest: ["approach","psychology"],
reading: ["about"],
writing: ["approach","research","psychology"]
};
const sheetData = {
folder: { kicker:"About", title:"Hi, I'm Sneha.",
body:["Engineer turned designer. Most days I'm shaping how tech products communicate, decide, and behave — with a heavy bias toward how people actually think.",
"I care about the psychology under the interface: attention, trust, decision fatigue, social proof, the small frictions that quietly compound. The work I'm proudest of started with a research question, not a Figma file."]
},
role: { kicker:"Current role", title:"Strategy & design at Outsource",
body:["Helping Outsource grow a network of designers, developers and operators by making the brand more legible and the product behavior more intentional.",
"Designing the connective tissue: voice, partnerships, decision systems, and the rituals that hold a remote team together."]
},
ethos: { kicker:"Approach", title:"I design for how people actually think.",
body:["Most product problems are behavioral problems wearing a UI disguise. Before I touch a screen, I want to know what mental model the user already has, what they're trying to avoid, and where they're going to feel friction.",
"The interesting work happens in that gap between what people say they want and how they actually behave."]
},
strategy: { kicker:"Strategy", title:"Strategy is just design with a deadline.",
body:["I shape how brands and products show up — voice, look, direction, defaults. At Outsource that means being in the room where the trade-offs get made.",
"Strategy without craft is a slide deck. Craft without strategy is a beautiful mess. The good work sits in between."]
},
forest: { kicker:"Philosophy", title:"Good design is a feeling, not a formula.",
body:["The best products don't just look right — they feel right to use. That feeling is the residue of dozens of small psychological decisions: defaults, copy, latency, the order of options.",
"I keep a running sketchbook of small, half-built things. Some become real. Most teach me what I didn't know I didn't know."]
},
writing: { kicker:"Writing", title:"Type of Culture",
body:["Short essays on design, brand, and the psychology that runs under both.",
"New issue when there's something honest to say."]
},
name: { kicker:"Etymology", title:"sneha — स्नेह",
body:["In Sanskrit, sneha means affection, love — and also oil, the thing that keeps things moving. The same word for the soft and the structural.",
"I like that the thing that holds something together and the thing that makes you love it can share a name."]
},
reading: { kicker:"Research shelf", title:"What I think with.",
body:["A small set of books and papers I keep returning to — the ones that show up in how I scope problems, run research, and argue for defaults.",
"I'll trade book recommendations all day."]
}
};
const reading = [
{ title: "Thinking, Fast and Slow", author: "Kahneman" },
{ title: "The Design of Everyday Things", author: "Norman" },
{ title: "Hooked", author: "Eyal" },
{ title: "Predictably Irrational", author: "Ariely" },
{ title: "Don't Make Me Think", author: "Krug" }
];
const certText = {
sealTop:"THE FRIENDS",
sealMid:"REWATCH",
sealBot:"CLUB",
since:"est. every weekend",
award:"Gold Medal,\nComfort Viewing",
note:"10 seasons. no skips."
};
void certText;
const isDim = (cardId) => {
if (!activeCat) return false;
return !cardCats[cardId].includes(activeCat);
};
const togglePill = (id) => {
setActiveCat((cur) => cur === id ? null : id);
};
const openSheet = (key) => setSheet(sheetData[key]);
return (
{t.pills.map((p, i) => (
togglePill(p.id)}
/>
))}
setAboutOpen(true)} dim={isDim("folder")} />
openSheet("role")} dim={isDim("role")} data={{title:"Strategy at Outsource — building the network."}} />
setWorkOpen(true)} />
openSheet("name")} dim={isDim("name")} />
openSheet("strategy")}
dim={isDim("strategy")}
data={{
line:"Strategy is just design with a deadline.",
body:"I shape how brands show up — their voice, their look, their direction. At Outsource, that means being in the room where the big decisions get made."
}}
/>
openSheet("forest")}
dim={isDim("forest")}
data={{
line:"Good design is a feeling, not a formula.",
body:"The best products feel right because of dozens of small psychological decisions — defaults, copy, latency, the order of options."
}}
/>
{t.showReading && (
)}
{t.showWriting && (
openSheet("writing")}
dim={isDim("writing")}
data={{
title:"I write Type of Culture",
body:"Where I think out loud about design, brand, and what makes things feel the way they do.",
tags:["Brand","Design","Strategy","Culture"]
}}
/>
)}
