## Observations I'm revisiting this project again now that Hannah is stable in her remote therapy career. I totally forgot everything about this project because I haven't looked at it in over 3.5 months. However I can see the following - [[VueJS|Vue]] - [[Nuxt.js|Nuxt]] - [[TailwindCSS]] - [[bun.sh]] However I can see that there might be issues with running the project in `dev` mode. ## Running in Dev Mode `bun run dev` - No issues reported in console. - No real issues in the UI ### Styling `bun run dev` also comes with a local page on `http://localhost:3000/_tailwind` that shows styles. This really helps with styling the project while offline. ## Email Form Component I can see that I did some work with the layout, but styling could still use some work. Additionally I still need to connect the email form submission to an email service and probably a captcha/verification service too. ## Research The layout of Hannah's website is kind of plain and could be refreshed. I'm going to look at [Freelancer Website Designs - Dribbble](https://dribbble.com/tags/freelancer-website) for inspiration. ### Shelena - Behance [Shelena - Behance](https://www.behance.net/gallery/204029799/Shelena-Brand-identity-web-design-for-therapist?tracking_source=search_projects|therapist&l=3) has a comprehensive brand identity and layout for a simple, informative website that invites users who are looking for effective therapeutic options. I really like the structure of this website's portfolio. - Brand Values - Balance - Stability - Simplicity - Friendliness - Professionalism - Logo and its variations - Colors - Sand - `rgb(245, 229, 214)` - Teal - `rgb(26, 104, 117)` - Sun - `rgb(226, 110, 30)` - Light - `rgb(251, 248, 245)` - Water - `rgb(104, 156, 165)` - Oil - `rgb(30, 30, 30)` - Brand typography - [Yeseva One](https://fonts.google.com/specimen/Yeseva+One) for headings - Caviar Dreams for subtitles and paragraphs - Text is also the Teal on Sand or Teal on Light - Mock Ups - The templates for letters and business cards look great ## Typography It's like a mix of Nuxt Typography and TailwindCSS typography. So far, I got [Yeseva One](https://fonts.google.com/specimen/Yeseva+One) to work through Nuxt. Look at the `footer` section and the `<style>` tag at the bottom. It's just simple CSS once Nuxt is configured to get the file. I used the [Nuxtjs Google Fonts](https://google-fonts.nuxtjs.org/getting-started/setup) package to help make this work.