Sandbox Ui Polish

Avoid Reading Unless Needed

• backend service modules
• migration files
• unrelated admin templates when working on guest-facing pages (and vice versa)

Goal

Refine the front end so it feels premium, clean, conversion-focused, and operationally truthful.

Core UI rules

• Preserve real business facts only.
• Do not invent amenities, offers, policies, or claims.
• Keep Thai-first intent where applicable.
• Keep multilingual content aligned.
• Prefer clarity over ornament.
• Improve mobile experience first.
• Reduce chunkiness and clutter.
• Maintain strong call-to-action visibility.

Preferred design direction

• lighter, cleaner nav bars
• stronger visual hierarchy
• less busy hero sections
• clearer CTA placement
• tighter spacing discipline
• cleaner cards and sections
• better typography rhythm
• more consistent buttons, forms, and status elements
• premium but restrained presentation

What to inspect

• navigation density
• hero layout clutter
• CTA prominence
• spacing consistency
• heading hierarchy
• mobile overflow / wrapping issues
• component duplication
• form usability
• empty / error / loading states
• visual noise that hurts conversion

Working method

1. Inspect the current page structure and shared components.
2. Identify the highest-impact polish opportunities.
3. Prefer targeted improvements over dramatic redesigns.
4. Reuse healthy patterns and consolidate inconsistent ones.
5. Preserve required sections and business-critical actions.

Output Format

When making changes, optimize for:

• better readability
• better mobile scanability
• stronger trust
• stronger conversion clarity
• cleaner, more modern presentation
• fewer visual distractions

Guardrails

• Do not overdesign.
• Do not remove key calls to action.
• Do not add new marketing claims.
• Do not introduce flashy motion unless it clearly helps.
• Do not create style drift across pages.

Success Criteria

• target page renders without overflow or spacing breakage on mobile
• CTA is visually prominent and clearly labeled
• no new marketing claims or invented content introduced
• shared CSS changes do not regress unrelated pages