How Do I Docs? — Design

The design document for How Do I Docs.

Site Source · Design · Documentation · Templates

Logo

The project logo is OpenMoji's 270D emoji (color) with the background color #98971a, hand color #fbf1c7, pen color #a89984, and stroke color #282828.

Colors

The gruvbox dark color palette is used, with the colors used for the main page somewhat replicating the Fall 2023 HackRU colors (green, dark brown, light tan, white).

They are utilized in the following manner:

bg0	fg	green	yellow	orange	blue	purple
#282828	#ebdbb2	#98971a	#d79921	#d65d0e	#458588	#b16286
Page backgrounds	Body text	Homepage	"The Essentials" page	"Dive Deeper" page	"Deploy It" page	"What Now" page

Typography

The site uses Rasmus Andersson's Inter typeface for clear and easy readability. The weights are as following:

Style	Weight
h1	900
h2, strong, b	700
Everything else	400

Social Banner

Additional Resources

• Site Repository
• Templates Repository
• Documentation Site

Credits

• Logo based on writing emoji from OpenMoji
• Interface font used is Rasmus Andersson's Inter
• Substantial content pulled from The Good Docs Project
• Documentation site template is from Just the Docs

Terms of use

How Do I Docs is licensed under the MIT license.