Farge i digitale produkter har én oppgave: hjelpe brukere å forstå hvor de er og hva de skal gjøre videre.
→ Ikke å se pen ut (selv om det hjelper).
→ Ikke å matche logoen din (selv om den bør).
→ Men å skape klarhet.
Uten et tydelig fargesystem vil hver ny funksjon du legger til gjøre produktet vanskeligere å navigere. Du ender opp med knapper som konkurrerer om oppmerksomhet, seksjoner som flyter inn i hverandre, og brukere som ikke ser hva som er klikkbart og hva som ikke er det.
Hos Rocksoft oppstod ikke fargesystemet vårt over natten – det vokste sammen med oss.
Vi har alltid basert oss på en hovedfarge, støttet av en begrenset sekundærpalett. Over tid har vi justert hovedfargen flere ganger for å sikre at den representerer stabilitet, fokus og pålitelighet. Et varemerke kan ikke stå stille når selskapet utvikler seg. Etter hvert som strategien vår ble mer presis og tjenestetilbudet vokste til et helhetlig økosystem, måtte også den visuelle identiteten utvikles.
Vi bygget den nye paletten som et navigasjonssystem. Den er designet for å skape klarhet, definere kontekst og sikre at kundene alltid vet hvor de befinner seg i økosystemet vårt.
Struktur: 60-30-10-regelen
Vi tok i bruk et tidløst designprinsipp: 60-30-10-regelen. Denne bransjestandarden sikrer at grensesnittene våre forblir rene, balanserte og lesbare, og hindrer at den varierte fargepaletten blir til «støy».
Slik bruker vi dette klassiske forholdet i Rocksoft-økosystemet:
60% — Canvas (nøytral): Vi bruker mesteparten av skjermen til Peak White eller Granite Black. Dette reduserer kognitiv belastning og gir en stabil og behagelig visningsopplevelse.
30% — Sekundær: Vi bruker en sekundær nøytral farge for å skape hierarki og kontrast. Dette skiller seksjoner og navigasjon uten å rope etter oppmerksomhet.
10% — Aksent: Her ligger strategien. Ved å begrense tjenestefargene våre (som Blue, Purple eller Mint) til kun 10 %, gjør vi dem til en «visuell kode».
Fargeskala
Hver farge i systemet vårt – fra nøytrale toner til semantiske aksenter – er utvidet til en full 9-punkts skala fra 100 til 900.
- 100–300 (Light): Brukes til subtile bakgrunner, flater og rammer med lav visuell vekt.
- 400–600 (Main): Hovednyanser brukt til primærknapper, ikoner og merkeelementer.
- 700–900 (Dark): Brukes til tekst med høy kontrast, aktive tilstander og tydelige strukturelle grenser.
- Denne systematiske skaleringen gjør det mulig å bygge komplekse grensesnitt med hover-tilstander, dybde og tydelig hierarki, uten å forlate den matematiske konsistensen i Rocksoft-familien.
Våre kjernefarger: Stabilitet og kontrast
For å støtte vår "visuelle kode," bruker vi en primærpalett designet for stabilitet. Disse tre kjernefargene danner det konsistente fundamentet i merkevarens visuelle identitet:
- Peak white (Neutral 100): Vårt primære lerret. Det sikrer maksimal lesbarhet og skaper en følelse av åpenhet og klarhet.
- Granite black (Neutral 900): Ankeret. Brukes til tekst med høy kontrast og strukturelle elementer, forankrer designet og reduserer belastning på øynene i dark mode.
- Sky blue (Primary accent): Selv om tjenestefargene endres, forblir "Sky blue" vår base. Den representerer kjernen i Rocksoft-merkevaren—pålitelig og teknologisk sterk.
Psychology behind our service colors
Vi har gitt hver farge en tydelig psykologisk rolle. Dette gjør farge til en "visuell kode":
- Software development – Blå
- Blå er fortsatt vår tekniske kjerne. Det er den mest teknologisk nøytrale fargen, og derfor en naturlig standard i produksjonsmiljøer og mobilapper.Det signaliserer til brukeren at de er i "Build"-fasen—med fokus på kode, stabilitet og kjerneinfrastruktur.
- Product design – lilla
- lilla ligger i skjæringspunktet mellom teknologi og kunst. Vi bruker den for å signalisere kreativitet, iterasjon og produkttenkning. Den skiller design- og revisjonsfasen fra ren engineering og oppleves fleksibel og kreativ.
- Automation & integrations – Orkide
- Orkide er vår bro til fremtiden. Etter hvert som AI-bruken øker, har denne fargen blitt tett knyttet til maskinlæring og datapipelines. Den signaliserer moderne, fremtidsrettede arbeidsflyter som automatiserer manuelle prosesser.
- Strategy & consulting – Grønn
- Grønn representerer korrekthet, dataflyt og "grønt lys" for vekst. Den passer godt til forretningsanalyse og rådgivning om teknologistack, der målet er å effektivisere prosesser og finne bedre løsninger.
- Maintenance & support – Mynte
- Support krever stabilitet. Mynte er en rolig og stabil farge knyttet til omsorg, trygghet og sikkerhet. Den skiller visuelt den energiske "Build"-fasen fra den stabile "Retain"-fasen, og signaliserer at systemet overvåkes og beskyttes
Hos Rocksoft handler design ikke bare om estetikk, men også om funksjon.
Ved å bruke 60-30-10-regelen og våre semantiske fargekoder sikrer vi at grensesnittet organiserer kompleksitet i stedet for å øke den. Dette visuelle systemet speiler forretningsstrategien vår: tydelig, pålitelig og strukturert.
