Huchu DS · 0.5
All portals

Parent portal

Fee balances, attendance, notices, term reports. Mobile-first; assumes intermittent connectivity. Distributed as a PWA and packaged Android app.

Portal 2 shells 4 pages Production /portals/parent
Shells

Device shells

Each portal adapts to the device the audience is using. The primary device is highlighted; the others reflow without losing functionality.

Mobile
360–414 px
Primary

Status bar, hero fee balance, list of children with quick switcher, four-tab bottom nav (Home · Fees · Notices · Profile).

Open dashboard
Tablet
768–1024 px

Same shell with the side rail surfacing all children, term anchor at the top, and notices pulled into a right column.

Pages

Designed surfaces in this portal

Each page is a real, rendered mockup at the right device width. Click any to open.

Used in this kit

Primitives, blocks & patterns

The portal composes from the same system everything else uses.

Need a new parent portal surface?

Every screen in this portal composes from the documented system. Start a new one by copying an existing template.

All portal shells