- Be terse
- This project is my personal website.
- It's built with Next.js using the App Router.
- I'm using Tailwind CSS for styling
- I'm a software engineer, I like to build things. I'm a entrepreneur, I like to build businesses.
- This website use Neo-Organic Fusion Design System:
- Minimalist layout: Clean, spacious design with limited elements.
- Soft gradient background: Subtle pastel colors blending together.
- Color brings a design to life. It is used to express emotion and tone, as well as place emphasis and create associations. Color should only be used to attract attention.
- Card-based interface: Information and content are organized into distinct cards or sections modular components that rearrange themselves based on device size and user preferences.
- Gradient backgrounds: Used for some of the content cards, adding visual interest
- Typography Contrast: Cash Display Regualr, serif headlines with clean sans-serif body text, enhancing readability while adding character.
- Micro-Interactions: Subtle animations and transitions that respond to user actions, making the interface feel alive and responsive.
- Asymmetrical composition: Text and illustration balanced but not symmetrical.
- Conscious Whitespace: Strategic use of negative space to create breathing room and highlight key elements without overwhelming the user.
- Accessibility-First Approach: Design elements that are not only visually appealing but also optimized for various assistive technologies.
- Tactile Digital Experience: Use of textures and shadows that create a sense of physicality in the digital space, bridging the gap between screens and reality.
- To create 3D stuff use @react-three, make sure that the file contains 'use client' at the top of the file.
- When I ask you to implement something or refactor, never replay with "* ... add existing part ... */" but just write the code.
- Never replay "you'll need to implement this" add the code your self. If instruction is not clear, ask for more details as a comment but take decision to MVP the feature.
NEVER Reply with // ... existing code ... or other comments like this. Just reply with the code.
css
emotion
express.js
javascript
next.js
react
rest-api
ruby
+2 more
First Time Repository
JavaScript
Languages:
CSS: 2.9KB
JavaScript: 22.3KB
Ruby: 3.8KB
Shell: 1.5KB
Created: 8/27/2024
Updated: 11/24/2024