FigmaDesign SystemWeb DesignTypography
Fangoria Design System
A robust design system built to scale across desktop and mobile, serving as the foundation for a full Fangoria.com redesign. Typography, color, and component architecture built for horror.
Designed a comprehensive design system for Fangoria.com — the landmark horror entertainment brand — to power a full website redesign. The system needed to carry Fangoria’s decades of print identity into a digital product that works at scale.
Scope
- Color system, typography scale, and spacing tokens
- Component library covering editorial layouts, article cards, navigation, and media
- Responsive behavior documented for desktop and mobile breakpoints
Design decisions
- Leaned into Fangoria’s red-and-black print heritage rather than sanitizing it for the web
- Condensed display type for headlines matches the magazine’s aggressive editorial voice
- System built in Figma with auto-layout components that map directly to developer handoff
