- Added favicon.ico and favicon.svg from dealplustech.co.th
- Added typography guidance comment in globals.css
- NO automatic font size changes
- Use .text-base (16px) minimum for readable text
- .text-xs: 1rem (16px) instead of 0.75rem (12px)
- .text-sm: 1rem (16px) instead of 0.875rem (14px)
- Large screens (1280px+): 1.125rem (18px)
- Extra large (1536px+): 1.25rem (20px)
Ensures minimum readable text size on all screens.
- Base font: unchanged (16px default)
- Large screens (1280px+): 17px base (+1px only)
- Extra large (1536px+): 18px base (+2px only)
- .text-small: text-sm md:text-base (increased on medium+ screens)
Only smallest text increased, not all text sizes.
- Base font: 18px (was 16px)
- Large screens (1280px+): 20px
- Extra large (1536px+): 22px
- Ultra large (1920px+): 24px
- Buttons: text-lg md:text-xl (was smaller)
- Navigation: text-base md:text-lg
- Body text: text-base md:text-lg lg:text-xl
- Section titles: text-4xl md:text-5xl lg:text-6xl
- NEVER use text-xs or text-sm (too small on big screens)
- All text now scales properly for 4K displays
