tikk.
v0.2 · 2026-05-13 VISUELL UTFORSKNING
EN
GRAFISK
PROFIL.
FAMILIENS INNSATS · MÅLBAR

Fire palett-forslag, fire typografi-pairs, fire sign-in-komposisjoner, komponenter-katalog. Pek på det som lander. Resten bygger jeg i Flutter.

01 · POSISJON

Tikk er ikke en kalender.

Det er et belønnings-system for familier. Visuelt skal det føles som et spill, ikke som en oppgaveliste. Vi skal levere på lookoffeel som en 15-åring respekterer — ikke for fancy, ikke for barnslig.

Fortnite
Stor italic display, fargekodede tier-tiles, hovedmoment som leveler-up
Cash App
Penger som datavisning. Tall i mono. Pris-fokus uten å skrike.
Linear
Mørk canvas, ren UI. Hairlines i stedet for cards.
Strava
Atletisk, ett kraftig akssentfarge, datavisning som hero.
Nothing OS
Dot-matrix typografi, austere, mono micro-labels.
BeReal
Stripped, photographic, near-brutalist innenfor Gen Z-kontekst.
02 · PALETT

Tre roller, én rytme.

Du sa "kan like gull/lilla" — så DUO er anbefalt. TRIO beholder cyan som "ferdig"-state hvis vi vil ha tre semantiske roller. HEAT og NIGHT er der hvis vi vil swinge harder.

DUO
ANBEFALT
Violet brand + gull penger. Check / done bruker GULL også (eller ink-hvit). Renest. Færrest valg, sterkest identitet.
#0B0814
#1E182D
#A855F7 · BRAND
#FFD43B · GULL
#F5F1FA · INK
#9389A8 · MUTE
Brandviolet → CTA, "Repeter."
Moneygull → saldo, "Tjen."
Donegull eller ink → check, streak
Warnrød → sjeldent
TRIO
3 roller
Beholder cyan som tredje semantisk farge for "done/streak". Mer informasjon, men tre farger samtidig kan bli støy hvis ikke disiplinert.
#0B0814
#1E182D
#A855F7 · BRAND
#FFD43B · GULL
#22D3EE · CYAN
#F5F1FA · INK
Brandviolet → CTA
Moneygull → saldo
Donecyan → check, streak
Warnrød → sjeldent
HEAT
VARMERE
Magenta/koral primær, oransje sekundær. Energisk, "fitness app"- vibe. Mister "loot"-følelsen til fordel for action-pop.
#140710
#2A1320
#FF2D7A · HEAT
#FF8C2A · BLAZE
#FFE066 · ZEST
#FFFFFF · INK
Brandheat-magenta
Moneyblaze-oransje
Donezest-gul
Warnburgunder
NIGHT
SYNTHWAVE
Cyan og magenta som duo, vaporwave-aktig. Distinkt og uvanlig — kan føles "for designet" hvis det blir mye av det.
#08081A
#13132E
#FF36E0 · NEON
#22D3EE · ICE
#FFFFFF · INK
#9D9DD0 · MUTE
Brandmagenta
Moneycyan
Doneink-hvit
Warnburgunder
03 · TYPOGRAFI

Skriften er identiteten.

Fire kombinasjoner for hero-display + body + tall. Display-fonten er det som setter karakteren — kondensert italic for "stadium loot", round display for "premium app", monolinje for "tech utility".

PARING 01
Big Shoulders Display + Schibsted Grotesk + JetBrains Mono

Kondensert atletisk italic, nærmest Fortnite-feel. Schibsted Grotesk for body (norsk foundry, fitter Tikks opphav). Mono for tall og micro-labels. Anbefalt — gjør "TJEN." brutal nok.

TIKK AV.
TJEN. REPETER.
Familien Bjerk har 14-dagers streak. Sondre tjente 50 kr på onsdag.
1240 KR DAG 14 · STREAK
PARING 02
Anton + DM Sans + JetBrains Mono

Anton er den klassiske "Impact alternativ" — heavy condensed, stadium poster. DM Sans for body. Tøffere og mer 90s.

TIKK AV.
TJEN. REPETER.
Familien Bjerk har 14-dagers streak. Sondre tjente 50 kr på onsdag.
1240 KR DAG 14 · STREAK
PARING 03
Unbounded + Familjen Grotesk + JetBrains Mono

Unbounded er geometrisk modern med karakter — føles som et startup brand fra 2024. Mindre Fortnite, mer "Linear / Vercel". Roligere men premium.

TIKK AV.
TJEN. REPETER.
Familien Bjerk har 14-dagers streak. Sondre tjente 50 kr på onsdag.
1240 KR DAG 14 · STREAK
PARING 04
Bungee + Schibsted Grotesk + JetBrains Mono

Bungee er arcade-y, slab-aktig "skiltbokstaver". Mest distinkt og "spillaktig" — men risikoen for å lese barnslig er reell.

TIKK AV.
TJEN. REPETER.
Familien Bjerk har 14-dagers streak. Sondre tjente 50 kr på onsdag.
1240 KR DAG 14 · STREAK
04 · LOGO / WORDMARK

Merket er en prikk.

"tikk" + en farget prikk er hele logoen. Punktum-en er brand-mark. Mark-versjon med disc kan brukes som app-ikon eller favicon.

tikk.
BIG SHOULDERS · VIOLET DOT
tikk.
BIG SHOULDERS · GULL DOT
TIKK.
ANTON · VIOLET DOT
tikk.
UNBOUNDED · VIOLET DOT
tikk.
VIOLET MARK · VIOLET DOT
tikk.
VIOLET MARK · GULL DOT
tikk.
GULL MARK · VIOLET DOT
APP-IKON
05 · KOMPONENTER

Byggeklosser.

Hvordan ser knapp / avatar / streak / saldo / check / oppgave / belønning ut i praksis. Hver komponent er en variant — vi velger sett.

CTA · PRIMARY
CTA · GHOST
CTA · GULL
AVATAR · FLAT
🦊
AVATAR · RING
🐼
STREAK · MONO
14D 7D
SALDO · MONO
1 240KR
CHECK · STROKED
CHECK · GEOMETRIC DISC
TASK ROWS
Skylle nisteboksen
14D
Vannet plantene
3D
Lekser
2/3 UKE
REWARD ROWS
Saturday-godt +50
Ekstra skjermtid 25
Lørdagsfilm +30
06 · SIGN-IN KOMPOSISJON

Hvordan møter vi deg?

Fire skjønnsmessig forskjellige sign-in-utforminger. Velg én — så bygger jeg den i Flutter. Layout B er nærmest dagens, men ryddigere.

tikk.
TIKK AV.
TJEN.
REPETER.
━━ FAMILIENS INNSATS · MÅLBAR
LOGG INN MED GOOGLE →
A · MINIMAL — bare typografi, ingen dekor
tikk.
TIKK AV.
TJEN.
REPETER.
━━ FAMILIENS INNSATS · MÅLBAR
LOGG INN MED GOOGLE →
B · ANCHORED — én gull check-glyph i bakgrunnen, ingenting annet
tikk.
v0.1
TIKK AV.
TJEN.
REPETER.
FAMILIENS INNSATS · MÅLBAR
LOGG INN MED GOOGLE →
C · POSTER — hero er en violet plate, knapp er hvit
tikk.
TIKK AV.
TJEN.
REPETER.
FAMILIENS INNSATS — MÅLBAR
LOGG INN MED GOOGLE →
D · SPLIT — øverst sort, nederst violet — magasin-spread
07 · DAG-SKJERM

Skjermen barnet bruker hver dag.

To varianter. A er data-dashboard (current direction). B er quest-log (mer game-UI med tiles). Begge bruker DUO-paletten.

FAMILIEN BJERK
🦊
Sondre
120KR
FREDAG 13. MAI
3/5
RUTINER 14 D 🔥
Skylle nisteboksen
14
Mate katten
9
Rydde rommet
3
Lekser
Vannet plantene
BELØNNING 2 IGJEN
🔒 Saturday-godt 50
🔒 Lørdagsfilm 30
A · DASHBOARD — datavisning, X/Y stor, rader for resten
FAMILIEN BJERK
🦊
Sondre
120KR
DAGENS QUESTS 3/5
DAILY · DONE
Skylle nisteboksen
14 D 🔥
DAILY · DONE
Mate katten
9 D 🔥
DAILY
Lekser
VENT
DAILY
Plantene
VENT
REWARDS 2 LÅST
🔒
Saturday-godt
50 KR
🔒
Lørdagsfilm
30 KR
B · QUEST-LOG — game-UI tiles, mer 2024-Fortnite battle pass