Sada

Sada is a Hugo-based, one-page responsive portfolio and resume theme styled with Tailwind CSS that ships with both light and dark color schemes.

What is Sada?

Sada is a Hugo theme for creating a one-page online resume or portfolio. It takes the settings and content you define in the config.toml file and renders a single responsive page with Tailwind CSS styling. The theme is open source and hosted on GitHub under the account darshanbaral, with a live demo available. It is designed to be simple: you clone the repository, run npm install, and serve the site with Hugo.

Key Features

• One-page layout — The theme produces a single-page website, ideal for presenting resume information without navigation complexity.
• Responsive design — The page adapts to desktop, tablet, and mobile screen sizes so your resume looks good on any device.
• Tailwind CSS — Styling is built on Tailwind CSS utility classes, giving the design a modern, utility-first foundation.
• Light and dark themes — The theme includes both light and dark color scheme options directly out of the box.
• Hugo static site generator — It runs on Hugo, meaning the site compiles into fast static HTML files with no server-side dependencies.
• Configuration-driven content — By editing config.toml you define the resume content and site settings without touching HTML.
• Simple installation — Setup uses three commands: git clone, npm install, and hugo server, then you edit config.toml.

Who should use Sada?

• Job seekers — Create a clean online resume by editing config.toml with your work history, skills, and contact information, then deploy the static site to any hosting service.
• Developers and designers — Showcase your projects and portfolio in a responsive one-page layout that you can brand with Tailwind CSS.
• Hugo users — If you already use Hugo, this theme integrates with your existing static site workflow and is built with Tailwind CSS.
• Students and recent graduates — Launch a personal resume page quickly without writing HTML, using the provided configuration file.

How do you set up Sada?

Inside the folder of your Hugo site, run git clone https://github.com/darshanbaral/sada.git, then cd sada, npm install, and hugo server. After the theme is installed, modify the config.toml file to personalize your online resume and preview it locally.

Use cases

• Online resume — Present your professional experience in a single-page layout that's easy to share via a URL.
• Portfolio — Display your projects and skills in a clean one-page layout with light and dark theme support.