Reiulf Ramstad Arkitekter

CMS (Sanity)

Go to CMS username: communcation@rra.no password: JosefinesGate7

Analytics (Plausible)

Go to dashboard username: admin@rra.no password: JosefinesGate7

Analytics is also available inside Sanity

Strategies

Communication

Full length of the communication strategy

Communication strategy

Photo

Photo strategy

Concept

The overarching concept for Reiulf Ramstad Arkitekter is “Varighet” og “Vakkert”.

Visual identity concept

Website

A trick can be to do whats called a “hard refresh” for windows users: hold down Ctrl and then press F5 on your keyboard.

Uploading content (Desking)

Use chrome

When going uploading content please use the chrome browser

Preview

When uploading content to the work pages it can be nice to see the changes.

To open a preview window go to work → a project → [•••] in top left corner → open preview or go diretly to the preview url like this /work/house-of-grain?preview=true

To see the updates just push the publish button in bottom right corner and the changes should come immidiatly.

In preview mode you cant see the video, but you will se where it should be.

Analytics (Dashboard)

Go to dashboard to see the website stats

Video

We use MUX to host all our videos. To upload vides we can access them here, see where the video is used and preview it. To upload new videos then just upload directly in a media block

Media

Image sizes

Upload images at the smallest file size possible while maintaining acceptable quality. You can export with photoshop or online tools like ImageOptim or TinyPNG. Here is a batch export photoshop tutorial

Recomended sizes for images

Width 3000 px

Format JPEG or JPG, WEBP or PNG

Filesize 5MB

Video sizes

Upload images at the smallest file size possible while maintaining acceptable quality.

Width HD 1920 x 1080 or 2K 2560 x 1440

Format MPEG4 or MP4

Filesize Depends on the length. E.g. 30MB for 15 Sec should be OK

Components

Slider

When using the slider component then have more or less the same format on the images. When using a landscape (16:9) and portrait (9:16) it will be huge white space under the the image component to accommodate for the space the largest image will use

Dynamic news section on front page

News and events will be displayed if the “dynamic news & events block” is added to the front page. News will be displayed if they are less than 14 days old. Events will be display if they are added and in the future and the same day

The dynamic news and event block is as the third block on the front page.

“Val d’Isère” is always displayed and “Romsdal Folk Musum” is fallback

If both news and even is added they will be side by side. If none of them is added then a fallback project will be shown, in this case its the “Romsdal Folk Museum” as you can se in the block above

Logo

Download logos (svg, eps, png, jpeg, pdf)

Logo Usage

Placement:

Center alignment

Corner positioning

Clear space requirements must be maintained

Bordered versions available for specific applications

Logo position

Logo Alignment

Logo lock ups

With other logos

Color palette

Primary Colors:

Sand (Text compatible with Forest and Ocean backgrounds)

Forest (Text compatible with Sand background)

Ocean (Text compatible with Sand background)

Usage Guidelines:

No gradients

Extended palette reserved for drawings

Text colors must only be used on specified compatible backgrounds

No white or black text combinations with primary colors

Brand

Sand

HEX

#E8E6CC

RGB

232,229,204

CMYK

0,0,15,10

Forest

HEX

#547e6a

RGB

84,126,90

CMYK

72,36,76,10

Ocean

HEX

#044169

RGB

4,65,105

CMYK

100,75,32,35

Extended

Black

HEX

#000000

RGB

232,229,204

CMYK

0,0,15,10

White

HEX

#ffffff

RGB

255,255,255

CMYK

0,0,0,0

Gray 25

HEX

#C3C3C3

RGB

246,245,236

CMYK

0,0,6,4

gray 60

HEX

#6F6F6F

RGB

232,229,204

CMYK

0,0,15,10

gray 80

HEX

#3F3F3F

RGB

232,229,204

CMYK

0,0,15,10

Light sand

HEX

#f6f5eb

RGB

232,229,204

CMYK

0,0,15,10

Flower

HEX

#dcaeb0

RGB

232,229,204

CMYK

0,0,15,10

Sun

HEX

#f3ea92

RGB

232,229,204

CMYK

0,0,15,10

Sky

HEX

#afd1e1

RGB

232,229,204

CMYK

0,0,15,10

Moss

HEX

#c6d6a3

RGB

232,229,204

CMYK

0,0,15,10

Sand

HEX

#e8e6cc

RGB

232,229,204

CMYK

0,0,15,10

Coral

HEX

#d46d74

RGB

232,229,204

CMYK

0,0,15,10

Ochre

HEX

#dfa611

RGB

232,229,204

CMYK

0,0,15,10

Ocean

HEX

#044169

RGB

232,229,204

CMYK

0,0,15,10

Forest

HEX

#547e6a

RGB

232,229,204

CMYK

0,0,15,10

Examples

Typography

Download fonts

Main typography

Circular: For titles, details, and page numbers

Times Ten: For body text

Times Seven: For selected titles

Fallback typography

Helvetica (replacing Circular)

Times New Roman (replacing Times Ten/Seven)

Type basics

Flush left

Flush left creates strong alignments for the eye to follow, aiding readability and organization.

Styles

Illustration Style

Unified Visual Language:

Consistent saturation levels across all media

Harmonized color treatment for renders, photos, and drawings

Standardized quality parameters

No dramatic variations in style or treatment

Examples

Social Media Handbook

Instagram and linkedin post generator

Checklist

Define a purpose of the post. Showcase details, project overview, materials, elaborate on the concept, a project milestone etc..

What channel is this post suitable for? Linkedin, instagram story or instagram post. Look at the communication strategy to find further details

Linkedin: Professional milestones and business development
Instgram story: Visual storyletting of projects updates, news and happenings
Instagram post: Visual documentation of projects beauty, life and duration

Collect media images and videos

Look at what other images that is posted and the purpose of the post. What should be the first image to best communicate the purpose? What fits with the rest of the grid and other planed post?

Curate the order of media

Formating: No use of emojis. Title should be in normal sentence case, don’t use all caps and no exclamation marks (!)

Example text formating:

Preserving the landscape - Small footprint, steep land

Our timber house project Bratte Boliger (Steep Houses) the mountains of Isfjorden is taking shape. Six compact, vertical cabins, each about 80 m², feature three bedrooms, two bathrooms and a kitchen/living area.

Designed for efficient use of space, the project minimizes environmental impact while preserving surrounding greenery in this majestic landscape.

Elevated on stilts, the vertical cabins integrate seamlessly into the steep terrain. The extensive use of wood—from exterior cladding to interior finishes—honors the region's heritage and creates a timeless atmosphere. Additionally, sustainable, low-carbon materials enhance their eco-friendly design.

Instagram post

Formating: No use of emojis. Title should be in Normal caps, no all caps and no exclamation marks (!)

Example formating:

Favn in Hafjell, Norway, is an all-year destination that reimagines the traditional sprawling mountain settlements as a dense village. Developed with our client Alpinco Gondoltoppen AS, the project addresses the challenge of sustainable development in natural environments.

Favn features apartment clusters and semi-detached houses with different ground-floor activities. The initiative represents a shift in what we seek from mountain destinations, evolving from exclusive retreats to multi-functional and inclusive environments that welcome a diverse range visitors—from the wilderness enthusiasts to those seeking urban comforts in a natural setting.

Photos by Reiulf Ramstad Arkitekter and Kristian Aalerud

Instagram grid

The grid needs to be curated and its important to think about the grid of images and not only the single image. The first image should either represent the project with a render, site image, drawing, image from an event, detail or graphic poster.

Images should have a mix between details and overview wide shot.

The suttle colorful drawings is a nice way of breaking grid and gives the grid a RRA signature

Use the color that matches the surrounding post

Instagram highlights

Use the hightslights to save story highlights. Save them project by project. If you decide to have a larger collection called projects this should not have more than 1-3 images.