«tikk.» sitter. Det vi jobber med her: hake-formen + hvordan disc-en bærer den,
og en ny bottom-nav med sirkel-i-midten + lilla aktiv-pille — med og uten labels.
A. LogoF3 hovedvalg + F3T/F4 som varianter. Tre kontekster per kort.
Hake-formen er låst — du liker den asymmetriske chevron-en der top-right
kanter matcher cross-bar-en i «t». Det du finjusterer her er fyllgrad
(hvor mye luft inni discen) og solid vs ring.Punktum er nå gull, så det matcher disc-fargen (visuelt rim).
F3T · KNOCKOUTSolid disc, transparent hakeGull disc med hake-formet hull. Canvas viser gjennom. Samme polygon-form.
App-header · 22 px
F4 · RING 3.5Åpen ring (tynn)Gul ring 3.5 px, hvit polygon-hake. Samme hake-størrelse som F3.
Hvilken kontekst betyr mest?
App-header (22 px) — der logoen oftest vises. Detalj-rike varianter (F5-ring) kan smelte sammen.
Lockup-rad (40 px) — der du ser disc og «tikk.»-wordmark sammen. Best for å vurdere balansen mellom marken og navnet.
Stort på canvas (96 px) — for landing/store/marketing. Detaljer leser tydelig.
Sizing: Disc er nå 1.708 × wordmark-høyde — matematisk-utledet fra
kravene (1) hake-top = t-cross-bar-top og (2) disc like høy over og
under wordmark. F4/F5 bruker ring i stedet for solid, men samme asymmetriske hake
som F1/F2/F3 — eneste forskjellen er ring vs fyllt.
B. NavN5 valgt · N1 for referanse
Alle varianter har mørk dock (ikke lilla flate), FAB-sirkel i midten,
lilla pille bak ikonet på aktiv tab, og asymmetrisk hake i FAB
(samme som logo-marken). Forskjellene: tekst-strategi (på alle / ingen / aktiv) og
sirkel-position (bunn-flukt / sentrert).
Test 2
3/4 ferdig
Test 2 fullførte Re sengen
00:13
Test 2 fullførte Pusse tenner
18:43
Test 2 fullførte Gjøre lekser
18:42
Test 2 fullførte Holde rommet ryddig
17:21
N1 · LABELS ALWAYSIkon + label på alle«Ny tikk»-label står under FAB-sirkelen, på linje med de andre. FAB-bunn flukter med ikon-bunn — sirkelen klatrer ikke opp over baren.
Test 2
3/4 ferdig
Test 2 fullførte Re sengen
00:13
Test 2 fullførte Pusse tenner
18:43
Test 2 fullførte Gjøre lekser
18:42
Test 2 fullførte Holde rommet ryddig
17:21
Test 2 fullførte Sykle
16:02
N5 · CENTER-ALIGNED, NO LABELSStor sirkel uten tekstSirkelen strekker ~11 px over og under ikonene. Mest tilstedeværelse, fortsatt rolig nav.
Tre veier — nav
N1 (labels always) — tryggest. Hvis du tviler, eller hvis det er en barn-i-modus-tab senere, bør labels stå.
N2 (no labels) — moderne, rolig. Krever entydige ikoner. Apple/Instagram-stories-aktig.
N3 (active-only label) — kompromiss. Lar nav-en være ren mens du fortsatt vet hvor du er. Min anbefaling om du er usikker — det er det beste fra begge.
Felles for alle tre: FAB-sirkelen klatrer 18 px opp med en canvas-ring rundt
— markerer at det er en handling, ikke en destinasjon. Mørk dock erstatter dagens
lilla flate; lilla brukes bare som aktiv-indikator, ikke flate-fyll.