Alpha AcademyDESIGN.md alpha
Alpha Academy is designed to make Thai secondary students feel confident and motivated. The palette combines trustworthy indigo (การเรียน) with warm amber (แรงบันดาลใจ) and fresh green (ความก้าวหน้า). Thai-friendly typography with Prompt for headers and Sarabun for body text ensures readability across devices.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Corner Radius
Spacing
Base: 4pxAlpha Academy is designed to make Thai secondary students feel confident and motivated. The palette combines trustworthy indigo (การเรียน) with warm amber (แรงบันดาลใจ) and fresh green (ความก้าวหน้า). Thai-friendly typography with Prompt for headers and Sarabun for body text ensures readability across devices.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Progress Bar
default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here