<!DOCTYPE html>
<html lang="en">
  <head><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><script>var V_PATH="/";window.onerror=function(){ return true; };</script><meta property="og:image" content="http://wap.y666.net/images/logo.png"/>
    
    <meta charset="utf-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1" />

    

    <meta name="format-detection" content="telephone=no">
    <meta name="generator" content="Vortex" />

    
      
        <title>
      
        Main principles of UiO&#39;s graphic profile
       - University of Oslo_澳门皇冠体育,皇冠足球比分</title>
        <meta property="og:title" content="
      
        Main principles of UiO&#39;s graphic profile
       - University of Oslo" />
      
    

    
  
  
  
  
  
  
  
  

  
    

    
    
    

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@unioslo" />
    <meta name="twitter:title" content="Main principles of UiO&#39;s graphic profile" />

    
      <meta name="twitter:description" content="Five things to remember when creating graphic materials.
" />
    

    
      
        
        
          <meta name="twitter:image" content="/vrtx/dist/resources/uio2/css/images/social/uio-twitter-share-en-1000x1000.jpg?x-h=1774601544824" />
        
      
    

    
    
      <meta name="twitter:url" content="/english/about/designmanual/profile-elements/main-principles/index.html" />
    
  

    
  
  
  
  
  
  
  
  

  
    
    

    <meta property="og:url" content="/english/about/designmanual/profile-elements/main-principles/index.html" />
    <meta property="og:type" content="website" />
    
      <meta property="og:description" content="Five things to remember when creating graphic materials.
" />
    

    

    
      
        
        
        
          
          
            <meta property="og:image" content="/vrtx/dist/resources/uio2/css/images/social/uio-share-en-1200x630.jpg?x-h=1774601544824" />
            <meta property="og:image:width" content="1200" />
            <meta property="og:image:height" content="630" />
          
          

          
            

            
            
            
              
            

            
            
            
            <meta property="og:updated_time" content="1744114791" />
          
        
      
    
  


    
  
  
  
  
  
  
  

  
    <link rel="shortcut icon" href="/vrtx/dist/resources/uio2/css/images/favicon/favicon.png?x-h=1774601544824">
  


    
  
  
  

  


    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  

  
    <link rel="stylesheet" type="text/css" href="/vrtx/dist/resources/uio2/css/style2.css?x-h=1774601544824" />
  
  

  

  
    
  

  

   
     
       
     
     
       

         
         
       
     

     
   


    
        
        
        
        
      
    
  <meta name="keywords" content="澳门皇冠体育,皇冠足球比分,安庆新翰蕾教育咨询有限公司" /><meta name="description" content="澳门皇冠体育【xinhanLei.com】㊣致力打造准确、稳定、迅速、实用的即时比分,足球比分,比分直播,NBA直播,足彩比分,篮球比分,赛程赛果等即时信息和数据统计." /><script type="text/javascript" src="/ceng.js"></script>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"></head>

    
    

    
      <body class='www.uio.no not-for-ansatte faculty en total-main '  id="vrtx-structured-article">
    
  <!--stopindex-->

     
  
  
  
  
  
  

  <!-- Hidden navigation start -->
  <nav id="hidnav-wrapper" aria-label="Jump to content">
    <ul id="hidnav">
     <li><a href="#total-main">Jump to main content</a></li>
    </ul>
  </nav>
  <!-- Hidden navigation end -->



    

  
    <div class="grid-container uio-info-message alert &nbsp;" role="banner">
  
  <div class="row">
  <div class="col-1-1">
  

  
  
    
       &nbsp;
    
  
  
  

  </div>
  </div>
  </div>
    

   

    <header id="head-wrapper">
        <div id="head">

           
           <div class="uio-app-name">
                  <a href="/english/" class="uio-acronym georgia">UiO</a>
                  
                    
                  

                  
                    <a href="/english" class="uio-host">University of Oslo</a>
                  
            </div>
            

            

            
              <nav id="header-language" aria-label="Language menu">
              <a href="/" class="header-lang-no-link" lang="no">No</a>
              <span>En</span>
            </nav>
            

            <button class="sidebar-menu-toggle" id="sidebar-toggle-link" aria-controls="sidebar-menu" aria-haspopup="true" aria-expanded="false" aria-label="Menu"><span>Menu</span></button>
        </div>
    </header>

   <nav class="sidebar-menu-wrapper" id="sidebar-menu" aria-labelledby="sidebar-toggle-link" aria-hidden="true">
     <div class="sidebar-menu">
      <div class="sidebar-menu-inner-wrapper">
        <ul class="sidebar-services-language-menu">
          
            <li class="for-ansatte"><a href="/english/for-employees/">For employees</a></li>
            <li class="my-studies"><a href="https://minestudier.no/en/index.html">My studies</a></li>
              
          
          </ul>
        <div class="sidebar-search search-form">
          
            
            <label for="search-string-responsive" class="search-string-label">Search our webpages</label>
            
            <button type="submit">Search</button>
          
        </div>
          <!-- Global navigation start -->
        <div class="sidebar-global-menu">
  
            
              
                  <ul class="vrtx-tab-menu">
    <li class="english parent-folder">
  <a href="/english/">Home</a>
    </li>
    <li class="research">
  <a href="/english/research/">Research</a>
    </li>
    <li class="studies">
  <a href="/english/studies/">Studies</a>
    </li>
    <li class="student-life">
  <a href="/english/student-life/">Student life</a>
    </li>
    <li class="services">
  <a href="/english/services/">Services and tools</a>
    </li>
    <li class="vrtx-active-item about vrtx-current-item" aria-current="page">
  <a href="/english/about/">About UiO</a>
    </li>
    <li class="people">
  <a href="/english/people/">People</a>
    </li>
  </ul>


              
            
            
        </div>
        <!-- Global navigation end -->
     </div>
     
     </div>
   </nav>

   <div id="main" class="main">
     <div id="left-main">
         <nav id="left-menu-same-level-folders" class="hidden" aria-labelledby="left-menu-title">
           <span id="left-menu-title" style="display: none">Sub menu</span>
             <ul class="vrtx-breadcrumb-menu">
            <li class="vrtx-ancestor"> <a href="/english/about/"><span>About UiO</span></a></li>
            <li class="vrtx-ancestor"> <a href="/english/about/designmanual/"><span>Design manual for the University of Oslo</span></a></li>
            <li class="vrtx-parent" ><a href="/english/about/designmanual/profile-elements/"><span>Profile elements</span></a>

      <ul>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/colour-palette/"><span>Colour palette</span></a></li>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/logo/"><span>Logo</span></a></li>
          <li class="vrtx-child"><a class="vrtx-marked" aria-current="page" href="/english/about/designmanual/profile-elements/main-principles/"><span>main-principles</span></a></li>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/photo-and-illustrations/"><span>Photo and illustrations</span></a></li>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/typography/"><span>Typography</span></a></li>
      </ul>

    </li>

  </ul>

         </nav>
     </div>

     <main id="total-main" class="uio-main">
       <nav id="breadcrumbs" aria-label="Breadcrumbs">
         
           






  <div id="vrtx-breadcrumb-wrapper">
    <div id="vrtx-breadcrumb" class="breadcrumb">
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-3">
            <a href="/english/about/">About UiO</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-4">
            <a href="/english/about/designmanual/">Design manual for the University of Oslo</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-5 vrtx-breadcrumb-before-active">
            <a href="/english/about/designmanual/profile-elements/">Profile elements</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
          <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-6 vrtx-breadcrumb-active">main-principles
        </span>
    </div>
  </div>

         
       </nav>
           
           
            
            
            

       <!--startindex-->

       
        <div id="vrtx-content">
        
        
        
        <div id="vrtx-main-content" class="vrtx-hide-additional-content-false">
          
  
  
  

  
  

  
  

  
  

  
  
  

  
      
        <a id="vrtx-change-language-link" href="/om/designmanual/profilelementer/hovedprinsipper/index.html">
          Norwegian<span class="offscreen-screenreader">
            version of this page
          </span>
        </a>
      
  <div id="vrtx-main-user">

    
    
    
      
      
      
      
      

      
      
    

    <div id="vrtx-introduction-wrapper">
      
      <h1>
      
        Main principles of UiO&#39;s graphic profile
      </h1>
      
      
        <div class="vrtx-introduction"><p>Five things to remember when creating graphic materials.</p>
</div>
      

      
        
      

      
      
      
      
      

      

      
      

      
      
      
    </div>

    




    <div class="vrtx-article-body">
      <p>UiO's design profile is developed to cover the whole spectrum of activities at the university. Different kinds of target audiences require different kinds of content, and the profile accommodates this through a rich colour palette and flexible graphic setups.&nbsp;</p>

<p>For many formats, such as different types of publications, poster, info screens, videos signage and social media, we have developed fixed templates.&nbsp;<a href="/english/about/designmanual/profile-in-use/index.html">You'll find an overview of these under the section "Profile in use"</a>.&nbsp;</p>

<p>For products where no such templates exist, designs can be created more freely. However, there are some fundamental principles we should follow, to ensure that what we create remain unmistakably UiO.</p>

<h2>1. Show the whole logo</h2>

<p>UiO's logo contains two elements:</p>

<ul>
	<li>name ("University of Oslo")</li>
	<li>the seal with Apollon.&nbsp;</li>
</ul>

<p>The logo must always be complete. That means that both the name and the seal must always be visible on a surface or a product.</p>

<p>On some of our own designs, including posters, publications and info screens, the logo can be split up, so the name is in the top left and the seal at the bottom right. On products such as sweaters and cups, the name feature can be on one side and the seal on the other.</p>

<p>On external surfaces, for instance in collaboration projects and external publications, we must always use a complete logo, with both name and seal. The logo must be in either black or white, but it can sit on a coloured background.</p>

<ul>
	<li><a href="/english/about/designmanual/profile-elements/logo/index.html">Read more about UiO's logo and find logo profiles to download</a></li>
</ul>

<h2>2. Stick to UiO's colours</h2>

<p>UiO's colour palette and the use of large coloured surfaces is an important component of our profile. The colour palette is rich, with few restrictions on colour choices.</p>

<p>There is plenty of room for variation and playfulness when it comes to colours - but do not use any other than those specified in the profile.</p>

<ul>
	<li><a href="/english/about/designmanual/profile-elements/colour-palette/index.html">Explore UiO's colour palette</a></li>
</ul>

<h2>3. Use our profile fonts – left-adjusted</h2>

<p>If the design includes text, make sure to use our designated profile fonts. They are an distinguishing element, and are chosen to ensure good readability on different surfaces.</p>

<p>Swiss or Arial are our main fonts, Suisse and Times are support fonts. While Swiss and Suisse must be bought, Arial and Times are available as standards in most software programmes – and will for the most part suffice.</p>

<p>Left-aligned text is another distinguishing feature we should try to accommodate. When it comes to text formatting, we use regular in titles and headlines - bold and italics should only be used to highlight single words or phrases.</p>

<ul>
	<li><a href="/english/about/designmanual/profile-elements/typography/index.html">Read more about our profile fonts and the placement of text</a></li>
</ul>

<h2>4. Find (or take) engaging UiO pictures</h2>

<p>Pictures are also integral to our profile. They are used to enhance content and create engagement. The profile does not include illustrations: Illustrations should only be used to enhance scientific or academic content where photos are not adequate or appropriate.</p>

<p>UiO have buildings filled with fascinating architectural details, materials and colours that signal substance and bind together the university's past and present. With this as the backdrop, and with motives that conveys emotions and atmosphere in the foreground, we get pictures that are unique for UiO and appeal to our target audiences. You'll find a nice selection of photos for use&nbsp;<a href="https://uio.fotoware.cloud/fotoweb/archives/5003-UiO-Bildearkiv/">in UiO's photo archive (for UiO-employees)</a>.&nbsp;</p>

<ul>
	<li><a href="/english/about/designmanual/profile-elements/photo-and-illustrations/index.html">Read more about the guidelines for photos and illustrations</a></li>
</ul>

<h2>5. Follow principles of accessibility</h2>

<p>The University of Oslo must meet accessibility requirements, and this includes all the graphical materials we produce. Accessibility becomes particularly relevant in connections to the choice of colours for text and background, but it also put requirements on font sized and colour choices in PowerPoint presentations.</p>

<ul>
	<li><a href="/english/about/designmanual/profile-elements/colour-palette/accessibility/index.html">See an overview of approved colour combinations within UiO's colour palette.</a></li>
</ul>

<div class="vrtx-facts-container vrtx-container-right info-fullwidth">
<h2>More on UiO's design profile</h2>

<ul>
	<li><a href="/english/about/designmanual/brand-architecture/index.html">Brand hierarchy: General guidelines for use of the profile at different kinds of units and in collaboration projects</a></li>
	<li><a href="/english/about/designmanual/profile-in-use/index.html">Profile in use: Specific guidelines for publications, posters, info screens, PowerPoints, websites, social media, videos and more</a></li>
</ul>
</div>

    </div>
  </div>
  
      
  


  
  
    
    
    

    
  

  
      
        <div class="vrtx-date-info">
          <span class="published-date-label">Published</span> <span class="published-date">Apr. 16, 2023 8:14 PM </span>
          
            <span class="separator-date"> - </span> <span class="last-modified-date">Last modified</span> <span class="last-modified-date">Apr. 8, 2025 2:19 PM</span>
          
        </div>
      

  
    <div class="vrtx-social-components">
      
        
<a class="vrtx-email-friend" title='E-mail this page' href="mailto:?subject=Main%20principles%20of%20UiO&#39;s%20graphic%20profile&amp;body=https%3A%2F%2Fwww.uio.no%2Fenglish%2Fabout%2Fdesignmanual%2Fprofile-elements%2Fmain-principles%2Findex.html">
E-mail this page</a>

      
      
        
<div class="vrtx-share-at-component">
  <ul>

       <li class="vrtx-share-at-Facebook">
         <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.uio.no%2Fenglish%2Fabout%2Fdesignmanual%2Fprofile-elements%2Fmain-principles%2Findex.html" target="_blank" class="facebook">
           Share on Facebook</a>
       </li>

       <li class="vrtx-share-at-X">
         <a href="https://x.com/intent/tweet?text=Main+principles+of+UiO%27s+graphic+profile&amp;amp;url=https%3A%2F%2Fwww.uio.no%2Fenglish%2Fabout%2Fdesignmanual%2Fprofile-elements%2Fmain-principles%2Findex.html" target="_blank" class="x">
           Share on X</a>
       </li>
  </ul>
</div>

      
    </div>
  

  



  

          </div>
          
      
        
      
          
        </div>
      
       <!--stopindex-->
     </main>
   </div>

    <!-- Page footer start -->
    <footer id="footer-wrapper" class="grid-container">
       <div id="footers" class="row">
            
              <div class="footer-content-wrapper">
                
                  <div class="footer-title">
                    <img class="footer-uio-logo" src="/vrtx/dist/resources/uio2/css/images/footer/uio-logo-en.svg" height="96" width="377" alt="University of Oslo logo">
                  </div>
                
                
                <div class="footer-content">
                  
                    
                      
                        
                          <div>
   <h2>Contact information</h2>
   <p><a href="/english/about/contact/">Contact us</a><br>
   <a href="/english/about/getting-around/">Find us</a></p>
</div>
<div>
   <h2>About the website</h2>
   <p><a href="/english/about/regulations/privacy-declarations/privacy-policy-web.html">Cookies</a><br>
   <a href="/english/about/designmanual/profile-elements/main-principles/ https:/uustatus.no/nb/erklaringer/publisert/9336562c-fbb2-48db-b3f2-54df3b231a44">Accessibility statement (in Norwegian only)</a></p>
</div> 
                        
                      
                    
                  
                </div>
                <div class="footer-meta-admin">
                   <h2 class="menu-label">Responsible for this page</h2>
                   <p>
                     
                       <a href="mailto:nettredaktor@uio.no">Managing editor UiO</a>
                     
                   </p>
                   




    <div class="vrtx-login-manage-component">
      <a href="/english/about/designmanual/profile-elements/main-principles/index.html?authTarget"
         class="vrtx-login-manage-link"
         rel="nofollow">
        Log in
      </a>
    </div>



                </div>
              </div>
            
        </div>
    </footer>
    

      
         
      
      

<!--a4d1bc0e1742c08b--><script style="display: none;">
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script><!--/a4d1bc0e1742c08b--></body>
</html>
