Material 3 / Published template

Research Grant Portfolio Planner

An education planning workspace for comparing opportunities, deadlines, eligibility evidence, budgets, collaborators, and submission readiness.

Prompt reference v1

Structure blueprint

Data-driven fallback
Material 3Structure v1

Funding and deadline filters frame an opportunity list, selected grant requirements, budget context, collaborators, and readiness checks.

Planning WorkspaceService PortalContent FirstTask Focused

Composition principles

Keep funder, deadline, award range, eligibility source, and owner visible. Separate published requirements from internal planning.

Behavior and access

Comparison remains keyboard usable, readiness updates are explicit, and deadline changes are announced without stealing focus.

Engineering boundaries

Use versioned funder requirements and server-owned readiness facts. Never infer eligibility or submission acceptance in the UI.

Material 3 token ledger

Structure v1

Google's current open design system for adaptive digital products.

Color roles

model
role-based color scheme
requiredRoles
surface, onSurface, primary, secondary, error

Typography

approach
display, headline, title, body, and label roles
requirements
responsive hierarchy, legible labels

Spacing

approach
adaptive layout rhythm
baseUnitPx
4

Component rules

touch
Keep interactive targets large enough for touch input.
navigation
Choose navigation patterns according to window size and destination count.

Where this template fits