HOMEPAGE LAB

Homepage concept variants

Twelve wireframe concepts with integrated workflow and design system.

Variant A — The List

Isiah Udofia[Digital Archive]

DESIGN LAB — v0.5 — IN DEVELOPMENT

DESIGN
HUB

A collection of design systems
and interactive interfaces.

[01]Academic Index2024WEB APP→
[02]Neolog2024MOBILE CONCEPT→
[03]Absolute Rest2024DESIGN SYSTEM→
© 2025Design & Development by Isiah Udofia

Variant B — Split Field

Isiah Udofia[Digital Archive]

DESIGN
HUB

VERSION

v0.5 — In Development

SYSTEMS

3 Projects

A collection of design systems
and interactive interfaces.

[01]

Academic Index

WEB APP

[02]

Neolog

MOBILE CONCEPT

[03]

Absolute Rest

DESIGN SYSTEM

© 2025Design & Development by Isiah Udofia

Variant C — Title Card

Isiah Udofia[Digital Archive]

DESIGN
HUB

DESIGN LAB — v0.5 — 5 PROJECTS[ SCROLL ]
01

Academic Index

AI-POWERED COLLEGE SCORING — 2024

→
02

Neolog

SLEEP PERFORMANCE INTERFACE — 2024

→
03

Absolute Rest

BIOMETRIC WELLNESS SYSTEM — 2024

→
© 2025Design & Development by Isiah Udofia

Variant D — Type Only

Isiah Udofia[Digital Archive]

DESIGNHUB — DESIGN LAB

DESIGN
HUB

01

Academic Index

2024
02

Neolog

2024
03

Absolute Rest

2024

A collection of design systems and interactive interfaces
built at Yale University, 2024–2026.

© 2025Design & Development by Isiah Udofia

Variant E — Sidebar Index

Isiah Udofia[Digital Archive]

DESIGN
HUB

A collection of design systems
and interactive interfaces.

YEAR

2024–2026

AUTHOR

Isiah Udofia

STATUS

v0.5 — In Development

INSTITUTION

Yale University

PROJECTS

3 Systems

FEATURED PROJECTS

[01]

Academic Index

AI-POWERED COLLEGE SCORING

WEB APP→
[02]

Neolog

SLEEP PERFORMANCE INTERFACE

MOBILE CONCEPT→
[03]

Absolute Rest

BIOMETRIC WELLNESS SYSTEM

DESIGN SYSTEM→

Designhub is a living design lab — a set of product systems built across Yale coursework, independent research, and client work. Each system is a complete design and engineering effort.

Variant F — Lane Grid

Isiah Udofia[Digital Archive]

DESIGN
HUB

Design systems
+ interactive interfaces
Yale University — 2024–2026

01

Academic Index

AI-POWERED COLLEGE SCORING

WEB APP
2024
→
02

Neolog

SLEEP PERFORMANCE INTERFACE

MOBILE CONCEPT
2024
→
03

Absolute Rest

BIOMETRIC WELLNESS SYSTEM

DESIGN SYSTEM
2024
→
© 2025Design & Development by Isiah Udofia

Variant G — Lab Index

Isiah Udofia[Digital Archive]

DESIGN
HUB

A living design lab. Each project is a complete design and engineering effort — built at Yale, 2024–2026.

TECH STACK

FRAMEWORKNext.js 15 + React 19
STYLINGTailwind + inline styles
ANIMATIONFramer Motion + GSAP
3DThree.js / R3F
BACKENDPostgreSQL
AIClaude API + Textract
AGENTSClaude Code — parallel

FEATURED PROJECTS

[01]

Academic Index

WEB APP

→

[02]

Neolog

MOBILE CONCEPT

→

[03]

Absolute Rest

DESIGN SYSTEM

→

AGENT WORKFLOW

01

PARALLEL AGENTS

Two agents running simultaneously — switch during processing time.

02

CHECKLIST SYSTEM

/checklist parses intent → atomic tasks → production-lint.

03

VISUAL MANUAL

Agents handle logic. Human adjusts spacing and visual judgment.

04

LLM SELECTION

Claude for orchestration. OpenAI for pure code generation.

05

LINT ALWAYS

TypeScript + ESLint + build verify — every single time.

Variant H — Manifest

Isiah Udofia[Digital Archive]

DESIGN
HUB

Design lab — Yale University
v0.5 — 5 systems — 2024–2026

SHARP EDGES

0px radius on cards. 2–4px on buttons only.

DARK FIRST

#0a0a0a bg. Warm off-white text. Never pure black.

SNAPPY

150ms transitions max. Nothing sluggish.

TYPE-LED

Mono for data. Display for headlines.

RESTRAINT

Every pixel serves purpose. Never over-design.

DESIGN SYSTEM + PRINCIPLES[ SCROLL — PROJECTS BELOW ]

PROJECTS — PROOF OF WORK

[01]

Academic Index

AI-POWERED COLLEGE SCORING

WEB APP→
[02]

Neolog

SLEEP PERFORMANCE INTERFACE

MOBILE CONCEPT→
[03]

Absolute Rest

BIOMETRIC WELLNESS SYSTEM

DESIGN SYSTEM→

Agents excel at logic and implementation. Humans excel at judgment and vision.
The workflow maximizes each strength. — isiah.md/tech/ai-development-workflow.md

© 2025isiahudofia.com ↗

Variant I — Dossier

Isiah Udofia[Digital Archive]
SUBJECTDESIGNHUB
AUTHORISIAH UDOFIA
YEAR2024–2026
STATUSv0.5 — ACTIVE
SYSTEMS3 PROJECTS

DESIGN
HUB

A living design lab — complete design and engineering systems built at Yale University.

DESIGN PRINCIPLES

SHARP EDGES

0px radius on cards. 2–4px on buttons only.

DARK FIRST

#0a0a0a bg. Warm off-white text. Never pure black.

SNAPPY

150ms transitions max. Nothing sluggish.

TYPE-LED

Mono for data. Display for headlines.

RESTRAINT

Every pixel serves purpose. Never over-design.

TECH STACK

FRAMEWORKNext.js 15 + React 19
STYLINGTailwind + inline styles
ANIMATIONFramer Motion + GSAP
3DThree.js / R3F
BACKENDPostgreSQL
AIClaude API + Textract
AGENTSClaude Code — parallel

FEATURED PROJECTS

[01]

Academic Index

AI-POWERED COLLEGE SCORING

WEB APP — 2024→
[02]

Neolog

SLEEP PERFORMANCE INTERFACE

MOBILE CONCEPT — 2024→
[03]

Absolute Rest

BIOMETRIC WELLNESS SYSTEM

DESIGN SYSTEM — 2024→

AGENT WORKFLOW

01PARALLEL AGENTS

Two agents running simultaneously — switch during processing time.

02CHECKLIST SYSTEM

/checklist parses intent → atomic tasks → production-lint.

03VISUAL MANUAL

Agents handle logic. Human adjusts spacing and visual judgment.

04LLM SELECTION

Claude for orchestration. OpenAI for pure code generation.

05LINT ALWAYS

TypeScript + ESLint + build verify — every single time.

Agents excel at logic and implementation.
Humans excel at judgment and vision.
— isiah.md/tech/ai-development-workflow.md

© 2025Design & Development by Isiah Udofia

Variant J — Terminal

isiahudofia.com ↗

DESIGNHUB — v0.5

Design lab and project archive — Isiah Udofia

$ ls ./work

01 Academic Index WEB APP 2024

02 Neolog MOBILE CONCEPT 2024

03 Absolute Rest DESIGN SYSTEM 2024

$ cat ./about

Isiah Udofia — Yale '26 — Design × Engineering

Building systems for sleep, cognition, and research.

$ open ./lab

→ /homepage-lab — you are here

$ _

OPEN

© 2025designhub.iudofia.dev

Variant K — Stamp

Isiah Udofia[Digital Archive]
VOL. I — NO. 5 — 2025DESIGN × ENGINEERING

DESIGN

HUB

A design laboratory documenting the intersection of systems thinking and visual craft.

ISIAH UDOFIA — YALE '26

WEB APP — 2024

Academic Index

AI-POWERED COLLEGE SCORING

READ →

MOBILE CONCEPT — 2024

Neolog

SLEEP PERFORMANCE INTERFACE

READ →

DESIGN SYSTEM — 2024

Absolute Rest

BIOMETRIC WELLNESS SYSTEM

READ →

TECH STACK

FRAMEWORKNext.js 15 + React 19
STYLINGTailwind + inline styles
ANIMATIONFramer Motion + GSAP
3DThree.js / R3F
BACKENDPostgreSQL
AIClaude API + Textract
AGENTSClaude Code — parallel
DESIGNHUB© 2025

Variant L — Night Mode

Isiah Udofia[Digital Archive]

DESIGN LAB — v0.5

Where design systems get stress-tested.

Sleep interfaces, AI tooling, biometric systems — built at Yale, shipped to prod.

012024

Academic Index

WEB APP

AI-POWERED COLLEGE SCORING

→
022024

Neolog

MOBILE CONCEPT

SLEEP PERFORMANCE INTERFACE

→
032024

Absolute Rest

DESIGN SYSTEM

BIOMETRIC WELLNESS SYSTEM

→
Sharp EdgesDark FirstSnappyType-LedRestraint
© 2025isiahudofia.com ↗

/homepage-lab — end

Designhub — Isiah Udofia — 2025