v0.1 · intern utgåve

Eit designsystem for Nytta.

Fundamentet vi byggjer nytta.no vidare på. Fargar, typografi og komponentar henta frå dagens side og samla på éin stad — klart til å utvidast.

00

Prinsipp

Fire føringar for all vidareutvikling

Roleg stemme

Romsleg og tydeleg. Innhaldet er hovudrolla — forma trekkjer seg tilbake og let teksten, bileta og menneska stå fram.

Staden fyrst

Farge- og formspråket kjennest som Fjaler, ikkje som generisk web. Blekk og fersken er Nytta sin signatur.

Lett å byggje vidare på

Små, namngjevne byggjeklossar. Ein ny seksjon skal kunne setjast saman utan nye reglar — berre eksisterande token og komponentar.

Gjennomsiktig for AI

Token og komponentar er eksplisitte og dokumenterte slik at både menneske og AI kan endre sida trygt, utan å ta val i mørket.

01

Fargar

Henta frå eksisterande Framer-tokens

Blekk

Ink #48284a Primærtekst, overskrifter, logo
Ink Deep #3a1a55 Hover, sterk vekting
Ink Muted #4f4f4f Sekundærtekst
Ink Dim #888888 Metadata, dato, bildetekst

Aksent

Peach #eabda8 Primær aksent — matchar logofargen
Peach Tint #ebbea94d Mjuke flater, hover-bakgrunn
Lavender #bb80e7 Fokusring, sterk interaksjon
Mint Tint #b4e0d94d Ro, "nye moglegheiter", tag

Overflate

Paper #ffffff Standard sidebakgrunn
Cloud #f9f3fe Mjuk lavendeloverflate
Hairline #48284a24 Strek, separator, skille
02

Typografi

Poppins til overskrifter · Inter til brødtekst
Display / 4xl Poppins Light · lh 1 · ls −0.04
der dikt, djupe dalar og draumar møtest
Display / 3xl Poppins Light
Eit utviklingsselskap i Fjaler
Display / 2xl Poppins Medium
Bli kjent med Fjaler
Display / xl Poppins Medium
Ledige stillingar
Body / lg Inter Regular · lh 1.6
Nytta AS er eit utviklingsselskap i Fjaler som styrkar næringslivet, tiltrekk kompetanse og skapar nye moglegheiter.
Body / base Inter Regular · lh 1.4
Vi koordinerer prosjekt og samarbeid mellom bedrifter, offentlege aktørar og lokalsamfunnet for langsiktig utvikling. Sjå korleis vi jobbar og kven vi er.
Body / sm Inter Regular
Små detaljar, bildetekst og sekundær informasjon som ikkje skal dra merksemd.
Caps Inter Medium · ls 0.14
Etikettar · Kategori · Dato
03

Rom

Fluid skala — svarar på viewport
--space-2xs0.25rem
--space-xs0.5rem
--space-sm0.75rem
--space-md1rem
--space-lg1.5rem
--space-xl2rem
--space-2xl2.5–4rem
--space-3xl4–7rem
--space-4xl6–11rem
04

Komponentar

Byggjeklossar til alle sider

Knappar

Lenker

Ei lenke i brødtekst vert understreka med ferskenfarge.

Les heile historia

Etikett og eyebrow

Rubrikk Næringsliv Moglegheit Nytt Intern

Skjemafelt

Artikkelkort

Historie

Bli kjent med Evy i Preform

Korleis ei hjørnesteinsbedrift formar kvardagen i bygda.

14. apr 20264 min
Samarbeid

Lutelandet og det nye energilandskapet

Kva skjer når fornybart næringsliv finn heim i Fjaler?

28. mar 20267 min
Kultur

Dalane der diktinga bur

Jakob Sande, draumar og ein stad som held fast på tonen.

12. mar 20265 min

Stillingsliste

Prosjektleiar, næringsutvikling
Fast stilling · Dale
Ny Les meir
Kommunikasjonsrådgjevar
70 % · Dale / remote
Les meir
Praksisplass — sommar 2026
Mellombels · 8 veker
Student Les meir
05

Mønster

Korleis komponentane settast saman

Seksjonshovud

03

Om Fjaler

Der dikt og dalar møtest

Ornamentert skilje

Pull quote

«Der dikt, djupe dalar og draumar møtest.» — Nytta AS

Editorial tekst med drop-cap

Fjaler ligg der vestlandsfjorden skjer seg inn mellom høge fjell og opne dalar. Nytta AS arbeider for å gjere staden til eit godt val både for dei som bur her og dei som vurderer å flytte.

Arbeidet er prega av langsiktig samarbeid med kommunen, næringslivet og frivilligheita. Vi trur at gode lokalsamfunn vert bygde sakte — og at det er nettopp det som gjer dei robuste.