Hello, World

Welcome to the Blog

After months of building, refining, and obsessing over every detail of the Noctiv Studio platform, it felt right to add a space where we can share what we are learning along the way.

This blog will cover everything from design process breakdowns to development deep-dives. If you are interested in how a boutique studio approaches the intersection of graphic design and web development, you are in the right place.

What to Expect

We plan to write about:

• Design process -- how logos, brands, and visual identities come together
• Development notes -- the technical decisions behind this platform
• Industry insights -- trends, tools, and techniques worth knowing
• Case studies -- behind-the-scenes looks at real client work

A Quick Code Sample

Since this platform is built with Next.js, TypeScript, and Tailwind CSS, here is a taste of the kind of code we write every day:

export function BlogCard({ post }: { post: Post }) {
  return (
    <article className="rounded-2xl border border-border/30 bg-card/50 p-6">
      <h3 className="text-xl font-bold">{post.title}</h3>
      <p className="mt-2 text-muted-foreground">{post.description}</p>
      <div className="mt-4 flex items-center gap-3 text-sm text-muted-foreground">
        <time>{post.date}</time>
        <span>{post.readingTime}</span>
      </div>
    </article>
  );
}

Stay tuned. There is a lot more to come.