Community opportunities, in one place

This page previews reusable styles for the redesigned KMVLD site: jobs, skills, supplier notices, SED stories, and Bontle Ba Mosadi — mobile-first, low-data, and easy to read.

Icon style (inline SVG)

Use small inline SVGs or emoji for pictograms — no icon CDNs. Example: abstract triangle motif.

Buttons

Large tap targets (48px min-height). Primary action uses brand red.

Status & deadline badges

Short words, high contrast. Deadlines answer “how long do I have?” at a glance (audit: urgency on listings).

● Open Closed Closing soon In review New

Closes 12 May 2026 2 days left

Filter chips

Simple filters by programme type — avoid long menus on small screens.

Cards & opportunity cards

Public listings should show summaries before sign-in (audit). Cards lift slightly from the white background for an app-like feel.

Plant operator — trainee intake

Placeholder text. Grade 12, valid driver’s licence. Kathu area. Full steps after you start an application.

Closes in 3 days

Digital literacy — 5-day workshop

Placeholder. No cost to selected participants. Bring your ID. Meals provided.

Starts 20 May 2026

Generic card

Supporting line for notices, tips, or help text.

Step indicators

Guided flows for registration and applications (spec: step-by-step).

Your details
2 Documents
3 Review & send

Form fields

Progressive onboarding: ask only what you need at each step (audit). Hints explain why we collect data.

Full name

As it appears on your ID.

Cell phone

Area (optional)

Short message

I agree to the privacy notice. We protect your data under POPIA.

Example error state

Please enter your ID number using 13 digits only.

Progress bars

Profile completion, upload progress, or multi-step forms.

Your profile 60%

Empty states

Tell people what happened and what to do next — never a blank screen.

No opportunities yet

When new jobs or courses are published, they will appear here. You can turn on SMS reminders in your profile (placeholder).

Simple tables

Admin lists: horizontal scroll on small screens, no heavy data grids.

Title	Type	Status	Applications
Community clean-up volunteers	SED	Open	42
SMME supplier briefing	Procurement	Review	—
Learnership intake 2026	Skills	Closed	310

Admin dashboard cards

Lightweight summary tiles for recruitment, SED, procurement, comms roles.

New applications (7 days)

128

+12% vs last week

Open opportunities

3 closing this week

Profile completions

86%

Target 90%

Offline banner & notification toasts

Clear feedback when the network drops (spec / audit). Toasts for confirmations and gentle reminders.