mds/gist:c197d6ca089fba70125ae55845ccd34e

## gistfile1.txt
# Fitness Tracker - Daily Activity Dashboard

## Build
iOS app dashboard screen showing today's activity metrics for a fitness tracking application. Single screen showing step count, active calories, distance, and active minutes with visual progress indicators. This is the main "Today" view after opening the app.

## Content
Current time: 3:42 PM
Step count: 8,247 / 10,000 goal
Active calories: 412 / 600 goal
Distance: 3.8 / 5.0 miles goal
Active minutes: 28 / 30 goal
Movement streak: 12 days
Weekly average: "↑ 18% from last week"
Achievement badge: "🔥 On Fire - 7 day streak"
Quick action buttons: "Start Workout" / "View History"
Last sync: "2 minutes ago"
Order by importance: Step count is primary metric (largest display), followed by other four metrics, then streak and weekly comparison, then quick actions and sync status.

## Constraints
Lift exactly ONE design element from a reference source of your choice. This could be a color palette, a specific typography treatment, a layout pattern, a data visualization style, or an interaction pattern. Document your inspiration source in a comment. Everything else must be your original design decisions. Apply the one-element rule: choose one thing you genuinely admire from another fitness app, productivity tool, or dashboard interface, then build everything else from scratch.
The constraint is practicing ethical inspiration—learning to extract a single compelling element while creating original work around it. Think: purple-on-dark from Yala Social applied to Cinesampler, or teal accent from font specimen applied to Streamline.

## Style
Clean modern grid layout with baseline alignment and proportional spacing that creates harmony through scale. Typography establishes hierarchy. Prefer one or two font sizes, three when necessary, using weight, color, negative space and position to differentiate before adding a size. Every typographic treatment has a defined role: actions, read-only, and secondary are never ambiguous. Content is arranged for clarity and natural flow, the eye should scan, not search. Color is a signal system, purposeful, first before decorative. Primary action color never appears on headers, backgrounds, or read-only elements. Interactive and read-only elements are visually distinct. WCAG contrast compliant, comfortable near the boundary, never below it. Alignment and spacing are precise, small details communicate care. Order comes before style. Interactive elements invite action with clear affordance and designed states: default, hover, focused, disabled. Motion, when present, clarifies relationships without distraction. Interfaces are efficient, no unnecessary steps, no wasted attention. Borders only when they frame content to the layout. Negative space over busy UI. Visuals serve understanding, never pure decoration. Design that works across contexts without dependence on trend. Nothing that doesn't earn its place.

## Behavior
Step count progress ring fills as you approach daily goal
Each metric card shows subtle progress indicator (ring, bar, or percentage)
Tapping any metric opens detailed breakdown with historical data
"Start Workout" button transitions to workout type selector
Achievement badge pulses gently when new streak milestone is reached
Pull-to-refresh updates all metrics and shows last sync timestamp
Weekly comparison animates in with small arrow indicating trend direction
Metrics that exceed goal show subtle celebration state (different color or checkmark)

## Avoid
No more than one design element lifted from reference—everything else must be original. No copying multiple aspects from the same source (layout + color + typography = plagiarism). No using design elements too synonymous with existing brands (like Stripe's angled gradient or Apple's San Francisco rounded rings). No placeholder text or generic "fitness app" aesthetics. No icon-heavy UI where typography can communicate. No decorative gradients or shadows unless they serve your one inspired element. Document your single inspiration source so you can apply the gut-check test: would you feel comfortable posting this with your reference side-by-side?
	# Fitness Tracker - Daily Activity Dashboard

	## Build
	iOS app dashboard screen showing today's activity metrics for a fitness tracking application. Single screen showing step count, active calories, distance, and active minutes with visual progress indicators. This is the main "Today" view after opening the app.

	## Content
	Current time: 3:42 PM
	Step count: 8,247 / 10,000 goal
	Active calories: 412 / 600 goal
	Distance: 3.8 / 5.0 miles goal
	Active minutes: 28 / 30 goal
	Movement streak: 12 days
	Weekly average: "↑ 18% from last week"
	Achievement badge: "🔥 On Fire - 7 day streak"
	Quick action buttons: "Start Workout" / "View History"
	Last sync: "2 minutes ago"
	Order by importance: Step count is primary metric (largest display), followed by other four metrics, then streak and weekly comparison, then quick actions and sync status.

	## Constraints
	Lift exactly ONE design element from a reference source of your choice. This could be a color palette, a specific typography treatment, a layout pattern, a data visualization style, or an interaction pattern. Document your inspiration source in a comment. Everything else must be your original design decisions. Apply the one-element rule: choose one thing you genuinely admire from another fitness app, productivity tool, or dashboard interface, then build everything else from scratch.
	The constraint is practicing ethical inspiration—learning to extract a single compelling element while creating original work around it. Think: purple-on-dark from Yala Social applied to Cinesampler, or teal accent from font specimen applied to Streamline.

	## Style
	Clean modern grid layout with baseline alignment and proportional spacing that creates harmony through scale. Typography establishes hierarchy. Prefer one or two font sizes, three when necessary, using weight, color, negative space and position to differentiate before adding a size. Every typographic treatment has a defined role: actions, read-only, and secondary are never ambiguous. Content is arranged for clarity and natural flow, the eye should scan, not search. Color is a signal system, purposeful, first before decorative. Primary action color never appears on headers, backgrounds, or read-only elements. Interactive and read-only elements are visually distinct. WCAG contrast compliant, comfortable near the boundary, never below it. Alignment and spacing are precise, small details communicate care. Order comes before style. Interactive elements invite action with clear affordance and designed states: default, hover, focused, disabled. Motion, when present, clarifies relationships without distraction. Interfaces are efficient, no unnecessary steps, no wasted attention. Borders only when they frame content to the layout. Negative space over busy UI. Visuals serve understanding, never pure decoration. Design that works across contexts without dependence on trend. Nothing that doesn't earn its place.

	## Behavior
	Step count progress ring fills as you approach daily goal
	Each metric card shows subtle progress indicator (ring, bar, or percentage)
	Tapping any metric opens detailed breakdown with historical data
	"Start Workout" button transitions to workout type selector
	Achievement badge pulses gently when new streak milestone is reached
	Pull-to-refresh updates all metrics and shows last sync timestamp
	Weekly comparison animates in with small arrow indicating trend direction
	Metrics that exceed goal show subtle celebration state (different color or checkmark)

	## Avoid
	No more than one design element lifted from reference—everything else must be original. No copying multiple aspects from the same source (layout + color + typography = plagiarism). No using design elements too synonymous with existing brands (like Stripe's angled gradient or Apple's San Francisco rounded rings). No placeholder text or generic "fitness app" aesthetics. No icon-heavy UI where typography can communicate. No decorative gradients or shadows unless they serve your one inspired element. Document your single inspiration source so you can apply the gut-check test: would you feel comfortable posting this with your reference side-by-side?
No results found