Collections

Design sheets

In-progress UI explorations for the Evolved page.

Separating builder vs custom image in the editor

The Edit Featured Card modal is getting crowded — builder fields (label, title, desc, watermark, background, doodle) sit side-by-side with the Custom Image uploader. Four ways to separate the two modes. Click "Custom" in any option to see what collapses.

AInline mode switch
Pill toggle pinned at the top of the modal. Everything below swaps based on mode.

Builder Mode

Edit featured card

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education

Image source

Build with the editor, or upload a finished PNG.

BuilderCustom
📚

Classroom Kit

Teacher Essentials

School, classroom, and tech for every subject.

Background
Doodle Overlay
Light
Dark

Auto-pushes to CDN on image changes

Custom Mode

Edit featured card

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education

Image source

Build with the editor, or upload a finished PNG.

BuilderCustom

your-design.png

Uploaded · 1200×571

Custom image stays as uploaded

BFull-width tabs
Builder | Custom tabs at the very top — the tabs replace the mode-switcher pattern.

Builder Mode

Edit featured card
Use Builder Custom Image
📚

Classroom Kit

Teacher Essentials

School, classroom, and tech for every subject.

Background
Doodle Overlay
Light
Dark

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education

Auto-pushes to CDN on image changes

Custom Mode

Edit featured card
Use Builder Custom Image

your-design.png

Uploaded · 1200×571

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education

The custom image is used as-is — label, background, and doodle are skipped.

Custom image stays as uploaded

CUse Builder toggle
"Use builder" switch — defaults on. Turn off to switch to custom upload.

Builder Mode

Edit featured card

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education
Use builder

Auto-render from label, color, doodle.

📚

Classroom Kit

Teacher Essentials

School, classroom, and tech for every subject.

Background
Doodle Overlay
Light
Dark

Auto-pushes to CDN on image changes

Custom Mode

Edit featured card

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education
Use builder

Turn off to upload a finished PNG.

your-design.png

Uploaded · 1200×571

Custom image stays as uploaded

DRadio cards
Two large cards at the top — more visual, explicit, and friendly for the first-time user.

Builder Mode

Edit featured card

Builder

Auto-renders from editor fields

Custom Image

Upload your own PNG

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education
📚

Classroom Kit

Teacher Essentials

School, classroom, and tech for every subject.

Background
Doodle Overlay
Light
Dark

Auto-pushes to CDN on image changes

Custom Mode

Edit featured card

Builder

Auto-renders from editor fields

Custom Image

Upload your own PNG

Collections in This Card (6)

Teachers Toolkit
Classroom Subjects
Work & Education

your-design.png

Uploaded · 1200×571

Custom image stays as uploaded