One identity.
Every learning moment.

A mark of forward motion.

The lowercase n and the ascending plane represent progress through learning. Keep the symbol and wordmark clear, flat, and proportional.

netph.courses

netph.courses

Primary · light backgrounds

netph.courses

App icon variant · dark backgrounds

The symbol is a native vector asset (assets/mark.svg) — a turquoise n with an ascending white plane, echoing the visual brand board.

Fresh energy. Clear purpose.

White leads the layout. Turquoise signals the brand; deep teal grounds the content. Click any swatch to copy its hex code.

Meet Inter.

Direct, familiar, and readable. Use 700–750 for headings, 600–700 for UI labels, and 400 for body copy. Arial is the offline fallback.

Made to move people forward.

Clear actions, restrained borders, and generous spacing keep the learning experience focused.

Progress worth showing.

Completion badges celebrate learning. They clearly identify the course, issuer, and completion criteria — and pair with a certificate that carries a verification ID.

NETPH.COURSES · SAMPLE CREDENTIAL

COMPLETED

Digital Marketing
Foundations

Certificate of Completion

Illustrative badge · No accreditation implied

The brand, in code.

Use the same tokens across marketing pages, course experiences, and credential templates.

:root {
  --color-brand: #08C8C8;
  --color-text: #103B3D;
  --color-action: #087F83;
  --color-surface: #E9FAF8;
  --color-accent: #FFD447;
  --font-family: Inter, Arial, sans-serif;
  --radius-button: 8px;
  --radius-card: 12px;
}