Each concept from the boards is now a complete page — header, hero, About, How I Handle a Hard Moment, Skills & Tools, and footer. Pan across to compare 1a, 1b, 1c.
1AQuiet Assurance — Lora / Karla, sage accent
Rachel YoungGet in touch
Customer Support Specialist
Clear communication. Real patience. Calm under pressure.
Lorem ipsum dolor sit amet, consectetur adipiscing elit — sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
02 — How I Handle a Hard Moment
Steady when it counts
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est.
03 — Skills & Tools
What I bring to the desk
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris.
Design notes — 1A · Quiet Assurance
Color palette
#F5EFE4
#5FA593
#FFFFFF
#332E28
Typography
Headline Lora (serif) Body Karla Labels JetBrains Mono
Immediate trust and a calm, unhurried read. The safest, most universally “professional portfolio” choice. Serif headline signals care and literacy — a natural fit for a writer.
Cons
Least visually memorable of the three. If a hiring manager has ten tabs open, this is the one that blends in.
Suggestion:Best if you want to feel safe and universally readable. Consider borrowing C’s numbered Skills layout to add a touch more structure without losing the calm.
1BClear & Current — Plus Jakarta / Inter, aquamarine pill nav
Rachel YoungGet in touch
Customer Support Specialist
Clear communication. Real patience. Calm under pressure.
Lorem ipsum dolor sit amet, consectetur adipiscing elit — sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
How I Handle a Hard Moment
Steady when it counts
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est.
Skills & Tools
What I bring
CommunicationProblem-SolvingScheduling & Client RecordsGoogle WorkspaceMicrosoft OfficeHubSpot CRM — in progress
Design notes — 1B · Clear & Current
Color palette
#FAFAF7
#2FD9C4
#EAFBF6
#1A1D1E
Typography
Headline Plus Jakarta Sans Body Inter Labels JetBrains Mono
Positioning & rhythm
Centered pill nav, alternating white / mint full-width blocks, chip-based skills. Subtle scroll fade + slide.
Pros
Feels current and familiar to recruiters used to modern hiring pages and SaaS sites. Scans easily on mobile, still calm. The aquamarine accent is the color you pointed to.
Cons
Reads as “well-designed” rather than unforgettable. A solid middle ground, not a strong statement in either direction.
Suggestion:The safest modern pick. If you want more personality, deepen the aquamarine or pair it with one warm accent so it doesn’t read as generic SaaS.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
How I Handle a Hard Moment
Steady when it counts
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est.
Skills & Tools
What I bring
01
Communication
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
02
Problem-Solving
Ut enim ad minim veniam quis nostrud exercitation ullamco laboris.
03
Currently building
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
Design notes — 1C · Bold Clarity
Color palette
#FBF2EC
gradient
#DFF7F1
#17332C
Typography
Headline Jost (geometric) Body Inter Numerals JetBrains Mono
Positioning & rhythm
Colored header band, gradient headline, numbered 01/02/03 skills, CTA-bookend footer. One deliberate reveal — numbers slide in.
Pros
Channels exactly the confident, structured energy you pointed to in Nimble. Most likely to be the one a recruiter remembers after closing the tab.
Cons
Needs disciplined copy to stay “confident” rather than “trying too hard” for an entry-level role. The gradient and structure carry weight — the words have to earn it.
Suggestion:The boldest, most memorable pick and the closest to your Nimble reference. Go here if you’re comfortable letting the copy carry real weight — or pair it with A’s warmer serif for balance.