nutrication-tracker is a daily nutrition tracking product. Its intent is to let a person record what they eat on any given day and review that day's tracked intake, so that every day has a complete, revisitable nutrition record. The product is used in domestic, everyday contexts by adults who want a calm, non-judgmental record of their eating rather than a performance dashboard.
The audience is a single supported human role: the Nutrition Tracker User — someone who wants to track their nutrition intake for every day. Their recurring responsibility is logging daily nutrition entries and reviewing the day's tracked intake so each day's record is complete and usable.
The product is delivered as a first-party web application with application-owned identity: a public entry surface, self-service enrollment, returning verification, a recurring daily review surface, and a focused entry-creation surface.
nutrication-tracker currently delivers:
Actors:
Ownership and access:
Narrow exclusions:
The product is a first-party web application. All accepted human-facing work happens on first-party surfaces owned by the application: the public Landing surface, the anonymous Sign Up and Login surfaces, and the protected Daily Log and Log Entry surfaces. There is no provider-owned or external-destination surface in the current scope, and no headless-only delivery.
Access ownership is application-owned identity. A first-time user establishes identity through self-service enrollment on Sign Up; a returning user verifies identity on Login. The Landing surface is the anonymous first impression and does not itself establish access to protected tracking work. Daily Log and Log Entry are protected and cannot be reached without established identity, because durable daily nutrition records must remain bound to the correct Nutrition Tracker User and be resumable across days.
Current scope covers daily nutrition tracking for every day: creating and saving nutrition entries for a given day, and reviewing a given day's tracked nutrition. Future-horizon ideas are not part of current pages or acceptance.
FR-1 — Build a nutrition tracker application (explicit) As a Nutrition Tracker User, I should have a working nutrition tracker application so that I can track my nutrition.
FR-2 — Track nutrition on a daily basis, for every day (explicit) As a Nutrition Tracker User, I should be able to track my nutrition for each day so that every day has its own record.
FR-3 — Self-service enrollment for a first-time Nutrition Tracker User (required_inference) As a first-time Nutrition Tracker User, I should be able to enroll myself so that I can own and revisit my durable daily nutrition records.
FR-4 — Returning verification for a Nutrition Tracker User with existing durable daily records (required_inference) As a returning Nutrition Tracker User, I should be able to verify my identity so that I can access my existing durable daily nutrition records.
FR-5 — Review a given day's tracked nutrition (required_inference) As a Nutrition Tracker User, I should be able to review a given day's tracked nutrition so that I can see what I have recorded for that day.
FR-6 — Create and save a nutrition entry for a given day (required_inference) As a Nutrition Tracker User, I should be able to create and save a nutrition entry for a given day so that the day's record reflects what I ate.
Muse: Yves Béhar. Headline direction: "Eat the day, one meal at a time." — humane nutrition tracking: warm materials, soft forms, wellbeing first.
Color tokens (light mode):
| Role | Hex |
|---|---|
| Background (warm oat) | #F5F1EA |
| Surface (cards) | #FFFFFF |
| Text | #2A2724 |
| Primary (deep sage) | #4A5D4E |
| Accent (terracotta) | #C96B4A |
| Muted (stone) | #8A8378 |
#F5F1EA is the dominant field; white #FFFFFF cards are the primary working surface.#4A5D4E carries the brand and primary actions — a natural, non-clinical green that reads as nourishment rather than health-tech.#C96B4A is the single hot accent: macro rings, the day's completion marker, hover states.#8A8378 for metadata, labels, and secondary text.Typography:
clamp(44px, 7vw, 112px); section headings clamp(28px, 3.2vw, 44px); body 17px desktop / 16px mobile; micro labels 13px uppercase with 0.08em tracking.Shape language: Soft organic-modern. Cards and panels use 20–28px continuous radii (superellipse feel, not pill). Buttons are capsule-shaped with a 2px inner highlight. Progress rings are thick-stroked circles with rounded caps. Section boundaries are gently curved — a 60px-radius arc separates hero from the daily log rather than a hard rule. No sharp corners anywhere except data table hairlines.
Spacing rhythm: Generous 96px section padding on desktop, 48px on mobile. Single-column reading measure of 720px for editorial copy, opening to a 12-column grid for the daily log dashboard.
Imagery style: Warm natural-light photography of real food on ceramic and linen — top-down plates, a hand holding a mug, an open notebook. Soft shadows, oat and terracotta tones. Occasional flat illustration of simple kitchen objects (a bowl, a spoon, a lemon) in the same palette for empty states. No stock people smiling at salads, no 3D blobs, no isometric dashboards.
The public entry is a split hero on a warm oat ground (#F5F1EA).
clamp(44px, 7vw, 112px), stacked across four lines, with a 17px Work Sans subline beneath and a single capsule CTA in deep sage (#4A5D4E) labelled "Start today's log".No centred stack, no gradient blob, no blue button. The thick-stroked terracotta macro ring is the product's hero object and the day's progress signature; the curved-section transition makes the page read as one continuous soft surface rather than stacked rectangles. The CTA leads only to accepted behavior: enrollment or verification, then the day's log.
Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: layered_2d
Landing Hero Motion Brief
cubic-bezier(0.22, 1, 0.36, 1), 400–600ms; macro rings animate their stroke on first paint of the day; log rows fade-and-lift 8px on entry, staggered 40ms; hovering a meal row softly deepens its shadow and slides a terracotta chevron in from the right. No bounces, no particles, no gradient drift.font-size: clamp(...) with its mobile size) to fit, with no other element covering any part of them. Imagery, decoration, and motion may be cropped, bled off an edge, rotated, overlapped, or cut as the creative direction asks, as long as they cover no readable text or control.prefers-reduced-motion, provide a usable static arrangement: rings appear filled, rows appear in place, no stagger; horizontally scrollable content wraps into rows or scrolls so each item can be brought fully into view.No separate queue worker, additional container, or Kubernetes deployment is required by the accepted current scope.

nutrication-tracker
nutrication-tracker is a nutrition tracker for daily intake — a calm place to record what you eat and revisit the day's record, one meal at a time.
Today
The day's record
Choose your way in
nutrication-tracker keeps one calm, revisitable nutrition record per day. Pick the path that fits you — both lead into the same daily tracking.
This surface is anonymous — nothing about you is stored here. If a reload ever interrupts the page, you return to this same anonymous Landing state and can choose a path again. Loading the page again is always safe.

nutrication-tracker
nutrication-tracker is a nutrition tracker for daily intake — a calm place to record what you eat and revisit the day's record, one meal at a time.
Today
The day's record
Choose your way in
nutrication-tracker keeps one calm, revisitable nutrition record per day. Pick the path that fits you — both lead into the same daily tracking.
This surface is anonymous — nothing about you is stored here. If a reload ever interrupts the page, you return to this same anonymous Landing state and can choose a path again. Loading the page again is always safe.
No comments yet. Be the first!