Design system
& manual for Evolve.
Oppdatert 16/09/2021
1. Logo2. Typografi (kommer) 3. Farger 4. Motion (kommer) 5. Mønster / Patterns (kommer) 6. SOME maler (kommer) 6. Bildemaner (kommer) 7. Eksempler (kommer) 8. Design system

Logo

Logosymbol

Logosymbolet til Evolve er en abstrakt representasjon av utvikling. En delvis ufullstendig, invertert “e” fra Evolve sitt logotypesnitt Theinhardt.

Last ned her

Logo Lockup / Vertical

Last ned her

Logo Lockup / Horizontal

Last ned her

Guidelines

Avstand fra logo :
1/3 av logosymbol i top.
2/3 av logosymbol side

Farger

Hovedfarger

EVOLVE BURG
EVOLVE WHT
HEX #580E0E
R: 88 G: 14 B: 14
C: 0 M: 84 Y: 84 K: 65
HEX #FAF8F4
R: 250 G: 248 B: 244
C: 0 M: 1 Y: 2 K: 2

Sekundær

EVOLVE DARKER RED
EVOLVE BLUE
HEX #260909
R: 38 G: 9 B: 9
C: 0 M: 76 Y: 76 K: 8
HEX #F0F5F8
R: 240 G: 245 B: 248
C: 3 M: 1 Y: 0 K: 3

Gradient

(Kommer info om farger og bruksområder)

GOOD DAY GRADIENT

DESIGN SYSTEM

Typografi

H1 — Teinhardt regular (48/53)

Vi har Norges mest fleksible kontorløsninger.

H2 — Teinhardt regular (40/53)

Tilgang til over 25 sentre

H3 — Teinhardt regular (28/34)

Utviklingen i kontormarkedet under pandemien.

H4 — Teinhardt regular (20/28)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

H5 — Teinhardt regular (20/28)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
H6 — Teinhardt regular (20/28)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
SUbhead — Teinhardt light (24/32)

This is a Subhead. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

paragraph — Teinhardt light (16/22)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

H1 Heading display— Teinhardt regular (48/54)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H1 Heading jumbo— Teinhardt regular (40/48)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H1 Heading medium— Teinhardt regular (28/34)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

H1 Heading regular— Teinhardt regular (20/28)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Paragraph — section label— Teinhardt regular (20/28)

Section Label

light text / info— Teinhardt light (18/22)
Light Text

Buttons / knapper

Alle knapper fra nettside

kontakt oss
Bestill visning
Bestill visning
Label Tekst
Label Tekst
kontakt oss
Label Tekst

Cards

Div

‍10 ting unge profesjonelle kan gjøre i Oslo!

‍‍Av og til vil man bare ha litt kvalitetstid med gode kolleger. Men spørsmålet om hva man egentlig skal gjøre kan komme like raskt som det første initiativet er tatt. Vi har samlet 10 ting du kan gjøre med kolleger i Oslo!

Read Time:
5
Author:
Evolve

Hvordan leie det perfekte kontorlokalet?

Å ha et kontor er et stort skritt i etableringen av en seriøs bedrift. Ikke bare fordi det kan være greit å ha et fast sted å gå til, men også fordi det gir potensielle kunder et fysisk sted å besøke. Å finne det perfekte kontor er en spennende men og tidvis omfattende prosess. 

Read Time:
3
Author:
Jens Rask Jensen

Hva betyr betjente kontor?

Stadig flere bedrifter undres over hva morgendagens kontor er. En hverdag som kombinerer hjemme- virtuelt- og kontorarbeid er å anta at blir aktuell. Så, spørsmålet blir da, i en mer fleksibel arbeidshverdag, er behovet for kontor det samme som før?

Read Time:
4
Author:

Rich Text

Formatering av tekst i blog.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.

Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.

Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

‍

Evolve kontor, man ser ut vindu, rogaland
Tekst beskrivelse

‍

Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.

Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.

Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing.

Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum.

Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque.

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  3. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu.

Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.

You can use Flex membership at all 25 of these locations. Not a member yet?
Get started →

Blog CTA English

Copy EN script
Copied!
<section class="y-blog-section">
<div class="y-blog-container">
<div class="y-20px-text y-margin-bottom30">
Ready to start working from our cosy and beautiful office spaces across Norway?
</div><a href="/en/pricing" class="y-blog-btn"
><div class="y-margin-right10px">See memberships</div>
<svg width="24" height="24" viewBox="0 0 24 24" display="block" xmlns="http://www.w3.org/2000/svg">
<path d="M10.707 17.707L16.414 12L10.707 6.29297L9.29297 7.70697L13.586 12L9.29297 16.293L10.707 17.707Z" fill="currentcolor"></path></svg></a></div></section>

Blog CTA Norwegian

Copy NO script
Copied!
<section class="y-blog-section">
<div class="y-blog-container">
<div class="y-20px-text y-margin-bottom30">
Ønsker du å jobbe fra et av våre sentrale kontore?
</div><a href="/no/priser" class="y-blog-btn"
><div class="y-margin-right10px">Se medlemskap</div>
<svg width="24" height="24" viewBox="0 0 24 24" display="block" xmlns="http://www.w3.org/2000/svg">
<path d="M10.707 17.707L16.414 12L10.707 6.29297L9.29297 7.70697L13.586 12L9.29297 16.293L10.707 17.707Z" fill="currentcolor"></path></svg></a></div></section>

See how it's done:

Don't delete or modify this section. It's holding some glocal styling

Copy EN script
Copied!
Ready to start working from our cosy and beautiful office spaces across Norway?
See memberships
Close contact popup

Kom i gang i dag

Vi ønsker å sørge for at vi får dette til akkurat deg, send oss en melding ved å bruke skjemaet nedenfor, så tar vi kontakt for å avtale en visning.

Suksess!

Takk! En av våre hjelpsomme teammedlemmer vil ta kontakt med deg så snart som mulig for å iverksette forespørselen din.

Lukk
Oops! Something went wrong while submitting the form.