daniloleal.co2024-09-11

","

The Surprising Complexity of Design Systems

","

↗uplink

","

"," Uplink","

","

daniloleal.co2024-09-11

","

The Surprising Complexity of Design Systems

","

↗uplink

","

"," Uplink","

beacon

Gastown — Local-first Software Design

maggieappleton.com2025-07-09

","

"," Beacon","

beacon

Gastown — Local-first Software Design

maggieappleton.com2025-07-09

","

"," Beacon","

The Surprising Complexity of Design Systems

","

↗daniloleal.co2024-09-11

"," intercepted","

"," Intercept","

The Surprising Complexity of Design Systems

","

↗daniloleal.co2024-09-11

"," intercepted","

"," Intercept","

Launching Zed's agent panel, inline assist and more

","

↗x.com2024-08-20

","

"," Dispatch","

Launching Zed's agent panel, inline assist and more

","

↗x.com2024-08-20

","

"," Dispatch","

2024-09-11

","

The Surprising Complexity of Design Systems

","

↗relaydaniloleal.co

","

"," Relay","

2024-09-11

","

The Surprising Complexity of Design Systems

","

↗relaydaniloleal.co

","

"," Relay","

Links

"," "," ","

Signal Ping Hybrid — chevron + packet header + concentric rings + hex footer

","

SRC nate.ripTS 2d agoLEN 142

","

"," ","

Hybrid 1x1

","

SRC nate.ripTS 5d

","

"," Hybrid"," ","

Signal Ping Hybrid — chevron + packet header + concentric rings + hex footer

","

SRC nate.ripTS 2d agoLEN 142

","

"," ","

Hybrid 1x1

","

SRC nate.ripTS 5d

","

"," Hybrid","

5 likes • 2 replies

","

2d ago

Broadcast — TV static noise, rounded corners, channel badge, live pulse indicator

"," CH","

","

3 likes

","

5d ago

Broadcast 1x1

","

"," Broadcast","

5 likes • 2 replies

","

2d ago

Broadcast — TV static noise, rounded corners, channel badge, live pulse indicator

"," CH","

","

3 likes

","

5d ago

Broadcast 1x1

","

"," Broadcast"," bsky

Torn Fragment — jagged top edge, paper texture, drop shadow, organic counterpoint

5d ago

","

"," bsky

Torn at 1x1

","

"," Torn"," bsky

Torn Fragment — jagged top edge, paper texture, drop shadow, organic counterpoint

5d ago

","

"," bsky

Torn at 1x1

","

"," Torn","

Comm Ping — chevron shape with radar rings from right edge, telemetry sidebar

3d ago

","

Ping 1x1

","

"," Ping","

Comm Ping — chevron shape with radar rings from right edge, telemetry sidebar

3d ago

","

Ping 1x1

","

"," Ping","

0x0F likes • 0x03 rpl

","

Signal Packet — stepped stamp corners, structured header with field dividers, dashed side borders, hex checksum footer

","

SRC nate.ripTS 2d agoLEN 142

","

0x03 likes

","

Short post at 1x1 size

","

SRC nate.ripTS 2d

","

"," Packet","

0x0F likes • 0x03 rpl

","

Signal Packet — stepped stamp corners, structured header with field dividers, dashed side borders, hex checksum footer

","

SRC nate.ripTS 2d agoLEN 142

","

0x03 likes

","

Short post at 1x1 size

","

SRC nate.ripTS 2d

","

"," Packet","

Bsky

"," ","

#422025-01-10

","

#072024-06-22

"," Specimen","

#422025-01-10

","

#072024-06-22

"," Specimen","

15A

","

07A

"," Contact","

15A

","

07A

"," Contact","

42°C

","

15°C

"," Thermal","

42°C

","

15°C

"," Thermal","

REC
042

","

015

"," HUD","

REC
042

","

015

"," HUD","

","

"," Evidence","

","

"," Evidence","

f/42 • 2025-01-10

","

f/15

"," Viewfinder","

f/42 • 2025-01-10

","

f/15

"," Viewfinder","

Shots

"," ","

09SHIPPING INCREMENTALLY05-10ARCH

","

10THOUGHTS ON CRAFT06-22ARCH

","

11DESIGN TOKENS AT SCALE07-15ARCH

","

12BUILDING UI IN GPUI08-20LIVE

","

IDTITLEDATESTATUS

","

"," Departure","

09SHIPPING INCREMENTALLY05-10ARCH

","

10THOUGHTS ON CRAFT06-22ARCH

","

11DESIGN TOKENS AT SCALE07-15ARCH

","

12BUILDING UI IN GPUI08-20LIVE

","

IDTITLEDATESTATUS

","

"," Departure","

"," ","

Building UI in GPUI

"," NR-12","

"," ","

On Craft

"," NR-07","

"," Cass+Slab","

"," ","

Building UI in GPUI

"," NR-12","

"," ","

On Craft

"," NR-07","

"," Cass+Slab","

2024-08-20

Building UI in GPUI

CRT scanlines, green text, blinking cursor

","

2024-06-22

On Craft

","

"," Terminal","

2024-08-20

Building UI in GPUI

CRT scanlines, green text, blinking cursor

","

2024-06-22

On Craft

","

"," Terminal","

post

Building UI in GPUI

Dashed border, barcode stripe, shipping label

2024-08-20

"," SKU-012","

","

post

On Craft

2024-06-22

"," SKU-007","

"," Manifest","

post

Building UI in GPUI

Dashed border, barcode stripe, shipping label

2024-08-20

"," SKU-012","

","

post

On Craft

2024-06-22

"," SKU-007","

"," Manifest","

post

Building UI in GPUI

Tab protrusion, ruled paper, classified stamp

2024-08-20

","

"," Dossier","

post

Building UI in GPUI

Tab protrusion, ruled paper, classified stamp

2024-08-20

","

"," Dossier","

","

Building UI in GPUI

Heavy top bevel, hex bolts, warning stripe

2024-08-20

","

Post

","

On Craft

2024-06-22

","

Post

","

"," Blast Door","

","

Building UI in GPUI

Heavy top bevel, hex bolts, warning stripe

2024-08-20

","

Post

","

On Craft

2024-06-22

","

Post

","

"," Blast Door","

IC-12 REV.Apost

Building UI in GPUI

Pin notches, PCB grid, trace lines

2024-08-20

","

IC-07post

On Craft

2024-06-22

","

"," Circuit","

IC-12 REV.Apost

Building UI in GPUI

Pin notches, PCB grid, trace lines

2024-08-20

","

IC-07post

On Craft

2024-06-22

","

"," Circuit","

"," ","

post

Building UI in GPUI

A deep look at the rendering framework behind Zed

"," NR-12","

"," ","

post

On Craft

"," NR-07","

"," Cassette","

"," ","

post

Building UI in GPUI

A deep look at the rendering framework behind Zed

"," NR-12","

"," ","

post

On Craft

"," NR-07","

"," Cassette","

Posts

"," ",9,8,[753,754,755,756,757,758,759,760,761,762,763],{"_464":465,"_466":772},{"_464":465,"_466":468},{"_464":465,"_466":771},{"_464":36,"_466":770},{"_464":36,"_466":769},{"_464":36,"_466":768},{"_464":34,"_466":767},{"_464":34,"_466":766},{"_464":465,"_466":765},{"_464":465,"_466":764},{"_464":465,"_466":468}," "," }"," .demo-label { width: 70px; font-size: 9px; }"," .demo-row { height: 140px; }"," .demo-label { font-size: 9px; }"," .s3 { grid-column: span 2; }"," .demo-catalog { grid-template-columns: 80px repeat(3, 1fr); }"," @media (max-width: 700px) {"," .lE-foot { display: flex; align-items: baseline; justify-content: space-between; padding: var(--sp) var(--sp-3); background: color-mix(in oklch, var(--link-accent) 3%, var(--surface-2)); border-top: 1px solid color-mix(in oklch, var(--link-accent) 12%, var(--border)); font-family: var(--mono); font-size: var(--fs-s); color: var(--fg-2); flex-shrink: 0; position: relative; z-index: 2; }",32,18,36,25,[778,779,780,781,782,783,784,785,786,787,788,789,790,791,792,793,794,795,796,797,798,799,800,801,802,803,804,805,806,807,808],{"_464":465,"_466":835},{"_464":465,"_466":834},{"_464":465,"_466":833},{"_464":36,"_466":832},{"_464":36,"_466":831},{"_464":36,"_466":830},{"_464":465,"_466":765},{"_464":465,"_466":829},{"_464":465,"_466":828},{"_464":465,"_466":827},{"_464":465,"_466":826},{"_464":465,"_466":468},{"_464":36,"_466":825},{"_464":36,"_466":824},{"_464":36,"_466":823},{"_464":34,"_466":822},{"_464":34,"_466":821},{"_464":34,"_466":820},{"_464":34,"_466":819},{"_464":34,"_466":818},{"_464":34,"_466":817},{"_464":34,"_466":816},{"_464":34,"_466":815},{"_464":34,"_466":814},{"_464":34,"_466":813},{"_464":34,"_466":765},{"_464":34,"_466":812},{"_464":34,"_466":811},{"_464":465,"_466":468},{"_464":465,"_466":810},{"_464":465,"_466":809}," .shot-placeholder {"," /* Placeholder image for shots */"," .s3 { flex: 3 !important; }"," .s2 { flex: 2 !important; }"," min-width: 0;"," flex: 1;"," .demo-row > [class*=\"lE-\"] {"," .demo-row > [class*=\"lD-\"],"," .demo-row > [class*=\"lC-\"],"," .demo-row > [class*=\"bx-\"],"," .demo-row > [class*=\"p8-\"],"," .demo-row > [class*=\"p7-\"],"," .demo-row > .tile,"," /* Tile sizing within rows */"," .s3 { grid-column: span 3; }"," .s2 { grid-column: span 2; }"," /* Span helpers */"," .demo-label.link { color: var(--link-accent); }"," .demo-label.bsky { color: #1185fe; }"," .demo-label.shot { color: var(--accent-2); }"," .demo-label.accent { color: var(--accent); }"," min-height: 0;"," height: auto;"," padding-right: var(--sp);"," color: var(--fg-2);"," letter-spacing: 0.06em;"," text-transform: uppercase;",24,7,21,14,[841,842,843,844,845,846,847,848,849,850,851,852,853,854],{"_464":465,"_466":835},{"_464":465,"_466":864},{"_464":465,"_466":765},{"_464":34,"_466":863},{"_464":34,"_466":857},{"_464":34,"_466":862},{"_464":34,"_466":861},{"_464":34,"_466":765},{"_464":465,"_466":860},{"_464":34,"_466":859},{"_464":34,"_466":858},{"_464":465,"_466":857},{"_464":465,"_466":856},{"_464":465,"_466":855}," font-family: var(--mono);"," align-items: center;"," display: flex;"," flex-shrink: 0;"," width: 100px;"," .demo-label {"," height: 180px;"," gap: var(--sp-2);"," .demo-row {"," letter-spacing: 0.1em;",5,17,[868,869,870,871,872,873,874,875,876,877,878,879,880,881,882,883,884,885,886],{"_464":465,"_466":900},{"_464":465,"_466":899},{"_464":465,"_466":898},{"_464":36,"_466":897},{"_464":36,"_466":896},{"_464":36,"_466":895},{"_464":34,"_466":857},{"_464":34,"_466":894},{"_464":465,"_466":862},{"_464":465,"_466":893},{"_464":465,"_466":765},{"_464":465,"_466":892},{"_464":36,"_466":891},{"_464":465,"_466":890},{"_464":465,"_466":889},{"_464":36,"_466":831},{"_464":465,"_466":765},{"_464":465,"_466":888},{"_464":465,"_466":887}," .demo-section h2 {"," .demo-section:first-child { padding-top: 0; }"," border-bottom: 1px solid var(--border);"," padding: var(--sp-4) 0 var(--sp);"," grid-column: 1 / -1;"," .demo-section {"," padding: var(--sp-3);"," flex-direction: column;"," grid-auto-rows: 180px;"," grid-template-columns: 100px repeat(4, 1fr);"," display: grid;"," .demo-catalog {","

fix: demo page layout — use flex rows so label + tiles stay horizontal