Style Guide
Visual reference for all components used in blog posts.
Headings
Heading 1 — หัวข้อหลัก
Heading 2 — หัวข้อรอง
Heading 3 — หัวข้อย่อย
Heading 4
Paragraphs
This is a regular paragraph with bold text, italic text, and a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
นี่คือย่อหน้าภาษาไทย ที่มีตัวหนา ตัวเอียง และลิงก์ด้วย
Blockquote
"The impediment to action advances action. What stands in the way becomes the way."
— Marcus Aurelius
Lists
Unordered
- First item
- Second item with bold
- Third item with a link
Ordered
- Step one
- Step two
- Step three
Code
Inline code: npm run build
// Code block
const hello = 'world';
console.log(hello); Horizontal Rule
Footnotes
Components
Tags
Post Type Badges
Essay Note Lesson Story
Buttons
Colors
#0f3d32
#a8d3bf
#fafafa