Redesign alicetrannp.com as modern, elegant practice site#5881
Open
frankilus wants to merge 4 commits intordpeng:masterfrom
Open
Redesign alicetrannp.com as modern, elegant practice site#5881frankilus wants to merge 4 commits intordpeng:masterfrom
frankilus wants to merge 4 commits intordpeng:masterfrom
Conversation
Builds a single-page experience inspired by the original psychiatric NP site, with a warmer, calmer feel: sage/ivory/forest palette, serif display type, whitespace-forward layout, and gentle scroll-reveal motion. Sections cover hero, about, three-promise approach, services, conditions, a quiet pull-quote, curated resources with a visible crisis card, and a contact card with a non-binding form. Responsive down to phones, reduced-motion friendly, no dependencies beyond Google Fonts. https://claude.ai/code/session_01Ds9RawtHHr3s4S8gq7Ezf7
Alternative palette option, preserving v1 at the repo root. Shifts from the warm sage/forest/terracotta of v1 to a cooler evening mood: mist, dusty lavender, deep plum, and champagne-gold accents. Fraunces replaces Cormorant for a slightly softer, more rounded serif. Layout, copy, and interactions are identical so the two can be compared side-by-side. View at /v2/ alongside v1 at /. https://claude.ai/code/session_01Ds9RawtHHr3s4S8gq7Ezf7
Third palette option sitting alongside v1 (grove) and v2 (twilight). Warm linen paper with seafoam, slate ocean, and driftwood/soft-coral accents — meant to feel like a quiet morning at the water. Uses DM Serif Display for a slightly crisper, more architectural masthead, plus a subtle layered wave graphic in the hero. Layout, copy, and interactions match v1 and v2 for fair comparison. View at /v3/. https://claude.ai/code/session_01Ds9RawtHHr3s4S8gq7Ezf7
A distinct alternative to v1-v3. Instead of a hero-plus-cards layout, this variant reads like a small literary quarterly: a printed masthead, a tall typographic cover with an index, numbered chapters, drop caps on opening paragraphs, a margin note, a full-width pull quote, a menu-style services list, an inline serif list of conditions, an essay-shelf for resources, a black crisis block, and a closing letter with a stamped contact form. Playfair Display for display, EB Garamond for body, Inter for small-caps utility. Warm bone-paper palette with rust and muted sage accents, plus a subtle paper-texture background. View at /v4/. https://claude.ai/code/session_01Ds9RawtHHr3s4S8gq7Ezf7
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Builds a single-page experience inspired by the original psychiatric NP site, with a warmer, calmer feel: sage/ivory/forest palette, serif display type, whitespace-forward layout, and gentle scroll-reveal motion. Sections cover hero, about, three-promise approach, services, conditions, a quiet pull-quote, curated resources with a visible crisis card, and a contact card with a non-binding form. Responsive down to phones, reduced-motion friendly, no dependencies beyond Google Fonts.
https://claude.ai/code/session_01Ds9RawtHHr3s4S8gq7Ezf7