Set up style guide - Githubissues

teknologi-umum / design

The Teknum Design System

https://teknologi-umum.github.io/design/

GNU General Public License v3.0

2 stars 0 forks source link

Set up style guide #2

Open ronnygunawan opened 3 years ago

ronnygunawan commented 3 years ago

Style guide is the first section in the test page which contains:

Typefaces
Font styles
Color palettes (both light and dark theme)
Paragraph styles
Button styles
Textbox styles

aldy505 commented 3 years ago

A few proposal for typefaces:

Serif:

Lusitana (https://fonts.google.com/specimen/Lusitana)

Sans-serif:

Sarabun (https://fonts.google.com/specimen/Sarabun)
Rubik (https://fonts.google.com/specimen/Rubik)

Monospace:

JetBrains Mono (https://fonts.google.com/specimen/JetBrains+Mono)
Noto Sans Mono (https://fonts.google.com/noto/specimen/Noto+Sans+Mono)

cc @elianiva @rubichandrap

aldy505 commented 3 years ago

As of the color palette, I implemented a TailwindCSS palette for the blog repo here:

https://github.com/teknologi-umum/blog/blob/d82396c859160048c241f286ed9bc563a1306606/tailwind.config.js#L11-L54