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. Its type is set in DM Sans, anchored by a #fea501 palette. 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.
