Granola

Granola homepage featuring a minimalist, high-contrast design with large serif typography. The hero section displays the headline "The AI notepad for people in back-to-back meetings" above a Download for Mac button and a split-screen UI demonstration showing notes and transcripts. A clean, white and dark grey palette defines the professional SaaS aesthetic.Granola mobile homepage with a stacked layout and centered typography. The hero headline is followed by prominent call-to-action buttons for Download for iPhone and Get the Desktop app, utilizing a simplified single-column flow for easy scrolling.

Granola approaches the productivity space with a calm, editorial sensibility that prioritizes clarity over hype. Instead of the typical high-energy tech aesthetic, the site uses a sophisticated serif typeface and a muted, organic color palette to signal a tool built for thoughtful reflection rather than frantic multitasking. The landing page rhythm moves from a bold, centered hero statement into structured sections that demonstrate how raw conversation transforms into organized intelligence, mirroring the product's core utility. Large-scale typography anchors the layout, creating a sense of authority and permanence. The interface utilizes generous whitespace and soft, rounded containers to organize information, avoiding the cluttered density common in SaaS platforms. A notable design choice is the integration of social proof through a grid of conversational, Twitter-style cards that feel tactile and human. This layout choice breaks the rigid structure of the page, injecting a sense of community and real-world validation into the technical product narrative.

Industry

Design

Colors
Buckets
Palette
#FEFEFE
#DDDDDB
#AFAEAA
#7E786F
#343436
#616F06

Technology

Cookie compliance
JavaScript frameworks
Miscellaneous
Programming languages
Security
Surveys
Web frameworks
Pagespeed
Desktop
61
Performance
82
Accessibility
54
Best Practices
100
SEO
Mobile
45
Performance
82
Accessibility
54
Best Practices
92
SEO
Related websites
Advertisement
Learn more

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.