Saltar al contenido
SaaS / Producto

Notion

Notion construye una identidad de producto cálida y nítida sobre una base casi monocroma, donde ilustraciones a línea, capturas de interfaz y mucho aire dejan respirar a una jerarquía tipográfica impecable. El detalle vive en la coherencia: bloques modulares, microacentos de color y una pulcritud editorial que hace que un SaaS complejo se sienta accesible y humano.

MinimalEditorialClaroIlustración
notion.com Escritorio
Captura completa de notion.com en escritorio
Captura completa de notion.com en móvil
Móvil

Capturas de la web real. Desplázate dentro de cada marco para recorrerla.

La sensación

Claridad amable y orden productivo: tecnología sin frialdad.

Sistema de diseño Extraído de la web

Colores

Fondo
#ffffff
Texto
#000000
Acento
#0075de
Superficie
#f7f7f5
Borde
#000000
Paleta: #0075de #ffffff #000000 #111111

Tipografía

NotionInter Titulares
Escala 96px54px20px14px

Pesos: 400 · 600 · 700 · tracking titular -1.5px

Espaciado, bordes y layout

Escala de espaciado
4 · 8 · 12 · 16 px
Unidad base
4px
Radios
8px · 12px · Pastilla · 4px
Borde
1px #000000

Referencia de estilo de un tercero. AIGiner no está afiliada ni patrocinada por Notion; la marca, el diseño y el contenido pertenecen a sus titulares. Se muestra con fines ilustrativos. ¿Eres el titular y prefieres que lo retiremos? Escríbenos.

Páginas parecidas

Ver todas
webflow.com
Captura de la web de Webflow

Diseñamos webs a este nivel

Cuéntanos tu marca, lanzamiento o evento y te proponemos una web creativa con esta atención al detalle y este acabado.