Skip to content

Noon

noon.design/

Noon's homepage opens with a design-system-styled hero, "Let design build," and layers actual UI component specimens (a headline block, button, text input, radio input, slider) with their exact type specs shown alongside — 1.375rem, -.05em tracking, "text-primary" — directly in the marketing page itself, so the components on display are the same primitives the product presumably outputs. Copy underneath reads as a tribute to product designers: "For years, one group of people has quietly labored behind the scenes, building the landscape of the internet... The people who sweat the small stuff." A banner announces a $44M fundraise, and the CTA throughout is "Join early access," indicating the product isn't yet broadly available.

Category
Graphics & Design
Style
LightMinimal
Stack
Next.jsCSS-in-JS
Fonts
NoonSans
Palette
Meta title
Noon: The new home for product design
Sections
2
Updated

Noon's landing page, section by section

Each section below is cropped straight from Noon's live page — useful references for graphics & design landing page design.

Onuniverse landing page design
Onuniverse
Graphics & Designonuniverse.com/
Penpot landing page design
Penpot
Graphics & Designpenpot.app/
Cosmos landing page design
Cosmos
Graphics & Designcosmos.so/
Paper landing page design
Paper
Graphics & Designpaper.design/
Magicpath landing page design
Magicpath
Graphics & Designmagicpath.ai/
Brila landing page design
Brila
Graphics & Designbrila.ai/