Port
Portal Apps
Productos digitales de alta utilidad
v1.0.0

Sistema de Diseño

Componentes, tokens y mockups para productos digitales

Paleta de color

bg-base
#0B0E14
bg-surface
#12151C
accent-primary
#2F6FFF
accent-secondary
#FF2E93
accent-tertiary
#B6FF3C
text-primary
#F5F5F7
text-secondary
#9AA0A6

typography

Inter 800 · H1

Construí productos que la gente ama

JetBrains Mono 700 · Badges
BUNDLENUEVO$47 USD
Newsreader 600 italic · Editorial

"Cada mockup cuenta una historia. Cada pixel tiene intención."

Abyssinica SIL 400 · WordmarkPort· solo wordmark, nunca en UI funcional

Mockups de dispositivo

Laptop
Phone
Tablet
Combo Bundle

Componentes

Status Badges
DISEÑOEN PROGRESOCOMPLETADO
Progress Bar
12/ 20
Botones
Uso de tokens
tokens.color.accentPrimarytokens.color.accentSecondary

Glow & Sombras

Glow Blue
Glow Magenta
Glow Green
Card Shadow

Espaciado

xs
4px
sm
8px
md
16px
lg
24px
xl
48px

DESIGN.md · Token System v1.0.0 · Abrí C:\Portal-apps\DESIGN.md para la guía completa