New art every now and a little after then.

Check out Thrive hive - our dedicated artsy store.
logo and logotype of Ampers& house with symbol representing an infinite knot pattern with missing thread replaced by an orange dot - symbol of a sun
Tjenester

Merkevare identitet

Webdesign

Fotografering

Grafisk design

Generativ AI

Tekstforfatting og SEO

PortfolioBloggOm ossManifest!
en
no
ta kontakt
Skaperens nettsideTjenesterManifesto!PorteføljeArtiklerOm ossUttalelserKontakt
FAQRetningslinjer for merkevareDesign HåndbokCookies og GDPRVilkår og betingelser

E-post

→

Telefon

→

Skjema

→

visuell

hierarki

Designhåndbok

1.
Farger
2.
Typografi
3.
Overskrifter
4.
Avsnitt
5.
Ikoner
6.
Etiketter
7.
Rik tekst
8.
Illustrasjoner
9.
Fotografering
10.
skjemaer
11.
Ineraksjoner
12.
Knapper
Kontakt
↓
&
1

Farger

Fargepaletten vår er avgjørende for vår merkevareidentitet. Her skisserer vi primær- og sekundærfargene som brukes.

Varemerke: blå

Ampersand Blue
#4125d0
Ampersand Purple
#969ced

Pallett: blå

Color 1
#0f1168
Color 2
#14168f
Color 3
#1719a1
Color 4
#191cb3
Color 5
#1c1fc4
Color 7
#3b3de3
Ampersand Purple
#969ced
Color 9
#a8adf0
Color 10
#c5c9fa
Color 11
#c9caf7
Color 12
#dcdef9
Color 13
#edeefc

Varemerke: oransje

Ampersand Orange
#f75b26
Ampersand Peach
#fcc3b1

Pallett: oransje

Alt Color 1
#8b2504
Alt Color 2
#9e2b05
Alt Color 3
#b23106
Alt Color 4
#c53707
Alt Color 5
#d93c08
Alt Color 6
#ec4109
Alt Color 7
#f64c13
Alt Color 9
#f64c13
Alt Color 10
#f64c13
Alt Color 11
#fa9675
Alt Color 12
#faa689
Alt Color 13
#faa689
&
2

Typografi

Typografi er avgjørende for vår visuelle identitet. Denne delen dekker skrifttypene vi bruker.

Type: Signifier

Kris Sowersby, designeren bak Signifier, så for seg en skrifttype som kunne overskride trender og tåle tidens prøve. Hans ekspertise og lidenskap for typografi er tydelig i Signifiers harmoniske blanding av skjønnhet og funksjonalitet. Signifier kommer i forskjellige vekter og stiler, noe som gir designere fleksibiliteten til å lage dynamiske typografiske komposisjoner. Enten den brukes til overskrifter, brødtekst eller visningsformål, opprettholder den lesbarheten og den visuelle appellen.

Global class: Signifier 200 Extra Light Italics

Signifier 200 Extra Light Italics

Global class: Signifier 300 Light

Signifier 300 Light

Global class: Signifier 400 Regular

Signifier 400 Regular

Global class: Signifier 500 Medium

Signifier 500 Medium

Global class: Signifier 700 Bold

Signifier 700 Bold

Global class: Signifier 900 Black

Signifier 900 Black

Type: Abril Fatface

Opprettelsen av Abril Fatface var et samarbeid mellom Veronika Burian og José Scaglione, medstiftere av TypeTogether. Deres visjon var å lage en skrifttype som kunne bygge bro mellom historisk innflytelse og moderne designbehov, og gi designere et kraftig verktøy for effektiv typografi. Denne skrifttypen skinner i skjerminnstillinger, noe som gjør den perfekt for overskrifter, plakater, merkevarebygging og redaksjonell design. Dens dristige, uttrykksfulle natur sikrer at ethvert budskap det formidler blir levert med selvtillit og teft.

.1&2&3&4&5&6&7&8&9.

:1&2&3&4&5&6&7&8&9:

&
3

Overskrifter

Overskrifter hjelper til med å strukturere innholdet vårt. Denne delen skisserer overskriftstilene våre.

Class: H1-H6

H1 til H6 overskrifter er HTML-koder som definerer hierarkiet og strukturen til innholdet på en webside. Disse overskriftene forbedrer ikke bare lesbarheten og organisasjonen, men spiller også en avgjørende rolle i SEO ved å hjelpe søkemotorer å forstå strukturen og viktigheten av innholdet.

Global class: H1 / Is Blue Text

H1 Ampers &house title

Global class: H2

H2 Ampers& house title

Global class: H3

H3 Ampers&house title

Global class: H4

H4 Ampers&house heading

Global class: H5
H5 Ampers&house heading
Global class: H6
H6 Ampers&house heading

Klasse: Størrelse og vekt

Text weight and size are key elements in typography that influence readability and visual hierarchy. By varying text weight and size, designers can create contrast, direct the reader’s attention, and enhance the overall aesthetic of the design.

Combo class: Heading / Is Extra Small Title / Is Blue Text

Extra small size of a heading text

Combo class: Heading / Is Small Title / Is Blue Text

Small size heading text

Combo class: Heading / Is Regular Title / Is Blue Text

Regular size heading text

Combo class: Heading / Is Medium Title / Is Blue Text

Medium heading

Combo class: Heading / Is Large Title / Is Blue Text

Large size title text

Combo class: Heading / Is Extra Title / Is Blue Text

Extra big xxl title

Combo class: Heading / Is Light / Is Blue Text

Default light heading size

Combo class: Heading / Is Extra Bold / Is Blue Text

Default extra bold heading size

Combo class: Heading / With More Height / Is Blue Text

Default more height heading spec - serves to emphasize the importance of white space.

&
5

Avsnitt og lenker

Avsnitt danner hoveddelen av innholdet vårt. Denne delen inneholder retningslinjer for avsnittsstiler.

Global class: Link
Text Link
Combo class: Paragraph / Is Small

Å bruke den minste avsnittsstørrelsen i designoppsett krever nøye vurdering for å opprettholde lesbarhet og visuell balanse. Selv om små avsnittsstørrelser kan være nyttige, er det avgjørende å sikre at teksten forblir lesbar og tilgjengelig, og opprettholde en behagelig leseopplevelse for alle brukere.

Class: Paragraph

Vanlig avsnittsstørrelse er ideell for brødtekst i artikler, rapporter og mest webinnhold. Det gir en behagelig leseopplevelse og er allsidig nok for ulike typer innhold. Bruk vanlig størrelse for hovedinformasjonen, og sørg for klarhet og lesbarhet.

Combo Class: Paragraph / Is Medium

Middels avsnittsstørrelse er litt større enn vanlig og kan brukes til å fremheve viktige punkter eller markere viktige seksjoner i brødteksten. Det er perfekt for korte oppsummeringer, introer, eller konklusjoner der det trengs litt mer vekt uten å overvelde leseren.

Combo Class: Paragraph / Is Large

Stor avsnittsstørrelse er egnet for underoverskrifter, hovedavsnitt eller nøkkeluttalelser som trenger å trekke leserens oppmerksomhet. Bruk den til å bryte opp lange seksjoner av tekst, noe som gjør innholdet mer fordøyelig og engasjerende.

Combo Class: Paragraph / Is Extra Large

Ekstra stor avsnittsstørrelse er best for overskrifter, sitater eller veldig viktige meldinger som må skille seg ut fremtredende. Det skaper en sterk visuell innvirkning og leder leserens øye til de mest kritiske delene av innholdet.

&
6

Ikoner

Ikoner legger til visuell interesse og hjelper navigasjon. Denne delen dekker ikonstilene våre.

Global Class: Icon
Global Combo Class: Icon / Is Regular
Global Combo Class: Icon / Is Medium
Global Combo Class: Icon / Is Semi Large
Global Combo Class: Icon /Is Large
Global Combo Class: Icon / Is Extra Large
&
7

Etiketter

Etiketter gir rask informasjon. Denne delen skisserer etikettstilene våre.

Global Class: White Round Label

Etiketttekst

Global Component: Orange Label

Label Text

Global Component: Blue Title Label

01.

Intro

Global Component: White Title Label

01.

Meaningful catch

Global Component: White Label

Label Text

Global Component: White Round Label

Etiketttekst

Global Component: Orange Label

Label Text

&
8

Rik tekst

Rik tekst gir mulighet for mangfoldig innhold. Denne delen dekker våre rike tekststiler.

We're about forever.

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ampers& lasting in H2.

Natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
  • Duis aute irure dolor in reprehenderit in voluptate velit esse
  • Excepteur sint occaecat cupidatat non proident, sunt in culpa

Heading west, stayin' in heading H3.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

  1. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisi
  3. Duis aute irure dolor in reprehenderit in voluptate
  4. Excepteur sint occaecat cupidatat non proident, sunt in

Usually heading east leads to incorporating H4.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus

"Like totally abstract quote providing all the information needed"

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.

Heading west, stayin' heading H3.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Heading stays heading until the last H5 stands.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

  • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua‍
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisi
  • Duis aute irure dolor in reprehenderit in voluptate
  • Excepteur sint occaecat cupidatat non proident, sunt in

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

I was Heading at you, you heading at me, both so pure H6.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.

Lego posing by the wall of Oslo opera
This caption clearly indicates that the message needs to be spread.

I was Heading at you, you heading at me, both so pure H3.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.

Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus.

&
9

Illustrasjoner

Illustrasjoner forbedrer historiefortellingen vår. Denne delen skisserer illustrasjonsstilene våre.

Global Component: Image - Scrolling + 3D + Parallax
Global component: Image - Scrolling + Parallax
A close-up mockup scene depicting hands on a laptop keyboard with ampers& house's website and their services on the screen
Global Component: Image - Scrolling + 3D + Parallax
Global component: Image - Scrolling + Parallax
A close-up mockup scene depicting hands on a laptop keyboard with ampers& house's website and their services on the screen
Global Component: Image - Scrolling + 3D + Parallax
&
10

Fotografering

Fotografering gir realisme til designene våre. Denne delen dekker våre retningslinjer for fotografering.

spiritual teacher posing for her session with angel wings
artist Natalia Klemanova chilling and posing with her guitar in a luxurious appartment in Bratislava
artist with a shaman drum performing on a concert in a church
woman arranging flowers before spiritual session
spiritual teacher in a meditative state during her session in a modern retreat centre
spiritual session performers before the show
birth giving ritual photo session
guitar player playing joyfully and smiling in Carpathian woods
drummer playing on a gig in Bratislava near UFO tower
artist singing on a gig in Prague's music event
detail from behind the scenes of music video shooting of the band Neha
group of people in a circle ceremony holding their hands
&
11

Skjemaer

Skjemaer letter brukerinteraksjon. Denne delen skisserer skjemastilene våre.

11.

Look!

Skjema med bakgrunn

Fortsett historiefortellingen på farten med dette bakgrunnsinduserte kontaktskjemaoppsettet. Det vil vekke oppmerksomhet mens du holder deg fullpakket med data å fylle ut.

Thank you! We will rock together.
Oops! Something went wrong while submitting the form.

11.

Renere? Prøv

Blå form!

Fortsett historiefortellingen mens du er på farten med denne blå bakgrunnskontaktskjemaoppsettet. Hold besøkende fokusert mens du holder deg fullpakket med data å fylle ut.

Thank you! We will rock together.
Oops! Something went wrong while submitting the form.

Interessert?

Kontakt oss!

Vi lanserer snart og vi vil gjerne varsle deg når feiringen begynner! La oss holde deg oppdatert.

Thank you! We will rock together.
Oops! Something went wrong while submitting the form.
&
12

Interaksjon

Interaksjoner forbedrer brukeropplevelsen. Denne delen dekker retningslinjene våre for interaksjon.

Manifest!

Nyt forbedrede tjenester som omfattende SEO, PPC og kampanjeadministrasjon..

Les nå
→
Fromt shoot of Lego leaning over the wall of Oslo opera

Ta kontakt med en gang

+47/40234242

welcome@ampersand.house

Kontakt skjema

A close-up mockup scene depicting hands on a laptop keyboard with ampers& house's website and their services on the screen
&
12

Knapper

Knapper driver handlinger. Denne delen skisserer knappestilene våre.

Knappetekst
→

I'm interested

Bestill en samtale

å snakke om prosjektet ditt

Klikk meg bra

Knapptittel

Knapp Beskrivelsestekst

→

Knapptittel

→
Thank you!
Your submission has been received!
Fragment - Marketing Landing Page Template Image
Oops! Something went wrong while submitting the form.

Utforsk

våre

tjenester

Merkevare identitet

Webdesign

Fotografering

Grafisk design

Alle tjenester
→
Ampers& house logotype vector

Tjenester

Portefølje

Vår historie

Manifest!

Kontakt

FAQVilkår for brukpersonvernRetningslinjer
Facebook
Instagram
Lego posing and representing his brand Ampers& house
Barbora posing with a camera in her hand, smiling joyfully
©
Ramen & Pho AS
alright. A& h 2025