User Interface

Mobile and web screen that captures the user's email and password and submits them to the Auth Service. Surfaces typed ApiException errors s...

Screen that lets a user request a password reset email and then submit a new password using the emailed reset token. Guides the user through...

Mobile screen that initiates the BankID sign-in flow and hands the user off to the BankID app or web fallback. Displays progress state while...

Mobile screen presenting the Vipps sign-in option to first-time users. Initiates the Vipps Login flow, handles app-switch return, and surfac...

Native modal that triggers Face ID, Touch ID, or fingerprint scanning when the user opens the Meander Mobile App. Displays fallback options ...

Post-login screen that prompts users to register a WebAuthn credential bound to their device or platform authenticator. Guides users through...

Mobile screen that renders the authenticated user's personal information, contact details, and account preferences. Allows peer mentors and ...

Mobile UI control that surfaces the user's available profile contexts and lets them swap the active one without signing out. Appears in the ...

Mobile screen optimized for under two clicks to record a routine activity. Presents smart defaults (today's date, 30-minute duration, last-u...

Multi-step guided UI flow for creating richer activity entries. Walks the user through contact, date, time, duration, and summary steps with...

Mobile settings screen where coordinators and peer mentors configure which device calendars to sync with Meander and choose the sync directi...

Microphone button and live transcription panel embedded inside the activity-registration report composer. Shows recording state, interim tra...

Mobile UI control that lets users select files from device storage, camera, or photo library to attach to an activity. Shows a thumbnail pre...

Structured post-visit report form with predefined sections for helsetilstand, kursinteresse, hjelpemiddelsituasjon, and veien videre, plus a...

Mobile screen used by coordinators to log an activity on behalf of a selected peer mentor. Mirrors the standard activity entry form but adds...

Mobile screen used by coordinators to register one activity for multiple peer mentors in a single submission. Provides activity template fie...

Guided multi-step wizard screen in the Meander Mobile App that lets coordinators and organization admins create new group activities. Mirror...

Mobile-facing screen that renders a scrollable, filterable list of events scoped to the current user's tenant and role. Provides date range,...

Embedded sign-up control rendered within the event detail view on the Mobile App. Presents a single-tap registration gesture, reflects curre...

Mobile form that lets peer mentors and coordinators log a travel expense after an activity. Presents fixed expense-type choices to prevent i...

Mobile screen that lets the mentor attach a receipt photo to an expense by launching the device camera or picking from the gallery. Performs...

Mobile UI control that presents the tenant-configured catalogue of expense categories to the submitter. Filters available types by the user'...

Admin and mentor-facing screen for recording, viewing, and auditing confidentiality declarations on file for users such as volunteer drivers...

Mobile screen showing the full profile of a single contact including core attributes, related activities, and notes. Provides an entry point...

Mobile screen with editable form fields for the contact's core attributes. Validates input and persists changes through the Contact Service ...

Mobile screen that displays the user's assigned contacts in a scrollable list with a search bar at the top. Supports pull-to-refresh and tap...

Mobile form screen for creating and editing caregiver and next-of-kin records linked to a primary contact. Captures contact details, relatio...

Focused editor for a single note, used for both creation and modification. Captures free-form text, optional contact linkage, and exposes sa...

Mobile screen that presents the authenticated user's notes in a scrollable, searchable list. Acts as the entry point for browsing existing n...

Mobile screen that presents each peer mentor with a personal dashboard of their volunteering contribution. Renders summary cards for totals ...

Mobile screen that shows coordinators an overview of their team's peer-mentor activity. Displays totals, recent activity, distribution by co...

Mobile screen presenting decrypted assignment details including assignee personal data, address, and medical summary. Records read receipts ...

Mobile screen displaying the peer mentor's list of incoming encrypted assignments with status indicators for unread, in-progress, and overdu...

Mobile UI widget that displays a peer mentor's current assignment count against the honorarium tier thresholds (3rd and 15th assignment). Pr...

Mobile-accessible screen that presents power-of-attorney and epikrise consent text to users at the appropriate points in the assignment flow...

Accessible form screen for registering and editing relatives such as parents, siblings, and primary caregivers. Captures identity fields, co...

Mobile screen where peer mentors view and manage the connections between a primary contact and their registered relatives. Presents the fami...

Mobile UI component that presents a configurable list of relative role tags (parent, sibling, primary caregiver, and organization-specific d...

Mobile screen where peer mentors toggle their pause status with a single tap. Displays current active/paused state with a clear visual indic...

Mobile screen presented to a paused peer mentor that confirms their intent to rejoin the active roster. Displays current paused status, any ...

Interactive geographic map view that displays peer mentors as markers across regions. Supports filtering by role tags, certification status,...

Coordinator-facing screen that displays ranked peer mentor matches for a new or reassigned assignment based on geographic proximity. Shows e...

Mobile screen that displays upcoming and past career workshops for participants and mentors. Shows workshop details including sessions, sche...

Mobile rich-text-light editor surface attached to a specific workshop session. Supports autosave, offline drafting, and visual sync state so...

Mobile screen that displays the authoritative roster for a workshop, separating facilitators from mentees. Lets coordinators and facilitatin...

Mobile screen embedded within the workshop view that displays the action-item tracker for a single workshop. Lets facilitators add new to-do...

Displays incoming push notifications as a banner on the mobile device. Handles tap interactions to deep-link users into the relevant feature...

Mobile screen that lets a user view and adjust their notification preferences. Displays only scenario categories relevant to the user's role...

Mobile screen where peer mentors and coordinators view their personal invite link and QR code, then share it via native share sheet or displ...

Mobile dashboard screen that visualizes recruitment funnel metrics for the current user and, for coordinators, aggregated views across mento...

Mobile screen that displays the catalogue of training courses available to the signed-in peer mentor, scoped to their organization. Lets the...

Renders the digital peer mentor certificate as a shareable card inside the mobile app. Displays holder name, issuing organization, course, i...

Mobile screen that presents the peer mentor's annual recap as a sequence of engaging, shareable visual cards. Displays totals, milestones, a...

Displays earned and locked achievement badges for the current user with progress indicators toward upcoming milestones. Surfaces badge detai...

Mobile screen presenting the advantage calculator interface to peer mentors. Displays inputs prefilled from activity history alongside organ...

Mobile screen that presents peer mentors with browsable decks of conversation prompt cards organized by theme. Supports filtering, deck sele...

Foundational accessibility component library providing pre-built, WCAG 2.2 AA compliant UI primitives such as buttons, inputs, focus rings, ...

A UI primitive that wraps sensitive form fields and display elements to intercept screen reader output. It renders a visual indicator that t...

Mobile home screen that renders role-appropriate widgets, quick actions, and status indicators for the authenticated user. It adapts its lay...

Centralized preferences screen accessible from the hamburger menu. Presents grouped controls for notifications, language, accessibility, bio...

Mobile screen that displays the curated list of external resource links available to the user's organization. Handles outbound navigation by...

Mobile screen presenting a contact form where signed-in users can compose a message to Norse Digital Products support. Captures the message ...

Mobile screen that renders the current Meander privacy policy text inside the app. Fetches policy content on mount, handles loading and erro...

Mobile screen that renders Meander's WCAG 2.2 AA conformance statement, known limitations, last audit date, and a link to report accessibili...

Mobile screen presenting categorized frequently asked questions with search functionality. Users browse topics, search by keyword, and tap e...

A persistent UI element that communicates the current connectivity state of the device to the user. It appears in the mobile app shell whene...

Visual indicator that surfaces the current synchronization state to the user. Displays queue depth, last successful sync timestamp, and any ...

Admin portal landing page that renders the consolidated set of organizational KPI tiles for Org Admins and Global Admins. Presents totals an...

Renders the live, chronologically ordered stream of recent operational events in the admin portal. Displays each entry with actor, affected ...

Detail and edit view for a single user record within the Admin Web Portal. Allows the Organization Admin to update user attributes, change r...

Paginated and filterable list view of all users within the Organization Admin's organization. Supports search by name, email, role, and stat...

Administrative UI surface embedded within the user edit experience and accessible as a standalone action from the user list. Displays curren...

Sticky toolbar on the user list page that appears when one or more row checkboxes are selected. Exposes deactivate, reactivate, change role,...

Admin-facing web page that presents a queue of submitted activities awaiting review. Displays activity metadata, contact details, time, dura...

Dedicated panel in the Admin Web Portal that lists flagged activities for triage. Reviewers can view flag reasons, notes, and take resolutio...

Admin-facing page that lists suspected duplicate activity pairs ranked by similarity score. Allows administrators to compare candidates side...

Admin Web Portal page that lists pending travel expense and reimbursement claims awaiting review. Displays claimant details, amounts, receip...

Admin-facing screen for creating, editing, activating, and simulating auto-approval rules. Presents the rule list, an editor form for thresh...

Aggregated reporting page in the Admin Web Portal that summarizes reimbursement activity across the organization. Displays totals by period,...

Organization admin-facing dashboard page that renders aggregated team activity, expense, and engagement metrics. Supports filtering by time ...

Org-admin facing screen for configuring, previewing, and exporting the Bufdir funding report. Presents aggregated counts, category breakdown...

Admin-facing screen that previews a generated Bufdir report and offers controls to commit the export in the required formats. Displays expor...

Visual builder interface for admins to define ad-hoc report templates. Provides drag-and-drop or form-based selection of dimensions, measure...

Admin Web Portal page where Organization Administrators view and edit core organization attributes such as name, contact information, defaul...

Admin Portal screen where Org Admins view and override default platform display strings with organization-specific terms. Presents a list of...

Admin-facing page that lists all platform modules (areas) with on/off switches scoped to the current organization. Surfaces dependency relat...

Admin-facing screen for visualizing and editing the organizational tree. Lets Org Admins create nodes, set parent-child relationships, and a...

Admin Portal screen for managing a user's chapter memberships. Allows Org Admins to add, remove, and designate a primary local association f...

Admin-facing configuration screen embedded in the organization settings area where Org Admins register external portal endpoints, credential...

Admin web portal page where organization administrators configure accounting system credentials, endpoints, and field mappings. Provides for...

Admin-facing web page for configuring and generating accounting export files. Allows administrators to select date ranges, choose export for...

Frontend page presenting a real-time overview of security metrics and events for the admin's organization. Renders charts, counters, and eve...

Org Admin-facing screen that lists audit events for the current tenant with filtering by actor, action type, target entity, and time range. ...

Admin-facing page that lists active user sessions within an organization with device and last-activity metadata. Allows Org Admins to inspec...

Public-facing static landing page presenting Meander's value proposition to prospective customer organizations. Serves as the primary entry ...

Static marketing page on the Sales Website that presents Meander's key functional areas to prospective organizations. Walks visitors through...

Interactive widget embedded on the Product Sales Website that collects organization parameters from prospective customers and displays calcu...

Client-side widget rendered on the sales website that collects current-state cost inputs and displays a side-by-side comparison against proj...

Public-facing demo request page rendered as part of the Meander Sales Website. Presents a low-friction form capturing prospect contact and o...

Static confirmation page rendered on the Sales Website after a prospect submits the demo booking form. Displays acknowledgement messaging an...

Static public-facing page on the Meander sales website that presents the full privacy policy text. Explains how prospective customer data fr...

Static page on the Meander sales website that presents the legal terms governing use of the public site and submission of demo requests. Ren...

Public-facing page on the Meander sales website that publishes the Data Processing Agreement template for review by prospective customers. P...

Static page on the Meander sales website that discloses what cookies and tracking technologies are used by the public site. Lists essential ...

Service Layer components contain business logic, orchestrate operations, and provide core application functionality.

Data Layer components manage data persistence, storage operations, and data access patterns throughout the application.

Infrastructure components provide foundational utilities, system integrations, and supporting functionality for the application.