🌐 Nuvic Static Assets

Premium global CDN-hosted static assets, logos, and icons for the Nuvic ecosystem.

This repository packages and distributes the official logos, favicons, and graphic assets for the Nuvic brand and its sub-divisions. All assets are automatically deployed and globally served using the high-performance unpkg CDN.

🚀 CDN Integration

You can link directly to any asset using the unpkg CDN. We recommend using version-pinned URLs for production to ensure stability, and latest URLs for development/staging environments.

Base URL Formats

• Latest (Recommended for Development):
  https://unpkg.com/nuvic/logo/<sub-division>/<file>
• Version Pinned (Recommended for Production):
  https://unpkg.com/[email protected]/logo/<sub-division>/<file>

🎨 Available Brand Assets

Below is the directory of current sub-division assets. All assets are fully optimized high-resolution .ico source files.

| Sub-Division / Brand | Asset Path | CDN URL (Latest) | CDN URL (Pinned v1.0.0) | | :--- | :--- | :--- | :--- | | 🏢 Nuvic (Core) | logo/nuvic/logo-colored.ico | Latest URL | Pinned URL | | 💼 Agency | logo/agency/logo-colored.ico | Latest URL | Pinned URL | | 🎓 Education | logo/education/logo-colored.ico | Latest URL | Pinned URL | | 🔬 Research | logo/research/logo-colored.ico | Latest URL | Pinned URL | | 🎬 Studio | logo/studio/logo-colored.ico | Latest URL | Pinned URL | | 💻 Tech | logo/tech/logo-colored.ico | Latest URL | Pinned URL |

🖼️ Team, Project & Organization Image Assets

We have added premium, high-fidelity WebP images for Nuvic teams, projects, and division branding. These images are perfectly optimized for web and fast loading.

🏢 Organization & Division Assets

| Division / Branding | Asset Path | CDN URL (Latest) | | :--- | :--- | :--- | | 🏢 Nuvic (Core) Thumbnail | images/nuvic/nuvic/squared-thumbnail.webp | Latest URL | | 💻 Tech Division Thumbnail | images/nuvic/tech/squared-thumbnail.webp | Latest URL | | ☕ Mokaarom Thumbnail | images/nuvic/mokaarom/square-image.webp | Latest URL |

👥 People & Team Assets (Portraits)

| Team Member | Asset Path | CDN URL (Latest) | | :--- | :--- | :--- | | 👨‍💻 Mirajul | images/peoples/mirajul.webp | Latest URL | | 👨‍💻 Munna | images/peoples/munna.webp | Latest URL | | 👨‍💻 Muntasir | images/peoples/muntasir.webp | Latest URL | | 👨‍💻 Nafi | images/peoples/nafi.webp | Latest URL | | 👨‍💻 Rasif | images/peoples/rasif.webp | Latest URL |

🚀 Projects Assets (Thumbnails)

| Project | Asset Path | CDN URL (Latest) | | :--- | :--- | :--- | | 🎯 Cue | images/projects/cue/squared-thumbnail.webp | Latest URL | | 🎨 Marzia | images/projects/marzia/squared-thumbnail.webp | Latest URL | | 🔮 Qul | images/projects/qul/squared-thumbnail.webp | Latest URL | | 🗺️ Roam | images/projects/roam/squared-thumbnail.webp | Latest URL |

🛠️ Usage Examples

1. In HTML Documents

Add the Nuvic favicon to your website's header:

<!-- Core Nuvic Favicon -->
<link rel="icon" type="image/x-icon" href="https://unpkg.com/[email protected]/logo/nuvic/logo-colored.ico">

<!-- Division-Specific Favicon (e.g. Tech) -->
<link rel="icon" type="image/x-icon" href="https://unpkg.com/[email protected]/logo/tech/logo-colored.ico">

2. In CSS Stylesheets

Set an icon or logo background dynamically:

.brand-icon {
  width: 32px;
  height: 32px;
  background-image: url("https://unpkg.com/[email protected]/logo/nuvic/logo-colored.ico");
  background-size: contain;
  background-repeat: no-repeat;
}

3. In React / Next.js

Easily use the assets within your modern React/Next.js components:

import React from 'react';

export const NuvicLogo = () => (
  <img 
    src="https://unpkg.com/[email protected]/logo/nuvic/logo-colored.ico" 
    alt="Nuvic Logo" 
    width={48} 
    height={48} 
  />
);

📦 How to Update and Publish

When you add new assets or update existing ones, follow these simple steps to publish a new version:

1. Increment the Version in package.json (or use npm commands):

   # For a minor update/patch (e.g., 1.0.0 -> 1.0.1)
   npm version patch
      
   # For a new asset addition (e.g., 1.0.0 -> 1.1.0)
   npm version minor

2. Publish to NPM: If your account has Two-Factor Authentication (2FA) enabled (standard for most npm accounts), provide your 6-digit authenticator OTP code:

   npm publish --access public --otp=YOUR_OTP_CODE

   (Replace YOUR_OTP_CODE with the 6-digit code from your authenticator app).

The updated assets will immediately propagate and become available on the unpkg CDN under your new version tag!