Under the hood
A small static website with a friendly little toolchain.
This website stays simple on purpose. Each tool has one clear job, the content remains portable, and the finished pages reach your browser as fast static HTML.
From an idea to your screen
Figma
Visual ideas and design direction are explored here before they become code.
Pages CMS
Abi edits English and Spanish project content through a friendly form. New projects begin as drafts.
GitHub
The code, Markdown content and images live together here, with every change recorded in version history.
Astro
Astro combines shared bilingual components, content and optimized images into static pages.
GitHub Actions
Every accepted change to the main branch is built and checked automatically before publication.
GitHub Pages
The finished static website is published at abicaride.com, with no application server required.
Explore the design workspace
The three Figma files are public, view-only references. They show how visual ideas move from inspiration and foundations into production-oriented page designs; the Astro repository remains the implementation source of truth.
- Abi Website Moodboard
References, atmosphere and visual preferences.
- Abi Website Foundations
Foundations, reusable components and explorations.
- Abi Personal Website
Production-oriented homepage and case-study designs.
Implementation and maintenance
The production site is maintained in the repository. Code review, automated checks and tools such as Codex can assist implementation, while the website itself stays simple and independent of those tools.
The rules of the build
- Static HTML first, with almost no browser JavaScript.
- English and Spanish share the same components instead of duplicating pages.
- Project content stays in portable Markdown files rather than a proprietary database.
- Analytics remains optional and does not load before consent.