Polarix.io
    Polarix.io
    • Introduction to the Polarix.io API
    • Polarix.io Interface & Branding
    • Authentication
      POST
    • Users
      GET
    • Project List
      GET
    • Project
      GET
    • Project Structure
      GET
    • Project Lexicon
      GET
    • Project Glossary
      GET
    • Project Tags
      GET
    • Project Items
      GET
    • Project Abbreviations
      GET
    • Project References
      GET
    • Project History
      GET

    Polarix.io Interface & Branding

    When using Polarix.io's data you may opt to use the same visual styles to denote that the content is being derived and managed by Polarix.io, below is a simple guide to some of our interface elements that you may wish to emply in your app.

    Logo / Brand#

    The Polarix.io 'P' can be used to denote any Polarix.io content or interface. This brand image is designed for a light background only and must NOT be used on dark backgrounds

    Polarix Symbol (rgb).png


    The Polarix.io main brand sshould be used only for views where the main brand is appropriate such as login screens or information screens. This brand image is designed for a light background only and must NOT be used on dark backgrounds

    Polarix Logo Tagline (rgb).png

    Colors#

    The main colors used by Polarix.io are (Listed with their variable names)
    $primary-01-darkest: #000939;
    $primary-01-darker: #020F6E;
    $primary-01-dark: #051699;
    $primary-01: #1E31BF;
    $primary-01-light: #BCC6FF;
    $primary-01-lighter: #E6EAFF;
    $primary-01-lightest: #F5F7FA;
    $primary-01-extra-light: #F5F7FA;
    $primary-01-extra-extra-light: #fbfbfd;
    
    $secondary-01-darkest: #000000;
    $secondary-01-darker: #15141E;
    $secondary-01-dark: #525252;
    $secondary-01: #757575;
    $secondary-01-light: #AAAAAA;
    $secondary-01-lighter: #CCCCCC;
    $secondary-01-lightest: #EBEBEB;
    Colors are used to denote hierachy within the interface for example, the title of an item will use $primary-01 where as the content will use $secondary-01-darker see the image below
    Image of Polarix.io content item

    Typography#

    Polarix.io uses the following Google fonts for it's interface:

    Titles = Poppins
    Content Body = Noto Sans
    Previous
    Introduction to the Polarix.io API
    Next
    Authentication
    Built with