AllTrails Homepage (iOS)

I recreated the homepage of the AllTrails app in Figma. Some things learned:

  • I’m 99% sure AllTrails uses the Phosphor Icons pack.
  • The font is close to San Francisco, but it’s not quite San Francisco. (For example, the descender in the Y is curved in San Francisco, but not in the actual text of the app.) Since I’m under a time constraint for this, I didn’t try to figure out the difference; it was close enough.

Also, a new Figma plugin discovery: TinyImage Compressor, which allowed me to export this into WebP.