Design system
Weblogy style guide
Use this guide to maintain visual and editorial consistency across our experiences. It covers typography, color, component anatomy, and interaction notes.
Typography
Headings Plus Jakarta Sans
Heading One
Heading Two
Heading Three
Body Plus Jakarta Sans
Our voice is precise, generous, and curious. We write in active voice and prefer shorter sentences when explaining complex systems.
Color palette
Primary
#6366F1
Primary 100
#E0E7FF
Accent
#F97316
Ink
#101828
Surface
#F8FBFF
Components
Tag component
Buttons use full rounding to reinforce our soft, editorial aesthetic. Hover states increase elevation or adjust border color to suggest interactivity without being loud.