Skip to content

Repository files navigation

Fable

The portfolio of Remy Okafor — designer & creative technologist. A design-forward, multi-page personal site: warm-dark, playful, and statically rendered with Astro.

ci License: MIT Astro Tailwind

Live demo → fable.signalizeai.org

Fable home

About

A concept portfolio for a fictional multidisciplinary designer. Pages: home, work (with case studies), about, playground, contact, and a 404.

Craft

  • Playful warm-dark identity — grain over near-black, cream text, a lime pop and coral accent, chunky Unbounded display paired with Figtree (both self-hosted)
  • Interactive touches — a magnetic primary button (React island, off on touch / reduced-motion), a roles marquee, and colourful hover-lift project cards
  • Static-first — every page ships real HTML; only the nav and magnetic buttons hydrate. All content is visible without JavaScript (reveals are progressive enhancement)
  • Responsive, accessible, SEO meta + social preview

Tech

Astro 7 · React 19 (islands) · TypeScript · Tailwind CSS v4 · Lenis · Vitest · Cloudflare Pages.

Run it

npm install
npm run dev
npm run test
npm run build

License

MIT © Royal Simpson Pinto · A concept design, not a real person.

About

Fable — a warm, playful, multi-page portfolio for a designer & creative technologist. Built with Astro.

Topics

Resources

Code of conduct

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages