Terras Miami
Rooftop bar in Little Havana, Miami
Overview
Modern web platform for a rooftop bar in Miami, marking a transition to design system workflows and modern frontend frameworks.
Highlights
- 01Transitioned from template-based to component-driven development
- 02Implemented semantic design tokens for flexible theming
- 03Used branded Figma components and custom blocks to speed up handoff to development
- 04Built with modern React frameworks and utility-first CSS
Tech stack
Detail
This project marked an important technical transition. Previous work relied mainly on WordPress and static HTML/CSS templates. With Terras, I moved toward modern frontend development and design system workflows.
The shift involved implementing semantic design tokens for fast theme changes, working with a component library, and preparing branded component sets and selected custom blocks in Figma rather than fully designing every screen there first. Theme variables were then carried into the Tailwind setup, which made it possible to validate the visual system in Figma and move into development quickly. This project established a more scalable design and development workflow compared to traditional template-based websites.