Skip to content

A minimalist frontend clone of Logos.co, inspired by its elegant design and vision for decentralized, self-sovereign digital societies. Built to challenge my frontend skills and explore the intersection of design and decentralized technology.

Notifications You must be signed in to change notification settings

Chris-Error-404/Logos-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 

Repository files navigation

Logos-Clone-A-Minimalist-Frontend-Tribute

🧭 Overview

Logos is a decentralized, privacy-preserving, and politically neutral technology stack designed to support self-sovereign virtual territories. It encompasses modular blockchain-based protocols—Nomos (consensus), Codex (storage), and Waku (messaging)—to establish cyber states and parallel societies based on voluntary consent.


🎯 Project Purpose

Upon discovering Logos, I was captivated by its minimalist design and profound vision. As a frontend developer passionate about clean and functional interfaces, I saw an opportunity to challenge myself by recreating the Logos website. This project aims to:

  • Reproduce the minimalist aesthetic of the original Logos site
  • Deepen my understanding of decentralized technologies and their presentation
  • Enhance my frontend development skills through practical application

🛠️ Tech Stack & Languages

JavaScript
CSS3
HTML5


🚀 Deployment

Vercel

👉 Live Demo: https://logos-clone.vercel.app


📝 Changes & Notes

  • Added hover effects for user consistency and focus
  • External links do not navigate anywhere except the “Built by” link, which points to my GitHub profile
  • Some buttons initially had overflow: hidden, which caused poor mobile experience; buttons were made full-width to fix this
  • Footer links were rearranged for better structure
  • The mobile navbar was updated to visually and functionally match the desktop navbar for consistency
  • Not all original text was included—the main focus was on replicating design and interactive features

🤝 Contributions

Contributions, suggestions, and feedback are welcome!

  1. 📂 Fork the repository
  2. 🛠 Create a new branch (git checkout -b feature/yourFeature)
  3. 🔁 Commit your changes (git commit -m "Add feature")
  4. 🚀 Push to the branch (git push origin feature/yourFeature)
  5. 🔃 Open a Pull Request

Or simply open an issue to start a discussion.

📁 Getting Started

To run this project locally, follow these steps:

# 1. Clone the repository
git clone https://github.com/yourusername/logos-clone.git

# 2. Navigate into the project directory
cd logos-clone

# 3. Open index.html directly in your browser
#    Or use a local server:

# Option A: http-server (Node.js)
npm install -g http-server
http-server

# Option B: Python 3
python -m http.server

# Option C: Python 2
python -m SimpleHTTPServer

About

A minimalist frontend clone of Logos.co, inspired by its elegant design and vision for decentralized, self-sovereign digital societies. Built to challenge my frontend skills and explore the intersection of design and decentralized technology.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published