Studio website and design system including guidelines, typography components and grid framework.

Studio mobile-first responsive website. Guidelines for typography, mobile first responsive website and native app layout, presentation, and UX documentation. Responsive grid framework in SCSS. Typography styled components for React JS and Native.

  • Role - Visual. UI.
  • Deliverable - Responsive Website. Guidelines. Grid Framework. Typography Components.
  • Tool - Sketch. HTML/SCSS. CSS-in-JS.

Thyhive Site

Studio mobile first responsive site.

layout

Layout Guideline

Sketch layout setting and SCSS framework

layout

layout

layout

Typography Guideline

Typeface, fonts for web and iOS Native in Sketch and Styled Component.

typeface

typeface

typeface

typeface

typeface

typeface

Documentation Guidelines

For user persona, user flow and slide.

user persona