Nettsider i toppklasse. Teknologi skreddersydd for bedriften din.
Lokale prototyper, ikke publisert, noindex. Hvert konsept har eget tema, egen merkevarevariant, egen markør, preloader, sideoverganger og minst én live-demo. Alle priser fra PRICE-SHEET. Kundekonsepter (Unit X, TAR, Allegro) er merket «konsept» og krever kundens ja før visning. Kjør med python3 -m http.server fra denne mappen.
K01lint 88 rå · 98 brief
redaksjonelt studio der *ordene er markøren*. Native SVG-markører i Instrument Serif-kursiv («Neste», «Forrige», «Se», «Dra», «Spill») og Kvadratisk-pila.
Merke:
Live-demo: før/etter-glidebryter (Kafé Måkeskjær og Sølvhimmel Aurora, fiktive demoer) med «Dra»-markøren, og case-karusell med tre klikksoner (Forrige · Åpne · Neste).
K02lint 88 rå · 88 brief
salgssiden. gründeren og teamet er heroen, prisene står åpent, og alt du trenger for å kjøpe står på én skjerm. Varm, trygg og direkte, der du møter de som gjør jobben.
Merke: ordmerket «neste.» i Fraunces Soft med oransje punktum og initialene J&E.
Live-demo: interaktiv priskalkulator med de låste pakkene (PRICE-SHEET Part B): pakke, månedlig/årlig (10 for 12), oppstart delt på tre, tillegg, og totalsum over 1–3 år. Alt eks. mva.
K03lint 90 rå · 100 brieftopp 3
nordnorsk kollisjon. Kobberstikk-estetikk fra ekspedisjonsbøker og Ishavsbyens gamle trykk møter levende kode.
Merke: «Neste» i blackletter med en liten rød kvadratisk plate, og undertittel «Ishavsbyens digitale verksted».
Live-demo: «Gravøren». Velg motiv (Tinden, Katedralen, Pila), juster linjetetthet og vinkel, og dra lyset rundt. Gravyren tegnes på nytt i sanntid (Canvas 2D, ingen bibliotek). Heroen er den samme motoren.
K04lint 88 rå · 88 brief
ett stort sanntids-3D-øyeblikk. Kvadratisk-pila er et fysisk objekt i et mørkt rom, over et gulv av 2 000 fliser (Pilnett i 3D) som bølger rundt musa. Pila snur seg etter pekeren, scroll flytter kamera og lys.
Merke: «NESTE» i Archivo Expanded Black med den ekstruderte pila som 3D-symbol (favikon: pila i oransje på svart).
Live-demo: «Materiallab» i WebGL (Three.js r169, lokalt): bytt mellom fem materialer (Lakk, Kobber, Is, Papir, Blekk), dra for å rotere, og trykk «Fliser» for å se pila bygges av Pilnett-fliser. Faller tilbake til et statisk bilde uten WebGL.
K05lint 85 rå · 90 brief
sveitsisk typografi som brutalistisk nettside. Et synlig tolvkolonners rutenett styrer alt, og det kan slås på og av (tast G). Store, tunge versaler i Archivo, numre, linjer og én signalfarge.
Merke: «NESTE» utsparet i en svart blokk med et oransje kvadrat i hjørnet, som et plakatstempel.
Live-demo: «Sidegenerator». Skriv inn bedriftsnavnet, velg bransje, stil og farge, og se en forside bygges live på rutenettet, med mobil- og desktopvisning. Ren mal-logikk i nettleseren: et eksempel på hvor raskt vi kan vise deg et forslag.
K06lint 88 rå · 98 brieftopp 3
siden er farget av sola over Tromsø akkurat nå. Fargene, logoen og heroen følger solhøyden (dagslys, lav sol, blåtime, nautisk og astronomisk skumring, mørk natt), beregnet i nettleseren med NOAA-algoritmen for 69,65° N.
Merke: «neste°» med et levende symbol: en sol over en horisontlinje som står så høyt eller lavt som sola faktisk står i Tromsø nå.
Live-demo: «Lyskalender». Et varmekart over hele året (365 dager × 24 timer) som viser dagslys, skumring og mørketid i Tromsø, med dagens dato markert. Hold over for dato, klokkeslett og solhøyde.
K07lint 90 rå · 100 brieftopp 3
et creative-code-studio presentert som en Unix-manualside. Overskriftene er manualens seksjoner (NAVN, SYNOPSIS, BESKRIVELSE, PRISER, SE OGSÅ).
Merke: neste_ med en blinkende blokkmarkør i oransje.
Live-demo: en ekte terminal i siden. Prøv hjelp, priser, pakke standard, tid (Tromsø-tid og solhøyde, beregnet), farge #2F5D50 (bytter merkefarge live og sjekker kontrast mot WCAG), bygg Bakeriet (tegner en side-skisse) og kontakt. Piltast opp gir historikk.
K08lint 100 rå · 100 brief
et lite trykkeri i Tromsø. To risografi-farger (riso-blå og NESTE-oransje) som trykkes oppå hverandre og bommer litt på registeret, papirkorn, stensilbokstaver og et rundt segl som er hele merket.
Merke: «NESTE-seglet».
Live-demo: «Stempelverkstedet». Velg stempel (segl, pil eller ramme), skriv din egen tekst, velg blekk og trykk på papiret for å stemple. Blekket er ujevnt som ekte stempel, du kan skru misregistrering av og på, angre, tømme og laste ned arket som PNG.
K09lint 100 rå · 100 brief
kinetisk typografi. Bokstavene er levende materiale: de blir bredere og tyngre når musa kommer nær, strekker seg når du scroller, og i «Bokstavkassa» kan du kaste dem rundt med ekte fysikk.
Merke: «Strekk-ordmerket».
Live-demo: «Typelab». Skriv ditt eget ord (f.eks. bedriftsnavnet) og styr bredde, vekt, størrelse, og sperring, velg fargeblokk med kontrasttall, slå på «bølge» og kopier CSS-en. Pluss «Bokstavkassa»: N E S T E T R O M S Ø som fysiske klosser du kan dra og kaste.
K10lint 100 rå · 100 brief
nordisk ro i kaldt lys. Snøhvit med et blått stikk, én grotesk (Geist, tynn) og Geist Mono for små etiketter. Ingen serif og ingen kursiv.
Merke: «N E S T E» sperret i tynn Geist med den oransje flisa som punktum.
Live-demo: «Arkivet». Et horisontalt arkiv du drar og kaster (GSAP Draggable og Inertia), med snap til hvert prosjekt, fremdriftslinje og piltaster. Pluss temabryteren lys/blåtime/natt, som bytter hele paletten med en myk overgang og husker valget ditt.