Full Flat UI — den valgte paletten

Tre farger fra samme palett: Sunflower, Emerald, Peter River. Lik metning, lik lyshet, lik visuell vekt — familien føles som én ting.

Lockups per sub-merke

Kanonisk PNG (2358×720, @2x retina). Geometri: badge 592×592, wordmark 440px (chevron-tipp = K-cap-høyde, badge:wordmark = 1.346).

Størrelse-forslag — chevron-fill inni badge

Regel: chevron-tipp = K-cap-høyde (fast). Variabel: hvor mye av badgen chevron-en fyller. Badge holdes konstant på 59×59 — chevron og wordmark krymper sammen når fill-ratio reduseres.

Forslag AFull bleed
chevron = 74% av badge
wordmark 44px

Forslag BLitt mer luft
chevron = 65% av badge
wordmark 38px

Forslag CMye luft
chevron = 55% av badge
wordmark 32px

Forslag DHalv-fill
chevron = 50% av badge
wordmark 30px

Slik fungerer regelen: Chevron-tipp = K-cap-høyde (uendret). Når chevron-fill i badgen reduseres, må wordmark krympe tilsvarende. Badge er 59×59 i alle fire — du ser at hele lockup-blokken føles "mindre tung" jo lavere fill-ratio. Forslag A (74%) er deployet nå — det er naturlig viewBox-padding fra polygon-koordinater. Forslag B (65%) er en moderat overgang. C og D begynner å føles "tomt".

Nåværende canonical PNG-er (Forslag A — chevron = K)

Slik de er rendret per nå:

Nettsider

Programvare

Regnskap

Familien

Spesialvariant: transparent chevron (knockout)

Chevron-en er hull i badge-en — bakgrunn lyser gjennom. Brukes som unntak: overlay på foto, watermark, knockout-print, kreative kontekster. Hvit chevron er fortsatt standard.

På lys bg

På mørk bg

Mørk badge på gul

Hvit badge på foto

De tre sub-merkene

Logomark, lockup (kun "Klikk"), og hvordan sub-etiketten ligger ved siden av.

Klikk nettsider Uendret

Sunflower · CMS, presentasjon, marketing

#f1c40f · Flat UI

nettsider

Klikk programvare Nytt

Emerald · Apper, spill, custom software

#2ecc71 · Flat UI

programvare

Klikk regnskap Endret

Peter River · Regnskap, finansiell software

#3498db · Flat UI

regnskap

Var #00a2e6 → Nå #3498db

Paraply-logo — Klikk familien

Reweighted lineær gradient. Gul går jevnt via lyse-grønn til emerald, blå holder 80-100%.

Reweighted lineær gradient

Bygd inn i logomark-familien.svg og logomark-rounded-familien.svg. CSS-ekvivalent:

background: linear-gradient(135deg,
  #f1c40f 0%,
  #f1c40f 15%,
  #c8c91e 32%,
  #7ad04e 48%,
  #2ecc71 60%,
  #3498db 88%,
  #3498db 100%);

Familien som ensemble

Paraply + tre prosjekt-ikoner. Slik det presenteres på "Klikk familien"-siden.

Klikk

familien

Klikk

nettsider

Klikk

programvare

Klikk

regnskap

Sort/hvitt/grå-varianter av lockup

For situasjoner hvor farge ikke fungerer: print, faks, brodering, watermark, partner-logo-vegger. Chevron har samme farge som skrift — mono-lockupen mister sin "badge"-funksjon når bakgrunnen forsvinner.

A. Minimal — chevron uten bakgrunn (anbefalt)

B. Med badge — rounded-square beholdt, men i mono

Bevarer "ikon-følelsen" fra farge-versjonen. Chevron alltid hvit inni (samme som farge-versjonen).

Skal chevron ha samme farge som skrift?

I variant A (uten bakgrunn): ja, alltid — chevron er skriften, visuelt. Hvis de har ulik farge ser det ut som en feil.
I variant B (med badge): nei — chevron lever inni en farget boks, og er hvit som vanlig. Boksen får farge, ikke chevron.
Tommelfingerregel: når chevron har en boks rundt seg → boksen styrer fargen, chevron er hvit. Når chevron flyter fritt → chevron tar wordmark-fargen.