ipfs / ipfs-gui

Creating standards and patterns for IPFS that are simple, accessible, reusable, and beautiful
105 stars 17 forks source link

What is the ipfs font? #22

Closed olizilla closed 4 years ago

olizilla commented 6 years ago

it would be good to have a font that can be used for fancy headers across ipfs-companion, ipfs-desktop and ipfs-dashboard, and any other ipfs apps.

https://ipfs.io currently uses Brandon Text - https://www.myfonts.com/fonts/hvdfonts/brandon-text/

screenshot 2018-01-09 10 36 16

Who is the license holder for the copy that is currently used on ipfs.io?

The license is here: http://www.myfonts.com/viewlicense?type=web&buildid=3229221

The license seems pretty standard, but somewhat restrictive:

Use of the Licensed Web Fonts with technologies other than @font-face, such as sIFR, Cufón or Typeface.js, is not allowed.

You must retain the page view tracking code, as supplied in the Web Font Kit, on all Websites that Use the Licensed Web Fonts.

The Licensed Web Fonts may be used on any Website owned or controlled by you (subject to the next bullet point). The total traffic, measured in page views, of all Websites Using a Licensed Web Font must be no greater than the number of page views specified in your account at located at www.myfonts.com

At time of purchase, it seems that number of page views specified in your account was set 10,000 / per month

Settling on a more permissively licensed font would be great.

olizilla commented 6 years ago

@akrych aside from license issues, will you be reviewing the ipfs fonts as part of the new brand guide work?

akrych commented 6 years ago

@akrych aside from license issues, will you be reviewing the ipfs fonts as part of the new brand guide work?

@olizilla Yes :) 👍

Made some "table of contents" plan:

Introduction

  1. What is IPFS?
  2. The brand essence

Logo

  1. Orgins of logo
  2. Construction
  3. The variations
  4. Monochrome variations
  5. Color variations
  6. Logo on backgrounds
  7. Clear space of logo
  8. Minimal size
  9. Prohibited use
  10. Use on backgrounds

Visual identity

  1. Colors
  2. Typography
  3. Icons
  4. Illustrations

Let me know if you want to add something :)

olizilla commented 6 years ago

@akrych thats good to know. thanks! That's a good list, I've nothing to add. We can grow it over time. What format are you thinking of publishing it as? I'd be happy to help build out as a website so people can link to it.

akrych commented 6 years ago

@olizilla The first thing is to have a "book" - I mean made in inDesign *.PDF file. And I think here about 2 documents - biger (full brand book) and smaller (handy version to download from page). Ideally, if we would also have a guideline website on IPFS subpage with some basic info about logo/identity.

olizilla commented 6 years ago

Just a thought, but I feel like the ipfs crowd is a "web first" kinda crew. I might be worth thinking about the brand book as a website from the start.

akrych commented 6 years ago

@olizilla - Sure, we just need to know if we have enough people/time/etc to do it :D but yeah, sure!

LinusEkenstam commented 6 years ago

Hey @akrych and @olizilla - I'd love to help out in what ever way I can. Let me know what you need a hand with.

akrych commented 6 years ago

@olizilla - What do you think about change "Brandon Text" to "Montserrat" font? https://github.com/JulietaUla/Montserrat

new_font

olizilla commented 6 years ago

I like it for use in headers and hero sections, and I like that it's open licensed. I'm mildly against using it for main copy.

Coming from a web dev background, I have a strong bias for using the whatever the users current os system font is for longer sections of text; it avoids the layout jiggling around when as the custom web font loads, and is generally optimised for legibility at all sizes, and feels familiar by blending in with the OS interface.

Do you have any others in the short list?

akrych commented 6 years ago

Sure, we can just add safe web font - maybe Verdana? It pair pretty good with "Montserrat" font

new_font

olizilla commented 6 years ago

As a data point for the current situation, ipfs-deskopt is currently using the "Inter UI" font family - https://github.com/rsms/inter

LinusEkenstam commented 6 years ago

@olizilla - I think Rasmus has done an incredible job with Inter, and if possible you should stick with it. It's pure typeface love.

ericronne commented 5 years ago

@akrych / @olizilla is this closable? (note: we may take another look at brand typography down the road)

jessicaschilling commented 4 years ago

Closing for now -- we'll be examining typefaces as a whole as part of reworking ipfs.io (and a parent branding effort as a whole), hopefully later this year.