SEC. 00 — Introduction
Miko Castillo
UI designer
Grounding complex systems and problems through thoughtful architecture and fluid motion design.
- L4 interface — nav, field, button, cursor
- L3 fills — component color blocks
- L2 wireframe — dashed intent
- L1 canvas — panel on dot grid
SEC. 01
Work
A curation of my latest projects and ones I currently maintain.
SEC. 02
UI Exploration
Mock UI components from ideas that came to me after being inspired by other UI's I've used.
EXHIBIT-01.TXT
- Operating notes
- Hover the banner — the copy dims and the join button scales up.
- Click Join Newsletter to fire a success toast.
Awesome newsletter
FIG. 01 — Arcade Badge
A hover-reactive newsletter banner.
EXHIBIT-02.TXT
- Operating notes
- Click the collapsed issue to expand the full card.
- Click anywhere outside the widget to collapse it again.
DEN-11
Design Form
Aster.Motion
Sat Aug 01 2026
FIG. 02 — Linear Widget
An expandable issue card modeled after Linear.
SEC. 03
Writing
Thoughts that come to me about design, motion, etc.
LOG-01.TXT
2026-05-12
Not always needing animations
Motion
Animations are exciting but you don't need to animate everything.
LOG-02.TXT
2026-05-02
Using AI to learn and accelerate yourself
Process
We live in the golden age of learning where you can learn anything easily.
LOG-03.TXT
2026-02-18
Designing interfaces with purpose
Design
Thoughts on why certain design elements should live on the screen.