Unofficial coastal guide • beaches, food, wildlife, and personal favorites

Design system

The upgraded design statement.

This page preserves the original class-project explanation while making it read like a real design rationale: goals, audience, visual language, interaction choices, and source transparency.

South Padre Island color palette inspiration board
The palette stays bright, coastal, and intentionally playful.

Design goal

Keep the original tropical chaos, but make the site more useful and credible.

Original vibe preserved

The moving palms, wave graphics, sun-yellow logo, coral headers, handwritten-style headings, and personal photos are still the identity of the site.

Quality standard raised

The upgrade adds deeper content, better page hierarchy, stronger forms, responsive grids, clearer CTAs, official-resource links, and transparent unofficial-guide framing.

Typography sample for Changa One and site fonts
Typography

Friendly, loud, and readable.

Berkshire Swash keeps the coastal handwritten personality. Changa One gives page titles a bold vacation-poster feeling. Amiko keeps longer guide content readable so the site can carry more detail without becoming exhausting.

Palette

The color system still uses beach references, but now it has roles.

Deep teal

#006D77 for trust, navigation, dividers, and structure.

Coral

#E29578 for tropical energy, highlights, buttons, and card accents.

Sun yellow

#FFD166 for logo energy, emphasis, and playful CTA contrast.

Seafoam

#83C5BE for background atmosphere and softer supporting panels.

Aqua

#EDF6F9 for the main page surface and calm reading space.

Deep slate

#102A31 for footer, contrast, and body text strength.

Content strategy

The site is no longer only “three things to do” and “three places to eat.” Each page now answers what a visitor actually needs: what to choose, when to do it, what to check, how to plan, and where the official resources are.

Sources and transparency

The project uses original/personal images supplied in the build plus public official resources for visitor context.

Build notes

  • Broken root image paths were converted to relative paths.
  • Uppercase image extensions were corrected where needed.
  • Forms were converted to Netlify-ready static forms.
  • The page structure was rebuilt for mobile and desktop.