The Tech Stack

The Tech Stack

Tailwind CSS Development

Tailwind CSS is a utility-first styling system: instead of writing and maintaining a separate, ever-growing stylesheet, we compose designs directly in markup using small, reusable utility classes. We use it because it keeps our design tokens (the warm paper backgrounds, the clay accent, the 8px corner radius) consistent everywhere they appear, defined once and referenced everywhere.

Most-used

CSS framework year over year (State of CSS)

index.html
className=
bg-warm-50 rounded-lg px-8 py-4

Why We Use This

Consistent design system

Colors, spacing, and type scale are defined once in a config file, so every page automatically stays on-brand without manual copy-pasting of styles.

Nothing unused ships to your visitors

Tailwind strips every class you did not actually use from the final build, keeping the CSS payload small and your pages loading fast.

Easy to restyle later

Because styles live next to the markup they affect, updating a component does not mean hunting through thousands of lines of a separate stylesheet.

Widely adopted, well documented

Tailwind is one of the most widely used CSS frameworks in modern web development, which means it is easy to staff and well supported long after launch.

High Performance

Optimized for speed and efficiency

Global Scale

Built for worldwide reach

Secure & Reliable

Enterprise-grade security

Common Questions

Why does Amanah Agency use Tailwind CSS instead of plain CSS?

Tailwind keeps our design tokens consistent across every page automatically, and it lets us build and adjust layouts faster without maintaining a separate, growing stylesheet.

Will Tailwind make my site look generic?

No. Tailwind is a styling toolkit, not a template. The visual design (the warm color palette, Fraunces typography, and layout choices you see on this site) is custom-designed; Tailwind is simply how we implement it consistently in code.

Does Tailwind work with WordPress or Shopify too?

Yes. We use Tailwind primarily in custom React and Next.js builds, but it can also be integrated into custom WordPress or Shopify themes where a client wants that same design-system consistency.

Ready to Start Your Project?

Tell us what you are building and we will tell you honestly whether this is the right tool for it.

Start Your Project