Skip to content

Menu
Websites
- Category
- ★Portfolio
- ★Landing Page
- ★Digital Product
- ★Launching Soon
- ★App
- ★Service
- ★Personal
- ★Event
- ★Informational
- ★Music Related
- ★Experimental
- ★Restaurant
- ★Finance
- ★Photography
- ★Startup
- ★SaaS
- ★Game
- ★Physical Product
- ★E-commerce
- ★Sport
- Style
- ★Illustrative
- ★Scroll Effects
- ★Minimal
- ★Flat Design
- ★Typographic
- ★Fun
- ★Horizontal Layout
- ★Retro & Vintage
- ★3D
- ★Gradients
- ★Brutalism
- ★Narrow Layout
- ★Grunge
- ★Modular Layout
- ★Glassmorphism
- ★Futuristic
- ★Pixel Art
- ★Editorial
- ★Bold
- ★Glitch
- ★Grid Layout
- ★Luxury
- ★Skeuomorphism
- ★Corporate
- Platform
- Webflow
- WordPress
- Framer
- Squarespace
- Craft CMS
- Shopify
- Readymag
- Elementor
- Carrd
- Wix
- Kirby CMS
- Figma
- Tech
- Tailwind CSS
- GSAP
- Next.js
- Bootstrap
- Lottie
- Vue.js
- Three.js
- React
Sections
Typefaces
Templates
- Browse
- All Templates
- Premium
- Free
- Category
- ★Landing Page
- ★Website Builder
- ★Portfolio
- ★Multipurpose
- ★No-Code
- ★Personal
- ★App
- ★Résumé
- ★Launching Soon
- ★Event
- ★Service
- ★Photography
- ★Restaurant
- ★E-commerce
- ★Wedding
- ★Music Related
- ★UI Kit
- ★Digital Product
- ★Sport
- ★SaaS
- ★Physical Product
- ★Startup
- ★Informational
- ★Announcement
- ★Case Study
- ★Single Serving
- ★Annual Report
- ★Travel and Tourism
- ★Real Estate and Architecture
- Platform
- Framer
- Webflow
- WordPress
- Squarespace
- Carrd
- Elementor
- Figma
- Wix
- Readymag
- B12
- Shadcnblocks
- Figma Sites
- Shopify
- Tech
- HTML
- Bootstrap
- Tailwind CSS
- Next.js
- Astro
- jQuery
- GSAP
- Laravel
- shadcn/ui
MCP

Search

Granola Mobile Preview

Mobile hero view

Granola

Created by

Granola

Tons of tasty component designs throughout this One Pager for Granola AI notepad. We spotlighted this site in Love Letter #63.

Tech shadcn/ui, Tailwind CSS

Typefaces Radion

Category App, Digital Product, Landing Page

Color Green

Features

Customer Employer Logos Eyebrow Text Header Navigation How It Works Navigation Screenshots

Social Proof Artificial Intelligence (AI)Long Scrolling Looping Product Demo Mesh Gradients Product Demo

Published 5 Jul 2025 Report an issue

Granola Website Screenshot

Sections on this page

Header Navigation section — Header Navigation

Eyebrow Text section — Eyebrow Text

Screenshots section — Screenshots

Customer Employer Logos section — Customer Employer Logos

How It Works section — How It Works

Similar websites

Badgey

App Digital Product Landing Page

mappy

App Landing Page

Eight Shot

App Digital Product Landing Page

Resurf

App Digital Product

Kizupi

App Digital Product SaaS

Pairio

App Digital Product SaaS

View all websites →

Website categories

Portfolio

Landing Page

Digital Product

Launching Soon

App

Service

Our favorite websites, every two weeks

Join thousands of designers reading the Love Letter. Unsubscribe anytime

Preview of Love Letter 93

Preview of Love Letter 94

Preview of Love Letter 95

Read the latest issue ↗

Explore

Websites
Page sections
Typefaces
Templates
Favicons

Resources

Design glossary
Font pairings
Font alternatives
Articles
Tools
MCP
API

One Page Love

About
Hire a designer
Submit a website
Sponsor
Newsletter archive

Follow along

One Page Love · Hand-picked since 2008

Legal Notice
Privacy