Contact
Norgram ApS
Skt. Jørgens Allé 5D
DK-1615
Copenhagen
Vestergade 58T
DK-8000
Aarhus C
Skt. Jørgens Allé 5D
DK-1615
Copenhagen
Vestergade 58T
DK-8000
Aarhus C
+45 5337 7537
hi@norgram.co
hi@norgram.co
Copyright 2017 © Norgram
CVR—37503878
Facebook
LinkedIn
Instagram
Twitter
+45 5337 7537
Norgram® Studio is the Design Director duo of internationally recognized and awarded designers Sebastian Gram & Mathias Høst Normark.
Selected Projects
Forming design
languages
for the
digital era.
languages
for the
digital era.
June 02 — 2017
Meet Röst:
your personal
guide to IKEA
your personal
guide to IKEA
Röst is a personal assistant for IKEA: an assistant that gives you location-based audio customized for you as you walk around the store, making the experience more immersive and helping you out along the way. This summer you can test-drive the prototype at the IKEA Museum in Älmhult. Made with SPACE10.
Project
assets/images/journal/rost_01.jpg
May 29 — 2017
2x Creative
Circle Awards
Circle Awards
Two of our projects was awarded a bronze circle at Creative Circle Awards in May. 1x for J.Views, 401 Days. 1x for SPACE10 (IKEA’s Innovation Lab), Conversational Forms.
Studio news
assets/images/journal/CCA_2017.jpg
May 01 — 2017
Democratising
tomorrow's AI
tomorrow's AI
SPACE10, IKEA’s external future living lab, are curious to learn how the many people feel about Artificial Intelligence. We helped SPACE10 launch a worldwide survey called Do You Speak Human? Photo: Adrià Goula/Ikea
Project
assets/images/journal/DYSH_01.gif
assets/images/journal/DYSH_02.gif
April 08 — 2017
Sharing our process
on SPACE10 I/O
on SPACE10 I/O
Last Thursday we had the pleasure of presenting the thoughts, design and technology behind the upcoming @space10_journal framework: Space I/O. Thanks to everybody who showed up and the people behind it all @relaxwearethegoodguys @kwadwo @space10_journal Photos by Victor Stawicki
Studio news
assets/images/journal/space10_event_01.jpg
assets/images/journal/space10_event_02.jpg
assets/images/journal/space10_event_03.jpg
assets/images/journal/space10_event_04.jpg
assets/images/journal/space10_event_05.jpg
assets/images/journal/space10_event_06.jpg
assets/images/journal/space10_event_07.jpg
March 10 — 2017
SPACE10.io
Digital Framework
Digital Framework
We''re about to launch a new digital framework for IKEA's Innovation Hub SPACE10 in close collaboration our friends at RWATGG.
Project
assets/images/journal/space10_journal_pre_launch_01.jpg
assets/images/journal/space10_journal_pre_launch_02.jpg
assets/images/journal/space10_journal_pre_launch_03.jpg
March 6 — 2017
MUUTO
Design Direction
Design Direction
We've been collaborating with the scandinavian design brand: Muuto, to establish a new digital design direction. The direction serves as the guiding star for Muuto to develop and design their future digital platform.
Project
assets/images/journal/muuto_journal_01.jpg
December 22 — 2016
The Pop Up
Agency
Agency
We've defined a new design direction for our London friends "Pop Up" who's on a mission to democratize creativity.
Project
assets/images/journal/popup_journal_01.gif
December 22 — 2016
On Air
Radio24Syv
Radio24Syv
Yesterday evening we were live on Radio24Syv talking about the J.Views 401 Days album design that has been nominated for the 59TH Annual Grammy® Awards which takes place the 12th February 2016 in LA. Have a listen, in danish only.
Studio news
assets/images/journal/radio24syv_journal_02.jpg
September 15 — 2016
Setio®
Digital Identity
Digital Identity
We've helped the danish startup Setio® explore and define a new brand platform and design direction. Setio® is launching in 2017.
Project
assets/images/journal/setio_journal_01.jpg
August 22 — 2016
Mitte®
Digital Identity
Digital Identity
Since our trip to Berlin in March we’ve formed a close collaboration with the team in Berlin on defining the brand of Mitte® — who is on a mission to improve life through better water.
Project
assets/images/journal/mitte_journal_00.jpg
assets/images/journal/mitte_journal_04.png
assets/images/journal/mitte_journal_03.gif
assets/images/journal/mitte_journal_01.jpg
August 30 — 2016
SPACE10 x Norgram
We're partnering with IKEA's innovation lab SPACE10 to explore and define their future digital platform.
Studio news
assets/images/journal/space10_journal_01.jpg
August 15 — 2016
Adobe
Interview
Interview
Mathias was awarded the Nordic Creative Talent Award in November 2015 by Adobe. Adobe did sat down with Mathias for an interview. Watch on Adobe.com
Studio news
assets/images/journal/adobe_journal_01.gif
June 01 — 2016
TwentyThree™
Digital Identity
Digital Identity
Digital Identiy for Copenhagen based tech-company TwentyThree. TwentyThree is on a mission reinvent the way brands use video. TwentyThree recently launched their product gloablly by opening an office in San Francisco.
Project
assets/images/journal/twentythree_journal_01.gif
March 28 — 2016
j.views
401 Days album
401 Days album
We've had the pleasure of working closely together with Jonathan since December on ideating, designing and producing the new album cover as a book format documenting the life that happened throughout 401 Days.
Project
assets/images/journal/jviews_journal_05.jpg
assets/images/journal/jviews_journal_02.jpg
assets/images/journal/jviews_journal_03.jpg
assets/images/journal/jviews_journal_04.jpg
April 22 — 2016
The—Dots
Digital Platform
Digital Platform
We've been working together with the Founder & CEO of The—Dots, Pip Jamieson and her team on defining a new foundation and design direction for The—Dots' digital platform and brand.
Project
assets/images/journal/the_dots_00.jpg
assets/images/journal/the_dots_01.jpg
assets/images/journal/the_dots_02.jpg
assets/images/journal/the_dots_03.jpg
March 28 — 2016
Phosphene™
New digital precence
New digital precence
Together with our friends at Koalition we've designed and build a new digital presence for award-winning New York based VFX Studio Phosphene. phosphenefx.com
Project
assets/images/journal/phosphene_journal.gif
March 28 — 2016
Foundation Workshop
in Berlin
in Berlin
We're off to Berlin for the next 3 days to facilitate our foundation workshop as the kick-off on a new exciting brand identity project for an upcoming IOT product.
Studio news
assets/images/journal/off_to_berlin_journal_01.jpg
March 01 — 2016
We're Norgram®
Studio
Studio
We're Norgram — we're forming design languages for the digital era. Norgram is the fusion of Design Director duo — Mathias Høst Normark and Sebastian Gram.
Studio news
assets/images/journal/we_are_norgram.jpg
Studio
Norgram® is founded in 2016 by Sebastian Gram & Mathias Høst Normark. Located in Aarhus & Copenhagen, Denmark.
Norgram is the fusion of Design Director duo — Mathias Høst Normark and Sebastian Gram. We exist to build the next generation of digital brands and experiences.
Our process is defined by collaboration. We work with brands, start-ups, and people to create meaningful work with a strong sense of purpose. Our work is defined by the value we create rather than output we make.
Together we have have over 20 years of experience working with global brands. During that time we’ve collaborated with brands such as Google, Nasa and the Guggenheim to deliver unique work that have been celebrated and rewarded globally.
We are a Design Studio for the Digital Era.
Together we have have over 20 years of experience working with global brands. During that time we’ve collaborated with brands such as Google, Nasa and the Guggenheim to deliver unique work that have been celebrated and rewarded globally.
We are a Design Studio for the Digital Era.
Norgram® is a design studio that creates the next generation of digital brands and experiences. Exploration through collaboration sits at the heart of our design process and we strive to create timeless work that surprises.
Sebastian Gram
Co—founder &
Design Director
Design Director
+45 60228703
https://www.linkedin.com/in/sebastiangram
https://twitter.com/sebastiangram
assets/images/profile/profile_seb.png
Mathias Høst Normark
Co—founder &
Design Director
Design Director
+45 53377537
https://www.linkedin.com/in/mathiashnormark
https://twitter.com/MathiasHN
assets/images/profile/profile_mat.png
Our services
We help brands shape their businesses and create unique design languages. We use a combination of our offerings to craft an approach that works best for each project. Independent of the output, we strive to offer new perspectives on established methods and solutions.
Our services
Digital Products
Workshops & Lectures
Digital Identity
Digital Experiences
Process
Our approach to projects follow these 4 basic phases, each phase is carefully tailored to match the given project. At the heart of each phase lies a transparent, iterative and collaborative approach that sets the stage for a successful final output.
Concept
Implementation
Foundation
Design
Ethos
Norgram® Studio is the Design Director duo of internationally recognized and awarded designers Sebastian Gram & Mathias Høst Normark.
At Norgram® we use 5 principles that guide and define the type of work we believe in. The principles function as our northern star and inform the choices we make throughout our creative process.
Purpose
Our work comes from a clear sense of purpose and authenticity. The foundation of our work comes from working with the questions — Why are you here and why do you exist? Once we’ve established the answer to those questions we look at the reason the target audience should care.
roundrect
Innovation
The exploration into purpose creates the foundation for an authentic end result that encapsulates the brand and what it stands for. This leads us to a design process where we create work with an authentic story that is driven by the value it creates.
doubletriangle
Collaboration
The output of our work is defined by the explorative nature of collaboration. Independent on skill-set and function we work with our clients to get the to core of the challenge and establish a way forward that keeps our clients highly involved in the process. We believe that by building a tight relationship with our collaborators and clients we create better results.
rectbyrect
Exploration
The nature of our collaborative process opens up the opportunity to explore alternate solutions that surprises the consumer — creating a stronger sense of attachment to the end result. We give ourselves time to explore and identify the path forward that we believe will make consumers look twice.
triangle
Timeless
We always strive for our work to be timeless, we reach that by making sure every details exists for a reason through craft and thought. The result of our efforts embodies a level of aesthetic quality that at its foundation feels honest and surprising in the eyes of the beholder.
rect
Projects
Setio®
Digital Identity
Digital Identity
Setio®
Digital Identity
2016
assets/images/cases/setio/setio_00_overview.jpg
Setio®
Brand Strategy & Platform
Brand Naming
Brand Signature
Typographic System
Colorpalette
iOS App Design
Photography
Iconography
Illustration
Packaging
Digital Identity Guidelines
Brand Naming
Brand Signature
Typographic System
Colorpalette
iOS App Design
Photography
Iconography
Illustration
Packaging
Digital Identity Guidelines
Empowering runners with tailor made advices and precision metrics is at the heart of what Setio® does. Bridging data, expert knowledge, technology and connecting runners to a global network of dedicated professionals will make runners become runners in control.
assets/images/cases/setio/setio_01.jpg
Objective
Explore, develop and define a brand vision for a new running brand providing a learning experience for runners to gain control and obtain a new and better running behaviour.
Concept
The Setio® identity is build from the concept of "Control". Becoming a runner in control of mind and feet is a process of progress. The first step to becoming a runner in control is to acknowledge that you can become better and enter a zone of progress. Once you start to progress you get closer and closer to control.
Explore, develop and define a brand vision for a new running brand providing a learning experience for runners to gain control and obtain a new and better running behaviour.
Concept
The Setio® identity is build from the concept of "Control". Becoming a runner in control of mind and feet is a process of progress. The first step to becoming a runner in control is to acknowledge that you can become better and enter a zone of progress. Once you start to progress you get closer and closer to control.
Design
The design direction seeks to clarify the complexitity of the product by keeping a simple design language but at the same time blend into a runners lifestyle and involve progressive elements such as raw nature and techical data.
The design direction seeks to clarify the complexitity of the product by keeping a simple design language but at the same time blend into a runners lifestyle and involve progressive elements such as raw nature and techical data.
assets/images/cases/setio/setio_02.png
The brand signature is constructed from a monospace typography that forms an invisible rectangle. This rectangle is used to form a super graphic of multiples steps. These are the steps towards control.
assets/images/cases/setio/setio_03.png
assets/images/cases/setio/setio_03.gif
The Setio® supergraphic interprets the invisible frame of the logotype. This frame is visualized and dublicated into multiples steps forming a supergrahic that visualizes the steps towards control. The shape of the frames adapts to the invivleble frame of the dynamic logotypes.
assets/images/cases/setio/setio_04_01.gif
assets/images/cases/setio/setio_04.jpg
The Setio® photography direction explores the progressive and uncontrollable environments of nature and urban environments in which it welcomes a runner in control.
assets/images/cases/setio/setio_08.jpg
assets/images/cases/setio/setio_06.jpg
assets/images/cases/setio/setio_07.jpg
Bridging data, expert knowledge, technology and connecting runners to a global network of dedicated professionals all happens trough the Setio® App. Exploring and defining the design direction of the app was a crusial part of helping Setio® unlock the potential both from a design and business perspective.
assets/images/cases/setio/setio_05.jpg
Mitte®
Digital Identity
Digital Identity
Mitte®
Digital Identity
2016
assets/images/cases/mitte/mitte_00_overview.jpg
Mitte®
Brand Strategy & Platform
Brand Naming
Brand Signature & Brandmark
Typographic System
Colorpalette
Photography Style
Iconography
Illustration
iOS App Design
Website
Brand Naming
Brand Signature & Brandmark
Typographic System
Colorpalette
Photography Style
Iconography
Illustration
iOS App Design
Website
Improving life with better water. The quality of water is vital for human well-being. Mitte® introduces a ground-breaking, smart, and sustainable water appliance for your home.
assets/images/cases/mitte/mitte_01.png
Objective
Explore, develop and define a brandname, vision and design direction for a new Berlin based IOT startup on a journey to build the world’s first home water system to purify and vitalize your daily drinking water.
Concept
The brandname mitte® means "middle" in german. It's a reflection of finding balance. It's also the name of the area where the brand resides.
Explore, develop and define a brandname, vision and design direction for a new Berlin based IOT startup on a journey to build the world’s first home water system to purify and vitalize your daily drinking water.
Concept
The brandname mitte® means "middle" in german. It's a reflection of finding balance. It's also the name of the area where the brand resides.
Design
The design direction is defined as an approachable, natural and new classic brand tapping into a simple and functional aesthetic that caters to the lifestyle of young global citizens.
The design direction is defined as an approachable, natural and new classic brand tapping into a simple and functional aesthetic that caters to the lifestyle of young global citizens.
assets/images/cases/mitte/mitte_02.png
Brandmark & signature
The brandmark serves as the icnoic element of the mitte® identity. It's a simple graphic translation of the brandname which is created by placing a solid circle in the middle of a rounded sqaure. The idea of the mark is adopted from the negative space that appers between the "i" and the "t" of the brandsiganature.
The brandmark serves as the icnoic element of the mitte® identity. It's a simple graphic translation of the brandname which is created by placing a solid circle in the middle of a rounded sqaure. The idea of the mark is adopted from the negative space that appers between the "i" and the "t" of the brandsiganature.
assets/images/cases/mitte/mitte_02_01.png
assets/images/cases/mitte/mitte_04.png
Mitte® use a simple, modern and functional typeface making an approaclble expression across platforms, communication and products.
The primary colors is based on a set of monochromatic tones with a secondary set of functional colors to enhance UI elements. The palette enables a strong basic brand and functional focus.
The primary colors is based on a set of monochromatic tones with a secondary set of functional colors to enhance UI elements. The palette enables a strong basic brand and functional focus.
assets/images/cases/mitte/mitte_05.jpg
As a part of the brand vision we explored the potential for an interface enabling users to gain self awareness, knowledge and hydration insights about their water consumption.
assets/images/cases/mitte/mitte_06.jpg
The brand vision involved a phase of exploring materials and potential ways of applicating the design direction across different touchpoints such as stationery, print, hardware and packaging.
assets/images/cases/mitte/mitte_07.jpg
To gain awareness before launching the product in 2017 we designed and developed a simple responsive platform enabling mitte® to tease the brand and product while at the same time being able to provide updates trough a simple journal and newsletter.
assets/images/cases/mitte/mitte_08.jpg
assets/images/cases/mitte/mitte_09.jpg
assets/images/cases/mitte/mitte_10.jpg
Twentythree™
Digital Identity
Digital Identity
Twentythree™
Digital Identity
2016
assets/images/cases/twentythree/twentythree_01.gif
TwentyThree™
Brand Signature & Brandmark
Creative & Art Direction
Typographic System
Colorpalette
Photography Style
Iconography
Illustration
Data Visualization
Brandmark animation
Keynote
Creative & Art Direction
Typographic System
Colorpalette
Photography Style
Iconography
Illustration
Data Visualization
Brandmark animation
Keynote
TwentyThree™ is a tech company focused on making great tools for visual sharing on the web. Founded by Thomas Madsen-Mygdal and Steffen Christensen, TwentyThree has offices in San Francisco and Copenhagen.
assets/images/cases/twentythree/twentythree_01.gif
Objective
Analyze, reflect and explore the opportunities of redesigning the TwentyThree™ brand architecture and visual design. The key objetive is to simplify and tighten the brand across all touch points before launching TwentyThree™ globally.
Concept
The concept of the visual identity is build around the idea of a canvas. A canvas being a frame to facilitate content. The canvas resembles the purpose of the company which is to facilitate visual sharing.
Analyze, reflect and explore the opportunities of redesigning the TwentyThree™ brand architecture and visual design. The key objetive is to simplify and tighten the brand across all touch points before launching TwentyThree™ globally.
Concept
The concept of the visual identity is build around the idea of a canvas. A canvas being a frame to facilitate content. The canvas resembles the purpose of the company which is to facilitate visual sharing.
Design
Focusing on the concept of the canvas we wanted to create a design system that provided TwentyThree™ with simple tools. We developed a design system inspired by common wayfinding principles. These principles acts as guideance troughout the visual language of typography, colors, iconograpy and grid systems.
Focusing on the concept of the canvas we wanted to create a design system that provided TwentyThree™ with simple tools. We developed a design system inspired by common wayfinding principles. These principles acts as guideance troughout the visual language of typography, colors, iconograpy and grid systems.
assets/images/cases/twentythree/twentythree_02.png
The brandmark is created based on the idea of a canvas. A canvas being a frame to facilitate content. The canvas resembles the purpose of the company which is to facilitate visual sharing.
Technically the TwentyThree™ brandmark using is build using the 16:9 ratio.
assets/images/cases/twentythree/twentythree_03.png
assets/images/cases/twentythree/twentythree_03_01.png
The primary colors consists of a "Spring" and "Racing" green. These two colors symbolize the balance between innovation and stability.
TwentyThree™ uses the typeface—NB Inter-national™. Designed by Stefan Gandl. Published by Neubau in 2008. NB International™ pays tribute to popular Grotesk typefaces of the ‘international style’ era.
TwentyThree™ uses the typeface—NB Inter-national™. Designed by Stefan Gandl. Published by Neubau in 2008. NB International™ pays tribute to popular Grotesk typefaces of the ‘international style’ era.
assets/images/cases/twentythree/twentythree_04.png
assets/images/cases/twentythree/twentythree_05.png
assets/images/cases/twentythree/twentythree_06.jpg
The brand vision involved a phase of exploring materials and potential ways of applicating the design direction across different touchpoints such as stationery, print, hardware and digital.
assets/images/cases/twentythree/twentythree_07.jpg
assets/images/cases/twentythree/twentythree_08.jpg
assets/images/cases/twentythree/twentythree_09.jpg
Defining and designing a core set of rules and modules for TwentyThree™ to start building their new digital presence.
assets/images/cases/twentythree/twentythree_10.jpg
assets/images/cases/twentythree/twentythree_11.jpg