♻️

Typography

These are the links for nice typeface other than Google Fonts. (Google Fonts are great but tends to be over-used.)

Open Source:

• Studio Feixen: Studio Feixen is a swiss based design company. They are committed to creating good looking stuff to make the world a better place.
• Extraset: Extraset is an independent Swiss type foundry established in Geneva.
• Collletttivo: Collletttivo is an Open-Source type foundry established in 2017 in Milan, a network of people promoting the practice of type design through mutual exchange and collaboration.
• Bad Type Club: Bad Type Club is an experimental type foundry established in 2017, located in Covington, Kentucky.

CLosed Source:

• Adobe Fonts: Who doesn’t go to Adobe Fonts.
• Pangram Pangram: Pangram Pangram was established in 2018. Located in Canada. Their PP Editorial Old is used in this site!
• Grilli Type: Grilli Type is founded in late 2009, located in Switzerland. I love GT Alpina.
• Heofler&Co: Who doesn’t admire Hoefler.
• Klim Typ eFoundry (Klim): Founded in 2005 and is based in Te Whanganui-a-Tara/Wellington, Aotearoa/New Zealand. Pitch is a cute family.
• Lost Type: Operated and Managed by Riley Cran (and originally co-founded with Tyler Galpin), Lost Type is the first of its kind, a Pay-What-You-Want type foundry.
• Margot Lévêque: Margot Lévêque is a French Type Designer and Type Strategist currently based in New York. Three typefaces area available, and they are elegant and legible.
• MCKL: Los Angeles-based independent type foundry and design studio founded in 2012 by Jeremy Mickel. Some of their typefaces are available on Adobe fonts.

---

Color Palette

Color palette generator and sites to help check color pairing.

Generator

• Color Palette Pro
• Randomea11y

---

Go-To Platform

These are the links to platforms to check out what is out there.

Curated Platform:

• One Page Love
• Siteinspire
• Godly

Awards site:

• Awwwards

---

My Picks

These are the links for inspirational websites I found.

• Swiss in CSS animation: Done by Jon Yablonski
• Diller Scofidio + Renfro (DS+R): Transition animation.
• Jordan Gilroy: Nuanced animation, transition experience.
• Anastasia Vakarenko: Feel-good animation, color control.
• Felix Hieronimus: Delicate typography, hover effect, animation.
• Antoine Wodniack: Bold color & typography, smooth animation & cadence.
• Steven Hanley: Big, bold case study.
• Demilade Olaleye: Print texture on text.
• Francesca Moura: Case study cadence.
• Druhin Tarafder: Fun transition experience and hover effect.
• Rumsey Taylor: Interactive case study, corresponding text and imagery, and scroll animation. He works for NYT (duh!)
• Smart Business: Stacking/overlapping sections.
• Hoodzpah: Color shifting background, animation, framing.
• Won J You: Animation, typography, bold aesthetic.
• Magneti Marelli 100 anniversary: Scroll animation and beautiful design.
• Nippori Seminar / 日暮里ゼミナール: JP + EN, interesting typography, scroll animation. (Their English is not perfect.)
• Ao Dai: This is really cool. Shout out to Vivian!
• Schultzschultz: Strong bold visuals. They have custom made free-to-use browser-based tools as well.
• Web Font Stylebook: Japanese typography on WEB.
• Uncommon Fruits
• Milez: Scroll animation, aesthetic
• Harken: Swiper?