Hack@Home is a free, 4-day virtual hackathon hosted by Full Stack at Brown open to high school and college students that debuted in the midst of a pandemic. The event hosted 350 students of varying (or no) coding experience and consisted of competitive workshops, discussion panels, speakers, a Brown University Minecraft server, and more.

[Hover over and experience our 3D website above or check it out on the full screen here, developed by Johnny Roy and Clara Guo.](https://fullstackatbrown.github.io/hack-at-home/home.html)

Hover over and experience our 3D website above or check it out on the full screen here, developed by Johnny Roy and Clara Guo.


Approach

As design lead, I conceptualised the hackathon's main theme — a very literal interpretation of what it's like to hack while stuck at "home" during a pandemic, with the "home" that we tried to visualise modelled from an off-campus apartment. The visual identity was largely inspired by posters with minimalist, colourful landscapes like these, which use large, flat, blocks of colour to imply the existence of 3D space. Alongside Trent Kim, I learned how to model and render in Blender; in terms of work flow, Trent focused more on the layout and rendering of graphics, while I spent more time modelling.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5556aae7-9f3b-47dc-9366-79f2c71d2790/Artboard_2_copy_21.png

Logo & Style Guide

The logo simply encapsulates the two elements of the event, with the HTML syntax alluding to the "hack" and the emoji-like house signalling to the "home". The house is drawn with the same line weight and rounded caps as the Cutive Mono typeface to make it seem believably part of the family, while the monospaced typeface nods to the fonts used in programming but has a wide, relaxed twist to it.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/053a0696-45f9-40b5-b2ef-eec7960b11f8/style_guide_horz.png


Website

[Hover over and experience our 2D/3D website above or check it out on the full screen here, developed by Johnny Roy and Emily Wu](https://fullstackatbrown.github.io/hack-at-home/)

Hover over and experience our 2D/3D website above or check it out on the full screen here, developed by Johnny Roy and Emily Wu


Publicity Graphics

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ffb9c7f8-31cf-4c3c-a0d1-4cc4c0f32855/Artboard_21.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b4c18cde-597d-4203-b341-d32fbcb68cdc/linux_fb_date.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/244486d3-987c-4e8f-88bf-e0c68d858535/react_square_date.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ca5de1d3-5f55-4ab7-a08c-87636bd2072e/python_fb_twitter_date.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4c03c95b-7c5f-4775-bdba-7acbb84dbad3/assembly_square_date.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3fcdb4da-1efc-40e5-befc-b450418a9f32/graphql_ig.png

Special thanks to Trent Lowe