Pencil
pencil.dev/
Pencil is a Design product. See its pencil.dev landing page design in full — desktop and mobile screenshots plus close-ups of the hero, features and footer. It's built with Next.js and Tailwind CSS. Study how Pencil structures its messaging, layout and visual hierarchy, then explore more of the best Design website designs.
- Category
- Design
- Meta title
- Pencil – Design on canvas. Land in code.
- Stack
- Next.jsTailwind CSS
- Typography
- DisplayDM SansBodyRubik
- Palette
- Sections
- 03
- Updated
pencil.dev/
Pencil's landing page, section by section
Each section below is cropped straight from Pencil's live page — useful references for design landing page design.
