Patterns in Practice

Tokens and components assembled into real screens — application cards across surface contexts, common card patterns, and a long application form. Every card uses card-bg + 1px border + radius 16, buttons default to the outline style via .btn, and selection indicators follow the circular convention (design.md §3·§4).

Application Card — Surface Variants

The same application card adapts its presentation to its surrounding surface context — default · soft · header band · inverted (dark) · outline. Inputs use the line style; the submit button uses .btn (inverted card uses sky fill). Soft (grey fill) is light-mode only — in dark mode it falls back to outline per the no-grey-box rule (§ Dark Mode), making it visually identical to the outline variant.

canvas · default

AI Bootcamp Application

Confirmation email sent within 24 hours

light-grey · soft

Cohort 5 — Early Application

Early application deadline: May 31

primary · header band

Cohort 5 Application

D−12

24 seats · first-come, first-served

ink-deep · inverted

AI is your colleague

Our team will reply personally

outline emphasis

Next Cohort — Waitlist

You'll be notified first when Cohort 6 opens

Card Patterns

Six commonly used card layouts — all built on the same card base (card-bg + border + radius 16), differing only in content structure. On hover: sky border + soft shadow.

Stats

Total Graduates

1,248

Year-over-year +34%

Testimonial

“In eight weeks I built an AI workflow my whole team now uses. It didn't replace my work — it made me go deeper.”

JH
Jeong Haeri
Startup Operations Manager · Cohort 5
img-sky · 16:9
Feature

Project-Driven Learning

In week 8, you build a real project that automates your own workflow.

Step
2

Intake Meeting

30-minute 1-on-1 call with a mentor. Track recommendation + learning goals.

30 min · weekdays 7–10 pm

Checklist

What You Learn in 8 Weeks

  • Prompt design — the language of collaboration, not commands
  • Tool selection — why this tool, not that one
  • Workflow automation — delegating repetition
  • Capstone project — applying it to your own work
CTA

Still on the fence?

Book a free 15-minute call with a coach. We'll help you pick the right track.

Image Placeholders

Choose the solid-color placeholder that best matches the surrounding surface. Gradients are never used for image placeholders — solid only. Supported aspect ratios: 16:9 · 4:3 · 1:1.

sky-blue
primary
dark-blue
light-grey

Long Application Form

Layout for multi-step input within a single card — progress indicator + section dividers + field grid + choice cards (both radio and checkbox use the circular indicator). Rounded-box radius is 24 (--r-xl).

AI Bootcamp Application

About 8 minutes · Your progress is saved automatically.

01 Basic Info02 Background03 Track & Goals04 Terms

Basic Information

Used to send you application results.

Select a Track

Choose one track. Tracks diverge after week 4.

Practitioner Track
For those integrating AI into daily work
Design Track
Design + AI workflow
Operations Track
AI adoption at the org level

Areas of Interest · select all that apply

Select every area that applies to you.

Prompt Design
LLM automation · work flows
UI Automation
v0 · Cursor · Claude
Data Analysis
SQL · dashboards · research

Terms & Consent

The 2 required items are necessary to submit. Optional consent can be withdrawn at any time.

(Required) Consent to collect and use personal data
Name, email, and phone number collected solely for application processing.
(Required) Bootcamp operating terms
Attendance, payment, and refund policies.
(Optional) Marketing communications
Future cohort announcements and events. Withdraw any time.