Headers and Menus Float in Frosted Glass Containers Highlight Headers and menus float in rounded glass containers that… glass-header
Headers and menus float in rounded glass containers that fade away as you scroll. Uses frosted glass effect (backdrop blur + semi-transparent surface). Fades away as you scroll down the page.
Hero Title Row on a Gradient with a Hide-Artwork Toggle The hero title row sits on the Saropa gradient with a… hero
The toggle state is stored per device rather than reset on launch, so anyone who prefers a compact list view keeps that layout on every screen without re-hiding artwork each time.
Grids Adapt Column Count to Large Text Sizes Grid layouts reduce their column count when the system text… accessibility
Column count is recalculated from the active text-scale factor rather than a fixed device breakpoint, so a phone and tablet at the same accessibility setting both keep enough width per cell for full labels.
Hero Artwork in an Inset Card That Collapses as You Scroll Screen artwork sits in a rounded inset card that collapses… hero
The card height is driven by scroll offset rather than a fixed animation duration, so the collapse tracks finger movement precisely, and haptic feedback fires once at the exact point it locks into the header bar.
Instant Screen Artwork with No Pop-In Hero artwork and screen images load from cache on repeat… performance
Decoded images stay resident in an in-memory cache keyed by asset path, so returning to a screen skips the decode step entirely instead of re-fetching and re-rendering the artwork from disk.
Right-to-Left Layout Support on Hero Screens Hero mastheads use directional positioning so screens lay… rtl
Masthead elements read the ambient text direction rather than hardcoding left-alignment, so titles, back controls, and artwork mirror correctly instead of merely flipping text while icons stay pinned left.
Expandable section headers on six screens Tap letter headers to hide/show groups on Organizations,… workflow
Tapping a letter header now toggles visibility of every contact under that letter, giving a way to collapse long alphabetical lists on six data-heavy screens without scrolling past entries repeatedly.
Narrative length tiers with visual distinction Three colored icons (brief/standard/full) with style… narrative
Replacing checkboxes with colored icons and named tiers gives each narrative length a distinct visual identity, making the selected option recognizable at a glance rather than requiring a checkmark to confirm.
Memorial Narrative with Title and Breaks Memorial narratives include title ("In Memory of…") and… narrative
Generated memorial text opens with a formal heading and breaks into separate paragraphs whenever the subject matter shifts (career, family, legacy), instead of running as one dense block.
Easy access to add contact story details Contact profiles show a helpful link to add more story… ui
Contacts with a thin or empty narrative now surface a tappable call-to-action link inline, pointing directly to the editor for adding story content rather than requiring users to find it in settings.
Remembrance badge now permanent on deceased contacts Death badge shows year-round on memorial contacts, not just… contacts
The remembrance indicator now stays visible on a deceased contact's avatar continuously, rather than only appearing around the anniversary of their passing each year.
Map Loads Faster Map tiles load with smooth gradient background, making maps… maps
The gradient placeholder matches the tile grid's dimensions and fades out as real imagery streams in, hiding the network round-trip that map providers require before pixels arrive.
QR Codes Embed Saropa Mark QR codes display Saropa brand mark in navy at center with… branding
The navy Saropa mark sits at the QR code's center while error-correction redundancy in the surrounding pattern keeps the code scannable even with the logo overlapping part of it.
Help sections collapse and remember state Help sections are collapsible, color-coded, and remember… navigation
Each help section keeps a distinct color and remembers whether it was left open or closed between visits, so a partially read help screen resumes where it was left.
Welcome screens guide new and upgrading users Animated welcome screens with smooth transitions guide… navigation
Separate welcome flows for brand-new installs versus version upgrades mean returning users see what changed for them specifically, rather than a generic first-run tutorial meant for newcomers.
First-run welcome animated brand-title Letters tumble in per-glyph with rainbow flash on launch. animation
Each letter of the wordmark animates in individually with a color sweep across it, turning the cold-start moment into a branded flourish rather than a static logo screen.
One-time upgrade welcome modal Isar-era upgraders see reassurance intro on first… onboarding
The modal appears only once, keyed to detecting a completed migration from the old Isar storage engine, so it reassures upgraders their existing data survived without repeating on every later launch.
Landscape Option on Phones Phones can rotate to landscape view (default off) while… layout
Phones default to portrait-only because the feature was less thoroughly tested on handset form factors, while tablets rotate freely by default since their larger screens already handle both orientations well.
About screen: Saropa mission and name story. Two new sections on About screen — Our Mission (pillars of… brand
The Our Mission section states the four pillars driving the app's development, while the naming story ties the app's identity to the Sikh tradition the term Saropa comes from.
Easier phone and email management on tablets On landscape tablets, phone and email rows arrange in 2… tablet
The two-column layout is driven by landscape orientation detection rather than screen size alone, so a tablet held upright still uses the single-column list.
Home tab adapts with collapsible sections Organize by collapsing sections; tablets show wider. home-tab
Collapsed state is remembered per section, so a section closed on a phone stays closed after switching to a tablet or rotating the device.
Tablet headers place identity and actions together Identity left with action buttons on right. tablet
Moving actions to the trailing edge keeps them within thumb reach on a wide landscape tablet, where a leading-only layout would otherwise leave buttons stranded off to one side.
Every Home Section Can Collapse Tap any section header to hide or show it. Emergency,… organization
Collapse state persists per section rather than resetting on app relaunch, so a home tab arranged once stays arranged the way it was left.
Contact header reorganizes on tablet landscape On landscape tablets, your contact's photo and name appear… tablet
The landscape arrangement shifts identity and quick actions into a single horizontal band rather than stacking them, reclaiming vertical space the portrait layout would otherwise leave unused.
Cleaner contact detail layout Contact sections are easier to navigate with simplified… screen-transitions
Reducing nested groupings on the detail screen means fewer taps are needed to reach a given field, cutting down how much scrolling separates related sections.
Collapsible contact sections with state Contact sections collapse and remember state across… contact-details
Collapse state is saved per contact and per session, so reopening a contact later shows sections exactly as they were left rather than resetting to fully expanded.
