Evernote Brand Identity

A complete profile of Evernote's visual system — colors, typography, components, and personality — extracted from https://evernote.com. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/evernote
• Machine-readable JSON: https://characterquilt.com/branding/evernote.json
• Per-page llms.txt: https://characterquilt.com/branding/evernote/llms.txt

Quick Facts

Color Palette

• primary: #94E130
• secondary: #9CA3AF
• accent: #94E130
• background: #F9F6F2
• textPrimary: #141414
• link: #DFE0F4

Typography

• primary: Figtree — https://fonts.google.com/specimen/Figtree
• heading: Figtree — https://fonts.google.com/specimen/Figtree

Visual Assets

• Logo: https://evernote.com/_next/static/media/evernote-logo.86b04f42.svg

UI Components

• buttonPrimary: background=#94E130, textColor=#FFFFFF, borderRadius=5px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#000000, borderColor=#A1A1A1, borderRadius=5px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy individuals and professionals

Evernote Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• ➡️ Stay in flow while organizing with smarter Move & Delete behavior - Evernote - Product Updates
  • Image: https://img.announcekit.app/558e64b595e35eb255d679bec653e5f1?s=3c856d1e3d3636ccea51cac77e380bea
  • Source: https://product.evernote.com/stay-in-flow-while-organizing-with-smarter-move-delete-behavior-4jfTsA
• Spaces, Stacks & Notebooks: What's the difference and when to use them?
  • Image: https://images.prismic.io/evernote/Z8GVpp7c43Q3gXUY_EVMarketingBlogCover-1-.png?auto=format,compress
  • Source: https://evernote.com/blog/spaces-stacks-notebooks
• Evernote blog
  • Image: https://images.prismic.io/evernote/aWqTFAIvOtkhBqey_blog_01.png?auto=format,compress
  • Source: https://evernote.com/blog
• Evernote blog
  • Image: https://images.prismic.io/evernote/aGeUh3fc4bHWjC1A_blog_03.png?auto=format,compress
  • Source: https://evernote.com/blog
• Share your spaces for maximum collaboration 🤝 - Evernote - Product Updates
  • Image: https://img.announcekit.app/2adf4c5aa3b440e22083f7c85bd02370?s=09d7de3a04bcdb9f66ec66c022f36b6d
  • Source: https://product.evernote.com/share-your-spaces-for-maximum-collaboration-3D5DuU
• How to Organize Big Writing Projects in Evernote
  • Image: https://images.prismic.io/evernote/NzE4NTcyNTMtOGUzNC00OGM3LTliYmEtZmM0Mzc0NzA1N2U5_c1300_blogart_3waystoorganizenanowrimo_hero.jpg?auto=compress%2Cformat&rect=0%2C0%2C2048%2C788&w=3840&fit=max
  • Source: https://evernote.com/blog/how-to-organize-big-writing-projects

Working with these fonts

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.