Saga Build · Visuell referanse

Style guide

Saga Builds visuelle elementer samlet på ett sted: logo, farger, typografi og eksempler fra nettstedet.

Logo

Saga-logoen finnes i farge, sort og hvitt. SVG-filene er vektorbaserte; PNG-filene har transparent bakgrunn.

Farge / standardSVG PNG

Sort / ensfargetSVG PNG

Hvit / mørk flateSVG PNG

Nettstedets palett er hvit, nesten sort og grå, med rødt som identitetsfarge.

Hvit / bakgrunn#FFFFFF

Lys flate#F5F5F5

Sort / primærtekst#171717

Sekundærtekst#555555

Rød / identitet#E63B2E

Skillelinje#E2E2E2

Inter er skrifttypen i overskrifter, brødtekst og navigasjon. Eksemplene under viser størrelser og vekter fra nettstedet.

Forsideoverskrift52–112 px · 400 · .99

Arbeid, forenklet.

Sideoverskrift42–96 px · 400 · 1.06

Programvare som tar unna.

Seksjonsoverskrift27–34 px · 400

Verktøy laget for teamet.

Brødtekst16 px · 1.65 linjehøyde

Vi begynner med oppgaven dere vil løse, og avklarer omfanget sammen.

Støttetekst14 px · 1.5 linjehøyde

Foreslå et tidspunkt. Vi ser på oppgaven, gratis og uforpliktende.

Et utvalg knapper og lenker fra Saga-nettstedet.

Fylt knapp

Finnes på undersider og i skjemaer.

Konturknapp

Finnes blant annet på Kontakt-siden.

Tekstlenke

Finnes i prosjektbeskrivelser og annet innhold.

Samtaleinvitasjon

Lenken går til bookingforespørselen.