Ready for review

Issue #81 · shared atom fixtures

Primitives showcase

Layout-only QA route for every renderer in src/primitives. Empty-state cases are rendered in dashed containers so reviewers can confirm the primitive itself emits no visible element.

Dev badges · review / WordPress status

DevReadyBadge

Ready for review

DevWpBadge

Added to WP

HighlightableText · highlight states / flash / semantic tags / typography controls

State — no highlight prop

Where founders learn by building.

State — matching phrase receives mark-accent

Programmes for venture builders and deep-tech founders.

State — highlight miss renders plain text

Global placements, local mentors, practical venture work.

Flash — full-title accent rectangle

A launchpad for the next thing.

Flash + highlight — rectangle and marked phrase

A launchpad for the next thing.

Color — custom foreground on dark

White headline with accent-marked phrase.

Semantic tags — h1 / h2 / h3 / h4 / p / span

h1 heading

h2 heading

h3 heading

h4 heading

p text node

Inline span text inside a paragraph.

Size prop — title scale and body scale

Title Huge via size

Title XXL via size

Title XL via size

Title L via size

Title M via size

Title S via size

Body L via size

Body M via size

Body S via size

Balance / class controls — balanced vs unbalanced, constrained width

Balanced wrapping keeps long editorial headlines more even across lines.

Unbalanced wrapping follows the browser default line breaking behavior.

Heading / Paragraph / Tag · editorial text atoms

Heading — default Title L marker highlight

Build with venture studios, founders, and faculty.

Heading — no highlight

Plain heading with no highlighted segment.

Heading sizes — huge / xxl / xl / l / m / s

Huge

Title XXL

Title XL

Title L

Title M

Title S

Heading highlight — Title XL fill-only highlight

Choose where you'll learn how startups get built

Heading highlight — Title L on dark with accent fill highlight

From a 2001 handshake at Stanford to 14 colleges across four continents.

Heading highlight — Title M fill-only highlight

Three things this location does better than anywhere else

Heading highlight — custom highlightClass

Custom muted highlight class for dimmed words

Heading semantic tags — h1 / h2 / h3 / h4 / h5 / h6 / p / span

h1

h2

h3

h4

h5
h6

p

Inline span

Heading balance / class controls

Balanced headings use text-balance by default for editorial line breaks.

Unbalanced headings can opt out when exact browser wrapping is preferred.

Paragraph — big / lead / body sizes

A practical path from classroom insight to venture momentum.

Students work inside real founder environments.

The primitive keeps paragraph typography consistent across modules while callers own colour and wrapping.

Tag — default label class

NUS ENTERPRISE

Tag — custom label class on dark

GLOBAL IMMERSION

BulletList / BulletItem · bullet rows (Figma "Bullet lists")

Light chevron list — default marker, one wrapping row

  • Founder-led venture building

  • Global startup immersion placements

  • A hands-on curriculum that keeps momentum going long after the classroom ends.

Dark — accent chevrons, white text

  • Mentorship from operating founders

  • Access to the NUS venture network

  • Support that follows you from first idea to first raise.

Dark — eligibility pairing (check / cross)

  • You want to build a company, not just study one

  • You thrive in ambiguous, fast-moving teams

  • You prefer a fixed, predictable schedule

  • You want a purely academic track

Aligned non-bulleted row — icon="none" spacer above chevrons

  • Overview line with no marker — text stays aligned

  • First bulleted point

  • Second bulleted point

Rich slotted row — paragraph plus description line

  • Venture immersion placement

    Twelve weeks embedded inside an operating startup team.

Button / CTA / ArrowCta / TextLink · link and action primitives

Button — secondary button

Button — secondary on dark

TextLink — default (t-link / dune) with the arrow glyph

Read story →

TextLink — no href: a span, for cards that link as a whole

Explore Project →

Empty CTA — missing href emits no link/button below

Logo / LogoBox · brand and partner logo atoms

Logo — light surface

Logo — dark surface

LogoBox — text fallback

NUS Enterprise

LogoBox — image source

NUSX placeholder partner mark

Media · image / video / missing src

Image media

Primitive image fixture

Video media

Missing src — emits no media element below

Label · filled / outlined / Figma chip geometry / link / empty

Filled with icon

NOC

Outlined with icon

Featured

Iconless

Application open

Filled rounded

Rounded fill

Outline rounded

Rounded outline

Empty label — emits no wrapper below

Custom colors on dark

Up to 40 units

Figma chip — plain, exact light colors

English

Figma chip — icon, exact light colors

Mediterranean

Figma chip — long label, exact light colors

Pack for layering

Figma chip — exact colors on dark surface

English Mediterranean Pack for layering

Dark adapted label — custom dark-surface colors

Full Year

Stat · value + label

5,000+ NOC alumni across global ecosystems
16 Cities with startup immersion placements
$2.1B Capital raised by alumni ventures

SectionEyebrow · present / empty

Present eyebrow

NUS OVERSEAS COLLEGES

Empty eyebrow — emits no wrapper below

Components intentionally excluded

This route is limited to src/primitives. Composite renderers in src/components, such as Card, PersonCard, Dropdown, and FaqItem, stay on their module-specific review routes.

← Module index