FigmaDesign SystemWeb DesignTypography
Fangoria Design System
A design system for Fangoria.com covering typography, color, and components. Built for horror and built to last. Foundation for a full site redesign across desktop and mobile.
Built the design system for Fangoria.com, the landmark horror entertainment brand, to power a full website redesign. The challenge was carrying Fangoria’s decades of print identity into a digital product without losing the edge.
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 to developer handoff
