Skip to content

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

  1. Step one
  2. Step two
  3. Step three

Code

Inline code: npm run build

// Code block
const hello = 'world';
console.log(hello);

Horizontal Rule


Footnotes

This text has a footnote[1] and another one[2].

Components

Tags

Post Type Badges

Essay Note Lesson Story

Buttons

Colors

#0f3d32
#a8d3bf
#fafafa