Each week you pick the one priority that has to finish, and you pull the next move straight from a goal. Up to three outcomes define the cycle, and each one is a small status board with its own steps and deadline.
{/* week priority instrument */}
Week 3 priorityCurrent
{persona.weekPriority}
9 wks left
Supporting · {persona.weekSupport.length}
{persona.weekSupport.map(({ t, s }, i, arr) => (
{t}
))}
{/* goals board */}
Outcome goals · 3
{goals.map((g, i) => (
{g.p}
{g.n}{g.steps} steps
{g.t}
Next: {g.next}
))}
);
}
function StatusGlyph({ status }) {
const T = TOKENS;
if (status === "done") return ;
if (status === "doing") return ;
return ;
}
/* ───────────────────────── HABITS ───────────────────────── */
function Habits() {
const T = TOKENS;
const p = usePersona();
const doneHabit = p.habits.find((h) => h.done) || p.habits[0];
const openHabit = p.habits.find((h) => !h.done) || p.habits[1];
return (
Habits
Don't break the chain.
Each habit is a card you check off once a day. Finish it and the card flips over to show the month's chain, the small reward that makes the streak worth protecting. Streaks are the one place a warm amber shows up.
{[
["One question a day", "“Did you do this today?” One tap to answer."],
["The chain, revealed", "Finishing flips the card to the month grid you're keeping alive."],
["Streaks in amber", "The only color besides the accent, and you have to earn it."],
].map(([t, d]) => (
{t}. {d}
))}
);
}
/* ───────────────────────── NOTES ───────────────────────── */
function Notes() {
const T = TOKENS;
const p = usePersona();
return (
Notes
Think on the page, one day at a time.
Every day has a running note and quick captures. It's the same note that shows up on that day's Daily screen, so the reasoning behind a decision stays attached to the day it happened. Search back across the whole cycle.
Today
Friday, May 30
{p.note}
Captures · {p.captures.length}
{p.captures.map(({ time: t, text: n }) => (
{t}{n}
))}
This is the same note as that day's Daily screen.
);
}
/* ───────────────────────── PLATFORMS ───────────────────────── */
function Platforms() {
const T = TOKENS;
return (
iPhone & Mac
Plan on the Mac. Run the day on iPhone.
On the Mac it's a keyboard-driven app with a ⌘K command palette and a live agenda rail. On iPhone it's calmer, the thing you actually open in the morning. Same 12-week plan, synced through your own iCloud account.
{[["vision", "Private iCloud sync"], ["person", "Built for one person"], ["habits", "Native on both platforms"]].map(([ic, l]) => (
{l}
))}
);
}
/* ───────────────────────── EXAMPLE MODE ───────────────────────── */
function ExampleMode() {
const T = TOKENS;
const p = usePersona();
const best = p.habits.reduce((a, b) => (b.streak > a.streak ? b : a));
return (
Example mode
Start from a real plan, not a blank screen.
Eighty4 comes with a full example cycle you can poke around in, then clear with one tap. See what a finished system looks like before you write a single word of your own. It never touches your real data.
);
}
/* ───────────────────────── PRIVACY ───────────────────────── */
function Privacy() {
const T = TOKENS;
return (
Your plan is yours. Nobody sees it.
Your cycle, notes, habits, and schedule live in your own private iCloud account, on your own devices. We don't run a server that holds your data, so there is nothing on our side to read, sell, or train on. There is no AI in Eighty4, and there never will be. It's built for one person: you.
{["No AI, ever", "Private iCloud sync", "Never trained on your data"].map((t) => (
{t}
))}
);
}
/* ───────────────────────── FAQ ───────────────────────── */
function FAQ() {
const T = TOKENS;
const items = [
["Is there any AI in it?", "No, and there never will be. Eighty4 doesn't run your plan through a model, write your tasks, or suggest what to do next. It's a quiet tool for your own thinking, not a co-pilot trying to do the thinking for you."],
["Who can see my data?", "Only you. Your plan, notes, habits, and schedule live in your own private iCloud account, on your own devices. We don't run a server that holds your data, so there is nothing on our side to look at. We don't read it, we don't sell it, and we never train anything on it. That will not change."],
["Is Eighty4 a task manager?", "It includes tasks, but it's built around the whole 12-week loop: vision, goals, weekly planning, daily execution, habits, and notes. The day's tasks are just the bottom of that ladder."],
["Is it for teams?", "No. Eighty4 is built for private, single-person planning. There are no shared boards, assignments, or comments."],
["Does it replace my calendar?", "Not entirely. It has schedule blocks for planning the day inside your cycle, but it isn't a full calendar replacement."],
["Does it sync between iPhone and Mac?", "Yes, through your own iCloud account. Your data moves between your devices over Apple's encrypted sync and never passes through a server of ours."],
["How do I learn it?", "There's no heavy walkthrough. A reversible example cycle shows you what a populated plan looks like, then you clear it and make it yours."],
["Is it available now?", "Eighty4 is in TestFlight beta. You can join today, and App Store availability will follow."],
];
const [open, setOpen] = useStateB(0);
return (