---
aliases:
  - inspo
cssclasses:
  - nolist
date: '2024-10-24'
description: My run-down version of are[dot]na
id: are.na
metadata:
  ebnf: |-
    channel        = "##" , ws , heading , newline , channel_body ;
    channel_body   = [ meta_section , newline ] , block , { block } ;
    block          = list_entry , newline , meta_section , { note_line } ;
    list_entry     = "-" , ws , link , [ ws "--" ws title ] , [ ws "[**]" ] ;
    meta_section   = ws , "-" , ws , "[meta]:" , newline , meta_pair , { meta_pair } ;
    meta_pair      = ws , ws , "-" , ws , key , ":" , ws , value ;
    key            = "date" | "tags" | "pinned" | "later" | "unlocked" | "socials" | "view" | identifier ;
    value          = date | tag_list | boolean | text ;
    tag_list       = "[" , tag , { "," , ws , tag } , "]" ;
    tag            = identifier ;
    date           = digit , digit , "/" , digit , digit , "/" , digit , digit , digit , digit ;
    boolean        = "true" | "false" ;
    note_line      = ws , "-" , ws , text ;
    link           = uri ;
    title          = text ;
    heading        = text ;
    identifier     = letter , { letter | digit | "-" } ;
    text           = { character - newline } ;
    uri            = ? valid http uri ? ;
    letter         = "a".."z" ;
    digit          = "0".."9" ;
    character      = ? any printable ascii except newline ? ;
modified: 2026-09-24 00:14:31 GMT-04:00
permalinks:
  - /website
  - /tweets
  - /resources
socials:
  are.na: https://www.are.na/aaron-pham/channels
  curius: /curius
  home: /
  print: https://print.are.na/
tags:
  - evergreen
  - llm
  - design
  - love
  - friend
  - r/pedagogy
  - alignment
  - philosophy
  - P-Complete
  - interpretability
  - math/linalg
title: '#design'
created: '2024-10-24'
published: '2024-10-24'
pageLayout: default
slug: arena/design
permalink: https://aarnphm.xyz/arena/design.md
generator:
  quartz: v4.6.0
  hostedProvider: Cloudflare
  baseUrl: aarnphm.xyz
full: https://aarnphm.xyz/llms-full.txt
---
# #design

- <https://justinjay.wang/designing-with-code> — Designing with code

  - \[meta]:

    - date: 09/21/2026
    - tags: \["creative coding","animation"]
    - later: true

- <https://iverson.inc/about> — Iverson

  - \[meta]:

    - date: 09/21/2026
    - tags: \["branding","design studio"]
    - later: true

- <https://www.gutenberg.org/files/26054/26054-h/26054-h.htm> — A Color Notation

  - \[meta]:

    - date: 09/15/2026
    - tags: \["design"]
    - later: true

- <https://lostgarden.com/wp-content/uploads/2019/09/mixing_games_and_applications.pdf> — Mixing Games and Applications

  - \[meta]:

    - date: 09/15/2026
    - tags: \["design"]
    - later: true

- <https://ramp.design/> — ramp.design

  - \[meta]:

    - date: 09/12/2026
    - tags: \["design studio","product design"]
    - later: true

- <https://www.choicehacking.com/2025/11/27/the-hidden-psychology-of-netflix-thumbnails> — The Hidden Psychology of Netflix Thumbnails

  - \[meta]:

    - date: 09/07/2026
    - tags: \["psychology","thumbnails"]
    - later: true

- <https://eyemagazine.com/feature/article/jacqueline-casey-science-and-design> — Jacqueline Casey: Science and design

  - \[meta]:

    - date: 09/07/2026
    - tags: \["graphic design","history"]
    - later: true

- <https://rauno.me/notes/3> — Rauno’s notes, issue 3

  - \[meta]:

    - date: 09/07/2026
    - tags: \["interaction design","notes"]
    - later: true

- <https://www.canelectricaudio.com/product/taula-4-mr> — Taula 4 MR - Analogue Rotary Mixer

  - \[meta]:

    - date: 09/07/2026
    - tags: \["audio","product design"]
    - later: true

- <https://x.com/raffichill/status/2086459025755975789> — Raffi on Adam Whitcroft’s icon gallery

  - \[meta]:

    - date: 08/27/2026
    - tags: \["icons","design"]
    - later: true

- <https://x.com/valentinavee/status/2086195383688921111> — Valentina Vee on point-source lighting

  - \[meta]:

    - date: 08/27/2026
    - tags: \["lighting","photography"]
    - later: true

- <https://x.com/mannay/status/2087522034351796728> — Mannay on drawing faces with JavaScript

  - \[meta]:

    - date: 08/27/2026
    - tags: \["javascript","drawing"]
    - later: true

- [youtube/v=E1QI43nBc2E](https://www.youtube.com/watch?v=E1QI43nBc2E) — Nord - The Making of the Red Keyboards

  - \[meta]:

    - date: 08/27/2026
    - tags: \["industrial design","keyboards"]
    - later: true

- <https://www.sacai.jp/en-ca/sets/men-clothing> — sacai Men’s Clothing

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://ca.loropiana.com/fr/c/holiday-season/homme> — Loro Piana Canada Boutique Officielle | Vetements, sacs et chaussures

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://shop.brunellocucinelli.com/en-ca/> — Brunello Cucinelli: Official boutique for women, men and kids

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://www.maisonmargiela.com/en-ca/> — Maison Margiela Official | Clothing, Shoes & Accessories

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://perfume-area.com/reviews/page:3> — PERFUME AREA

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://www.perfumesloewe.com/int/en_CA/men/loewe-esencia/loewe-esencia-edp-150ml-LW75732.html> — LOEWE Esencia EDP 150ml | LOEWE Perfumes

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://ca-en.caudalie.com/p/432NAC/432nac-radiance-serum-complexion-enhancing.html> — Vinoperfect Facial Radiance Dark Spot Serum | CAUDALIE

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://montsand.com/products/d238-violet-midi> — Violet Draped Lace Midi Dress

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://om.co/2015/04/27/brunello-cucinelli-2/> — Brunello Cucinelli

  - \[meta]:

    - date: 08/25/2026
    - tags: \["design"]
    - later: true

- <https://oliveateliers.com/en-ca/collections/the-sentimentalist> — The Sentimentalist

  - \[meta]:

    - date: 08/20/2026
    - tags: \["furniture","interiors"]
    - later: true

- <https://repetto.com/en> — Repetto Paris

  - \[meta]:

    - date: 08/20/2026
    - tags: \["fashion","dance"]
    - later: true

- <https://stephango.com/moats> — Many ways to win

  - \[meta]:

    - date: 08/20/2026
    - tags: \["design","strategy"]
    - later: true

- <https://avely.me/work_louder> — work louder

  - \[meta]:

    - date: 07/31/2026
    - tags: \["workspace","sound"]
    - later: true

- <https://www.tripwire.sh/dither-kit> — dither-kit

  - \[meta]:

    - date: 07/31/2026
    - tags: \["data visualization","components"]
    - later: true

- <https://www.twohydesign.works/> — Twohy Design Works

  - \[meta]:

    - date: 07/31/2026
    - tags: \["design studio"]
    - later: true

- <https://christianselig.com/2026/07/vision-pro-house/> — The coolest use for the Vision Pro

  - \[meta]:

    - date: 07/31/2026
    - tags: \["vision pro","interface"]
    - later: true

- <https://x.com/HardestFitPics/status/2075784648068596091> — Vintage Hermes ties

  - \[meta]:

    - date: 07/11/2026
    - tags: \["fashion","vintage"]
    - later: true

- <https://www.murmur.living/> — mur mur

  - \[meta]:

    - date: 07/06/2026
    - tags: \["ambient","hardware"]
    - later: true

- <https://www.feelingthemagazine.com/p/how-to-style-a-table-like-a-designer> — How to Style a Table like a Designer

  - \[meta]:

    - date: 07/06/2026
    - tags: \["table setting","interiors"]
    - later: true

- [youtube/v=eh8bcBIAAFo](https://www.youtube.com/watch?v=eh8bcBIAAFo) — The design process is dead. Here’s what’s replacing it

  - \[meta]:

    - date: 07/03/2026
    - tags: \["design process","claude"]
    - later: true

- <https://x.com/0xnichy/status/2060145136881799551> — nichy on design borrowing from collective memory

  - \[meta]:

    - date: 05/28/2026
    - tags: \["design","cultural memory"]
    - later: true

- <https://x.com/kiiradesign/status/2060065275375223007> — Keerthi X article

  - \[meta]:

    - date: 05/28/2026
    - tags: \["article","design"]
    - later: true

- <https://kern.kineticstudio.com/> — Type Kerning

  - \[meta]:

    - date: 06/28/2026
    - tags: \["typography"]

- <https://x.com/Afinetheorem/status/2017033972270678057> — Christopher Alexander urban design

  - \[meta]:

    - date: 01/30/2026
    - tags: \["urban design","architecture"]
    - later: true

- <https://x.com/TweetsByTBI/status/2023834930778943918> — Otherkind interface and brand studio

  - \[meta]:

    - date: 02/17/2026
    - tags: \["branding","interface"]
    - later: true

- [wikipedia/en/John\_Blanche![Wikipedia](/static/favicons/wikipedia.svg)](https://en.wikipedia.org/wiki/John_Blanche) — John Blanche

  - \[meta]:

    - date: 06/22/2026
    - tags: \["illustration","warhammer"]
    - later: true

- <https://x.com/ghosttyped/status/2004646709172023524> — Tileable isometric city-builder assets

  - \[meta]:

    - date: 12/26/2025
    - tags: \["isometric","game assets"]
    - later: true

- <https://readymag.website/u3219461188/4256592> — Marvin Draws

  - \[meta]:

    - date: 06/21/2026
    - tags: \["typography"]

- <https://fatemaraja.substack.com/p/stop-thinking-in-archetypes-start> — Stop Thinking in Archetypes, Start Building in Genres

  - \[meta]:

    - date: 06/19/2026
    - tags: \["branding","genre"]
    - later: true

- <https://ploy.ai/>

  - \[meta]:

    - date: 06/17/2026
    - tags: \["maximalist"]

- <https://chubbyapplesdesign.com> — Annie Gao

  - \[meta]:

    - date: 06/13/2026
    - tags: \["designer"]

- <https://index.how/to/articulate> — Designers’ vocabulary

  - \[meta]:

    - date: 06/08/2026
    - tags: \["vernacular","vocabulary","speaking"]

- <https://www.are.na/block/58882> — Paperweight

  - \[meta]:

    - date: 06/04/2026
    - tags: \["foundry","visual arts"]

- <https://modemworks.com/> — Modem

  - \[meta]:

    - date: 06/04/2026
    - tags: \["agency","innovation hub"]

- <https://ko.culturehub.org/into-uncertain-weathers> — Into uncertain weathers

  - \[meta]:

    - date: 06/04/2026
    - tags: \["visuals"]

- <https://thisislandscape.com/work/> — Landscape

  - \[meta]:

    - date: 06/04/2026
    - tags: \["agency"]

- <https://fockups.com/> — Fucked up mockups

  - \[meta]:

    - date: 06/03/2026
    - tags: \["digital media"]

- <https://myartda.com/> — Minjeong An

  - \[meta]:

    - date: 06/03/2026
    - tags: \["designer"]

- <https://specialforc.es/> — Special Forces \[\*\*]

  - \[meta]:

    - date: 05/31/2026
    - tags: \["agency"]
    - highlighted: true

- <https://wearecollins.com/> — Collins

  - \[meta]:

    - date: 05/30/2026
    - tags: \["studio"]

- <https://glimm.dev/> — glimm.dev

  - \[meta]:

    - date: 05/27/2026
    - tags: \["page transition","webgl","performance"]
    - later: true
    - importance: 6

- <https://liquid-dom-showcase.vercel.app/> — Liquid Glass HTML-in-canvas

  - \[meta]:

    - date: 05/24/2026
    - tags: \["web","design"]

- <https://tinyui.org/>

  - \[meta]:

    - date: 05/09/2026
    - tags: \["masonry"]

- <https://alexboland.com/>

  - \[meta]:

    - date: 05/02/2026
    - tags: \["designer"]

- <https://avnac.design/>

  - \[meta]:

    - date: 04/27/2026
    - tags: \["ux"]

- <https://takeagander.com>

  - \[meta]:

    - date: 04/16/2026
    - tags: \["studio"]

- <https://appandflow.com> — App\&Flow

  - \[meta]:

    - date: 04/16/2026
    - tags: \["react"]

- <https://mo1.app/>

  - \[meta]:

    - date: 04/16/2026
    - tags: \["animations","web"]

- <https://lefos.com/> — Lefos

  - \[meta]:

    - date: 04/08/2026
    - tags: \["utilitarian"]

- <https://paper.design/>

  - \[meta]:

    - date: 04/08/2026
    - tags: \["agentic"]

- <https://www.aidesignfieldguide.com>

  - \[meta]:

    - date: 03/02/2026
    - tags: \["motion","ai"]

- <https://origamiarchive.com>

  - \[meta]:

    - date: 03/02/2026
    - tags: \["web"]

- <https://www.teamlab.art/e/planets/>

  - \[meta]:

    - date: 02/23/2026
    - tags: \["experiment"]

- <https://www.aesop.ca/en/city-guides.html> — Aesop city guide

  - \[meta]:

    - date: 01/29/2026
    - tags: \["illustration"]

- <https://www.itsoffbrand.com> — OFF+BRAND

  - \[meta]:

    - date: 01/24/2026
    - tags: \["agency"]

- <https://www.uilabs.dev> — components design

  - \[meta]:

    - date: 01/22/2026
    - tags: \["motion","animation"]

- [youtube/v=QkhrGUSf2ok](https://www.youtube.com/watch?v=QkhrGUSf2ok) — The Design Ethos of Dieter Rams

  - \[meta]:

    - date: 01/20/2026
    - tags: \["architecture","design"]

- <https://benji.org/annotating> — Annotating for agents

  - \[meta]:

    - date: 01/19/2026
    - tags: \["design","agentic","autonomous","ideas"]

  - seealso: <https://roughnotation.com>

- <https://brand.dropbox.com/color> — Dropbox Design Principle, Color

  - \[meta]:

    - date: 01/19/2026
    - tags: \["design system"]

  - seealso: [Color](/thoughts/Color)

- <https://spaces.is/loversmagazine/interviews/helen-holmes>

  - \[meta]:

    - date: 01/17/2026
    - tags: \["agency"]
    - later: true

- <https://nabiu.studio/digital-home-zine/essay> — On digital home

  - \[meta]:

    - date: 01/16/2026
    - tags: \["communial","internet"]

- <https://emergenceprojects.com>

  - \[meta]:

    - date: 01/15/2026
    - tags: \["interaction","play"]

- <https://familyoffice.is/work>

  - \[meta]:

    - date: 01/15/2026
    - tags: \["interaction"]

- <https://www.userinterface.wiki/> — A living manual for interface

  - \[meta]:

    - date: 01/14/2026
    - tags: \["design"]
    - importance: 6

- <https://spiderdefense.framer.website/> — SP // DER Defense Corp.

  - \[meta]:

    - date: 01/12/2026
    - tags: \["utilitarian"]

- <https://playback.design/report> — Figma Makeathon

  - \[meta]:

    - date: 01/12/2026
    - tags: \["interaction"]

- <https://sachabolteau.fr/>

  - \[meta]:

    - date: 01/12/2026
    - tags: \["motion","designer"]

- <https://www.designwaterloo.com/> — Design Waterloo

  - \[meta]:

    - date: 01/10/2026
    - tags: \["interaction","foundry"]

- <https://www.otherkind.design/> — Otherkind

  - \[meta]:

    - date: 01/09/2026
    - tags: \["studio"]

- <https://amylalai.com/untitledlyrics-fromhome> — Lyrics for Untitled

  - \[meta]:

    - date: 01/07/2026
    - tags: \["ux"]

- <https://www.davepagurek.com/programming/stretch-text/>

  - \[meta]:

    - date: 01/07/2026
    - tags: \["caligraphy"]

- <https://wabi.ai/>

  - \[meta]:

    - date: 01/06/2026
    - tags: \["app store","liquid glass"]

- <https://pickle.com/os>

  - \[meta]:

    - date: 01/05/2026
    - tags: \["progressive","os"]

- <https://www.craftwithanna.com/>

  - \[meta]:

    - date: 01/05/2026
    - tags: \["interaction"]

- <https://www.gardenintel.com/>

  - \[meta]:

    - date: 01/04/2026
    - tags: \["company"]

- <https://www.doc.cc/>

  - \[meta]:

    - date: 01/02/2026
    - tags: \["editorial"]

- <https://www.adaline.ai/>

  - \[meta]:

    - date: 12/16/2025
    - tags: \["typography","motion"]

- <https://x.com/msimoni/status/1994711734037234065> — Tufte’s on visual design and stroke-width of border

  - \[meta]:

    - date: 11/29/2025
    - tags: \["design"]

- <https://refero.design/>

  - \[meta]:

    - date: 11/28/2025
    - tags: \["components"]

- <https://and-now.co.uk/>

  - \[meta]:

    - date: 11/28/2025
    - tags: \["studio"]

- <https://specialprojects.studio>

  - \[meta]:

    - date: 11/27/2025
    - tags: \["studio"]

- <https://channel.studio/>

  - \[meta]:

    - date: 11/25/2025
    - tags: \["agency"]

- <https://library.obys.agency/> — Obys Agency \[\*\*]

  - \[meta]:

    - date: 11/22/2025
    - tags: \["booklist","design","agency"]
    - highlighted: true

- <https://niggli.ch/en>

  - \[meta]:

    - date: 11/22/2025
    - tags: \["book","print house"]

- <https://www.jhourney.io/> — Jhourney

  - \[meta]:

    - date: 11/21/2025
    - tags: \["design","company"]

- <https://www.are.na/andrea-fanelli/maison-margiela-invitations> — Maison Margiela invitations \[\*\*]

  - \[meta]:

    - date: 11/21/2025
    - tags: \["fashion","design"]
    - pinned: true
    - highlighted: true

- <https://colorpalette.pro/?color=oklch%2856%25+0.04+192%29&paletteType=ana&paletteStyle=square&colorFormat=oklch&effects=0%2C0%2C0%2C0> — Color Palette Pro

  - \[meta]:

    - date: 11/20/2025
    - tags: \["color"]

- <https://www.tonik.com> — Tonik

  - \[meta]:

    - date: 11/18/2025
    - tags: \["studio"]

- <https://s-p.studio/> — Special projects

  - \[meta]:

    - date: 11/13/2025
    - tags: \["agency","studio"]

- <https://maxbittker.github.io/broider/> — border

  - \[meta]:

    - date: 11/13/2025
    - tags: \["design","css"]

- <https://www.tetragrammaton.com/> — Tetragrammaton

  - \[meta]:

    - date: 10/03/2025
    - tags: \["design"]

- <https://studio.4o4.space/> — STUDIO 4o4

  - \[meta]:

    - date: 10/03/2025
    - tags: \["studio"]

- <https://basement.studio/> — basement.studio

  - \[meta]:

    - date: 10/03/2025
    - tags: \["studio"]

- <https://tatianabilbao.com> — Tatiana Bilbao Estudio

  - \[meta]:

    - date: 10/03/2025
    - tags: \["studio"]

- <https://apossible.com/>

  - \[meta]:

    - date: 08/16/2025
    - tags: \["studio"]

- <https://www.luerzersarchive.com/> — Lürzer’s Archive

  - \[meta]:

    - date: 10/02/2025
    - tags: \["design"]

- <https://negative.sanctuary.computer/> — Studio Carbon Negative

  - \[meta]:

    - date: 10/02/2025
    - tags: \["design"]

  - landing poggies

- <https://ertdfgcvb.xyz/> — ertdfgcvb

  - \[meta]:

    - date: 10/02/2025
    - tags: \["studio"]

- <https://www.nb.no/en/> — National Library of Norway

  - \[meta]:

    - date: 11/11/2025
    - tags: \["informatics"]

- <https://www.affinity.studio/> — Affinity, by Canva

  - \[meta]:

    - date: 11/11/2025
    - tags: \["product"]

- <https://www.humans-machines.com/> — Humans Machine

  - \[meta]:

    - date: 11/06/2025
    - tags: \["studio","product"]

- <https://galshir.com/>

  - \[meta]:

    - date: 10/09/2025
    - tags: \["studio"]

- <https://brunoarizio.com/> — Bruno Arizio \[—]

  - \[meta]:

    - date: 10/06/2025
    - tags: \["studio"]

- <https://mushstudios.co/> — Mush Studio

  - \[meta]:

    - date: 10/06/2025
    - tags: \["studio"]

- <https://www.metalabel.com/> — Metalabel

  - \[meta]:

    - date: 10/05/2025
    - tags: \["studio"]

- <https://www.are.na/editorial/are-nas-new-web-client-sander-is-now-available-for-everyone> — Are.na’s web client, Sander.

  - \[meta]:

    - date: 08/03/2025
    - tags: \["client"]

- <https://jonwhitestudio.com/> — Jon White Studio

  - \[meta]:

    - date: 08/03/2025
    - tags: \["studio"]

- <https://www.commarts.com/> — Communication Arts

  - \[meta]:

    - date: 10/02/2025
    - tags: \["arts"]

- <https://x.com/zachlieberman/status/1963683642011455980> — Speculative drawing

  - \[meta]:

    - date: 10/03/2025
    - tags: \["drawing"]

- <https://barnsworthburning.net/> — barnsworthburning

  - \[meta]:

    - date: 10/03/2025
    - tags: \["designer"]