Konsepter for Klikk-merket: subtile bakgrunner og animasjoner som bruker den nye Flat UI-paletten (gul/grønn/blå). Animasjonene under er ekte CSS+SVG — du kan skjermrekorde dem for å lage MP4 eller Live Photo.
Animasjoner
Live i nettleseren — hold musen over for å se. Kan skjermrekordes til MP4/GIF, eller konverteres til iPhone Live Photo.
1. Shimmer sweep
Lysstripe sveiper over chevronen kontinuerlig
2. Color cycle
Bakgrunn skifter gul → grønn → blå
3. Triple stack
Tre fargevarianter glir fra hverandre og tilbake
4. Breathing pulse
Rolig "puste"-skalering · subtil idle-animasjon
5. Stroke draw-in
Chevronen tegnes inn · perfekt for splash-screen
6. Bounce-back
Chevron bouncer mot venstre · "tilbake"-hint
7. Gradient flow
Paraply-gradient som "puster" gjennom paletten
8. Loading spinner · alle tre samtidig
Tre fargete segmenter (120° hver) roterer rundt chevron
9. Confetti chevrons
Små chevroner flyter rundt · feirings-state
10. Loading spinner · en og en
Roterende arc skifter farge rundt chevron
11. Wedge · en og en
Tykk stroke fyller midten · chevron synes når wedge sveiper forbi
12. Skriver "Klikk" · bokstav for bokstav
Hver bokstav tegnes i tur · forskjellig farge per bokstav
13. Ripple rings
Konsentriske ringer emanerer fra chevron
14. Mirror flip
Chevronen flipper på Y-aksen (chevron blir til ">")
15. Squash & stretch
Bouncy gummi-feel · for click-feedback
16. Echo trail
Chevronen beveger seg med fargete spøkelses-kopier bak
17. Iris reveal
Chevronen åpner seg som et kamerablender
18. Glow pulse
Mykt grønt glow pulserer rundt ikonet
19. Triple orbit
Tre fargete prikker går i bane rundt chevron
20. Color swap
Bg og chevron skifter farge i takt — alltid kontrast
21. Type-on "Klikk"
Typewriter-effekt · for splash-screen intro
22. 3D tilt
Ikonet vipper subtilt i 3D-rom · gradient skinner
23. Neon flicker
Chevron som neonskilt · flickrer subtilt
24. Loading bar
Gradient progress bar under logo
25. Confetti burst
Eksploderer ut fra senter · feiring/success-state
26. Stamp impact
Faller ned med overshoot · som et stempel
27. Wave morph
Bølge under chevron deformeres organisk
28. Spotlight sweep
Diagonal lysstripe sveiper over chevron
29. Card flip
Logoen flipper på Y-aksen som et kort
30. Heartbeat
Doble pulser med pause · "alive"-feel
31. Gradient swap
Hver fargestop cycler — gradient ruller gjennom paletten
32. Twinkle stars
Stjerner blinker rundt chevron i nattehimmel
33. Reflection
Speilet under chevronen · vannflate-feel
34. Magnetic gather
Fargete prikker konvergerer til chevron
35. Half-flip
Ikonet flipper mens to halvdeler bytter farge
36. Iris rings
Tre fargete ringer ekspanderer i takt
37. Color drips
Fargedråper faller fra toppen
38. Slow 3D rotation
Paraply-ikon roterer langsomt i 3D · meditativ
39. Wobble settle
Vakler inn og roer seg · myk entry
40. Snow particles
Snøflak faller stille over ikonet
41. RGB glitch
Tre fargete chevroner forskyves som CRT-glitch
Klikk
42. Underline draw
"Klikk" med animert underlinje · hover/active state
Mac wallpapers
5K (5120×2880) eksport — passer Studio Display, iMac, MacBook Pro Retina. Klikk "Eksporter PNG" for å generere.
Aurora — mørk
Tre fargeblobs på dyp natt-bakgrunn · subtilt og rolig
10 nye varianter — kan eksporteres til Mac (5K) eller iPhone (1320×2868).
Spotlight
Ett stort fargespotlight på mørk bakgrunn · veldig minimal
Topographic
Konsentriske ovale konturer i tre farger · "kart"-feel
K
Big K · lys
Massiv "K" som typografisk element + liten paraply-logo
Frosted glass
Fargete blobber bak frosted-glass · drømmende abstraksjon
Geometric pattern
Alternerende chevron-rad · pattern-wallpaper
Confetti dense
Mange små chevroner spredt · feirings-feel
Radial burst
Stråler ut fra senter i tre farger · dynamisk og fargerik
Northern lights
Aurora-aktige fargebånd · drømmende stemning
Layered cards
Tre roterte fargete kort stablet · familien-metafor
Triangle stripes
Diagonale triangelfelter i de tre fargene
Animerte iPhone-wallpapers (Live Photos)
Hvordan lage Live Photo wallpaper
iPhone støtter Live Photos som låseskjerm-wallpaper (de animeres når du holder fingeren på skjermen). For å konvertere en animasjon over til iPhone:
Skjermrekord en av animasjonene over (QuickTime · ⇧⌘5 · maks 3-5 sekunder).
Trim MP4-en og sørg for at den looper sømløst.
AirDrop til iPhone.
Bruk app som intoLive, Lively, eller Live Wallpaper (App Store) for å konvertere MP4 → Live Photo.
Sett som låseskjerm → trykk og hold for å se animasjonen.
Anbefalte animasjoner for Live Photo: #4 Breathing pulse (subtil, ikke distraherende på låseskjerm), #7 Gradient flow (rolig fargeskift), eller #1 Shimmer sweep (kort og pen).
