Instagram + iOS 26 har gått over til en flytende, frittstående meny som svever
over innholdet i stedet for å klistre seg til skjermkanten. Spørsmålet: skal Tikk dit —
med gull-tikken fortsatt som helt?
Kort svar: ja til formen (flytende pill), nei til glasset. Den flytende
geometrien er en varig retning (Apple doblet ned på WWDC juni 2026, Instagram fulgte
etter). Den gjennomsiktige glass-effekten er fella — den dreper kontrasten gull-på-mørkt
lever av, og er en risiko for en 4+-app. Tre varianter under, side om side.
A. Tre varianterDagens kant-festet · flytende opak (anbefalt) · flytende glass (frafalt)
Samme app-innhold bak alle tre. Forskjellen er kun menyen: festet vs flytende,
og opak vs glass. Den gylne tikken er sentrert på pill-en i de flytende —
strekker like mye over som under, og haken er plassert som i logoen.
Noa
3/4 ferdig
Noa fullførte Re sengen
07:42
Isak fullførte Pusse tenner
07:58
Anna fullførte Gjøre lekser
16:42
Noa fullførte Rydde rommet
17:21
Isak fullførte Sykle hjem
16:02
A · DAGENS — KANT-FESTETFestet bar, flat kantFull bredde, klistret til bunnen. Gull-tikken «liksom-hever seg» med ring + glød, men sitter egentlig inni baren.
Noa
3/4 ferdig
Noa fullførte Re sengen
07:42
Isak fullførte Pusse tenner
07:58
Anna fullførte Gjøre lekser
16:42
Noa fullførte Rydde rommet
17:21
Isak fullførte Sykle hjem
16:02
B · FLYTENDE OPAK — ANBEFALTFrittstående pill, sentrert tikk16px luft til kantene, full radius. Gull-tikken sentrert på pill-en — strekker likt over og under, haken som i logo. Opak kort = full kontrast. Scaffold reserverer høyden → innhold ligger trygt over.
Noa
3/4 ferdig
Noa fullførte Re sengen
07:42
Isak fullførte Pusse tenner
07:58
Anna fullførte Gjøre lekser
16:42
Noa fullførte Rydde rommet
17:21
Isak fullførte Sykle hjem
16:02
Anna fullførte Tømme oppvask
15:30
Noa fullførte Gå med søpla
15:11
Isak fullførte Mate katten
14:48
Anna fullførte Vanne blomster
14:20
Noa fullførte Brette klær
13:55
Isak fullførte Støvsuge stua
13:30
Anna fullførte Lekser matte
13:02
Noa fullførte Dekke bordet
12:40
C · FLYTENDE GLASS — FRAFALTLiquid-glass-imitasjonSamme form, men gjennomsiktig + blur. Innhold lekker gjennom → ikon-kontrast faller under AA. Flutter får uansett ikke ekte iOS-glass, så dette blir et «nesten-treff». Forkastet.
B. Hva endrer segPill-geometri vs dagens flate bar
Form
Flat kant-festet bar → frittstående stadium-pill (full radius).
Marg
16px til sidene, 14px over home-indicator. På desktop: cap maxWidth ~480, sentrert.
Bakgrunn
Opak gradient-kort (#1C1528→#120D1C). Ingen blur. Beholder lilla 22%-hårline på topp.
Gull-tikk
Sentrert på pill-en (OverflowBox) → strekker så vidt over/under. Disc 54px, canvas-ring + glød. Haken som i logo.
Innhold
Beholder Scaffold.bottomNavigationBar → Scaffold reserverer høyden, innhold ligger trygt over. Ingen okklusjon, ingen per-skjerm padding.
JA — flytende opak pill (B). Leser iOS-26/Instagram-moderne → tåler 13-åringen langt bedre enn en tung farget bar. Gull-tikken slutter å late som og blir den fysiske ankeret i nav-en.
NEI — glass (C). Gjennomsiktigheten som definerer «liquid glass» er nettopp egenskapen som feiler kontrast (Apple måtte selv legge til Reduser gjennomsiktighet + intensitets-slider). Tikk lever av gull-på-mørkt — vi tar formen, dropper glasset.
Android-merknad: Material 3 holder fortsatt på festet bar. Flytende pill er et bevisst brand-valg, ikke et plattform-valg — men vi har allerede én håndbygd nav for alle fire targets, så vi slåss ikke mot noen native bar.
Okklusjon unngått: ved å beholde Scaffold.bottomNavigationBar (transparent ytre, pill inni) reserverer Scaffold hele høyden — innhold ligger trygt over, ingen padding-audit på tvers av skjermer. Marginene viser canvas (scaffoldBackgroundColor).