folıos
folıos
Enviar portfolio
folıos

Portfolios elegidos a mano para inspirarte y encontrar gente con quien trabajar.

En colaboración con MardelPlataDEV

Explorar

  • Todos los portfolios
  • Guardados
  • Sorpréndeme

Recién llegados

  • Merijn Hos
  • Selina Turfus
  • Dave Lee
  • Cristina Martínez
  • Daniella Marynova

¿Conoces un portfolio que debería estar?

Enviar portfolio

¿Uno de estos es tuyo?

Entra a su ficha y pide un cambio, marcarte disponible para trabajar o que lo quitemos.

Cada web es de su autor. Aquí solo la mostramos y enlazamos.

© 2026 folios

folıos
ExplorarGuardados
ExplorarGuardados
enes
enes
Explorar
belleduffner.com
En vivo
Cargando la web en vivo…

Belle Duffner

Diseño de producto

Compartir este portfolio

Así se verá al compartirlo
XLinkedInWhatsAppBlueskyThreadsTelegramFacebookCorreo
Visitar web

En otras redes

LinkedInEmail

Tecnologías

Estilo

Claro

Lo que dice la propia web

Título
Belle Duffner
Descripción
Product & Brand designer who makes some magic 💻✨
Idioma
inglés
Agregado
4 nov 2026
Capturado
4 nov 2026

Análisis de diseño

Cómo está hecha la web de Belle Duffner

Leído el 4 nov 2026

Colores, tipografías, formas y movimiento leídos de la página en vivo. Está para aprender: el diseño es de Belle Duffner.

Muestra armada con sus tokens
AaExposure Trial -20Apercu Regular

Belle Duffner

Este bloque no es una copia de la web: está armado solo con los colores, tipografías y esquinas que leímos de ella.

Acción principalSecundaria

Tipografías

  • Exposure Trial -20Títulos
    Aa398
  • Apercu RegularTexto
    Aa400

Tamaños de letra

  • 36pxPortfolio
  • 31pxPortfolio
  • 20pxPortfolio
  • 18pxPortfolio
  • 17pxPortfolio
  • 16pxPortfolio
  • 14pxPortfolio

Esquinas y espaciado

6pxpíldora

Espaciado

10151820304048100

Patrones reconocidos

  • Tema claroFondo claro con texto oscuro.
  • MonocromoSolo grises, blanco y negro; sin color de acento.
  • Botones píldoraBotones y etiquetas con bordes totalmente redondos.
  • Cursor propioReemplaza el puntero del mouse por uno diseñado.
  • MotionAnimado con MotionUsa Motion (ex Framer Motion) para animar en React.

¿Es tuyo y prefieres que no lo mostremos? Pide que lo quitemos

Encontramos esto, pero un patrón suelto no suma puntos: hacen falta varios juntos, o un rastro directo de un generador.

  • AaTipografía de siempreTodo el texto en la fuente que ponen por defecto (Inter, Poppins o la del sistema).sans-serif

Estimación automática de folios.directory, medida el 4 nov 2026. Si se equivoca, el error es nuestro. Usar IA no tiene nada de malo: solo muestra cuánto se acerca un sitio a lo que trae un generador por defecto.

Avisar de un error

¿Es tu portfolio?

Belle Duffner

belleduffner.com

Pedir un cambioEstoy disponible

Más como este

  • Selina TurfusDiseño de productoReino Unido
  • Dave LeeDiseño de producto
  • Cristina MartínezDiseño de producto
  • Daniella MarynovaDiseño de producto
  • Jenny DuDiseño de producto
  • Ryan QuintalDiseño de producto
  • Kevin CheungDiseño de producto
  • Jonathan BaekDiseño de producto