🔗 Live demo: https://mono-profile-alpha.vercel.app/
I have a problem with most website templates.
They're loud. Gradients everywhere, hero sections with three different
typefaces, accent colors fighting each other. I get it they want to
look impressive in a marketplace thumbnail.
But when I actually need to use one? It's exhausting.
I like monochrome. Black, white, grays, maybe one muted accent.
Clean type. Room to breathe. So after saying "I'll just build my own"
for the fifth time, I actually did.
This is MONO, a minimal company profile template I built for myself
and ended up packaging for anyone else who thinks the same way.
The stack
I went with what I'm comfortable with, and what I'd actually want
to inherit from someone else:
- Vite — fast dev server, no config hell
- React + TypeScript — predictable, easy to extend
- Tailwind CSS — utility-first, no surprise CSS specificity
- shadcn/ui — accessible components without opinionated styling
Shadcn was actually the right call here. Since the components are
unstyled by default and live in your codebase, the monochrome
aesthetic doesn't fight the component library. You're not overriding
a blue primary button everywhere.
What's in the template
It's a typical company profile page, but intentionally stripped down:
- Hero (headline, subtext, CTA)
- Services / what you offer
- Selected work / portfolio
- About section
- FAQ
- Contact
That's it. No unnecessary animations, no scroll-jacking, no
"surprise me" interactions.
The section order makes sense for most businesses: tell me who you
are → what you do → proof you've done it → answer my obvious
questions → let me reach you.
The design decision I'm most glad I made
I almost added a color theme switcher. "Users can pick an accent
color!" Sounds useful, right?
I removed it.
Not because it's hard to build it's not. But it introduces
decisions. "Should I use purple or teal?" is exactly the kind of
question I want the template to eliminate, not create.
Monochrome is a decision. Stick to it.
If you want a specific accent later, you change one Tailwind CSS
variable and you're done. That's intentional.
Who this is for
Honestly? Anyone who needs a company profile that looks professional
without spending a week on design decisions.
That includes:
- Agencies putting together a quick client-facing profile
- Freelancers who want a site that looks serious
- Developers who'd rather write code than pick color palettes
- Someone building a startup landing page before they figure out branding
It's not a dashboard, not a SaaS template, not a landing page with
17 sections. Just a company profile. Done well.
If you want to grab it
It's on Gumroad: [https://ardiandian.gumroad.com/l/mono-company-profile]
Comes with the full source code, clean folder structure, and a README
that explains how to customize the key parts without touching
everything.
If you check it out or if you've built something similar I'd love
to hear what you think. What's the one thing you always end up
rebuilding when you use someone else's template?
Top comments (0)