Day 1 Theory Lecture • #Hashtag Cyberstar

push the letters around ↑ then scroll ↓

Where websites have personality, communities thrive, and technology serves people, not profits.

The web is magic—but it's magic we can learn. It's just text files talking to each other. No app required. No company in the middle.

Why does the web feel so...
CORPORATE?

Big tech controls the platforms. Most people only visit 5-10 sites. Design trends homogenise. "Professional" = corporate. Dark patterns manipulate users everywhere.

It wasn't designed this way...

ブランドとは何か

"Branding" is a normalising force

The very concept of "branding" comes from burning marks into cattle—a claim of ownership. When we talk about "personal branding," we're adopting the language of capitalism, turning ourselves into products to be marketed.

// The branding industrial complex demands:
→ "Consistency" (never evolve, never contradict)
→ "Target audiences" (reduce humans to demographics)
→ "Value propositions" (justify your existence economically)
→ "Competitor research" (define yourself by opposition)

// What if instead...
Inconsistency as human authenticity
Audiences as communities
Ethics as value
Solidarity over competition

Branding smooths out the weird. It demands a 'legibility to capital'* --> measuring everything by reductive, quantifiable metrics. It dehumanises --> reducing human labour to "units," creativity to "content," people to "audiences" and "markets." YOU become a product to be optimised.
*'legibility to capital' is a fascinating term (but an anathema to our purposes) --> further reading

Consider: Every tech startup looks identical. Gradient logos. Sans-serif fonts. "Friendly" illustrations of diverse cartoon people. This is branding doing its work—making difference illegible, making everything safe for investors.

That is not our goal here in #Hashtag Cyberstar

❌ "Values" / "Brand Guidelines" ✓ "Personal Web Manifesto & Ethics of Maintenance"

What if your website wasn't a brand, but a garden? A space you tend, that changes with seasons, that grows in unexpected directions? What if inconsistency was not a bug, but a feature, evidence of quirky, messy, human authenticity?

𓍊𓋼𓍊𖡼.𖤣𖥧𖡼.𖤣𖥧𓋼𓍊𓋼𓍊𓋼𓍊𖡼.𖤣𖥧𖡼.𖤣𖥧𓋼𓍊𓋼𓍊𓋼𓍊𖡼.𖤣𖥧𖡼.𖤣𖥧𓋼𓍊𓋼𓍊𓋼𓍊𖡼.𖤣𖥧𖡼.𖤣𖥧𓋼𓍊𓋼

Where did we come from?

1991
The First Website
Tim Berners-Lee at CERN. Just text and links. No ads. No tracking. Just information wanting to be free.
✨ 1994-1999 ✨
Web 1.0 — The Weird Era
GeoCities, webrings, personal pages, experimentation. 🚧 Under construction 🚧 Guest books. Animated cursors. ★ Chaos was beautiful ★
2004-2010
Web 2.0 — The Social Era
Connect the world! became monetise the world.
2010-Now
Platform Capture
Five companies own the internet. Algorithms decide what you see. Design serves shareholders, not users.
Now+
Rewilding?
Alternatives are emerging. Small web. IndieWeb. Personal sites. You can be part of this.

Who owns your presence?

What dies when a platform dies?

        _______________
       /               \
      /                 \
     |                   |
     |                   |
     |   💀 GRAVEYARD    |
     |                   |
     |   Vine (2017)     |
     |   Google+ (2019)  |
     |   Orkut (2014)    |
     |   MySpace  †      |
     |   Tumblr   †      |
     |   Yahoo Answers   |
     |   GeoCities       |
     |                   |
     |   All that        |
     |   content.        |
     |   Gone or         |
     |   orphaned.       |
     |                   |
     |       R.I.P.      |
     |                   |
     |___________________|
     |___________________|
                    
              /\
             /  \
            /    \
           /  ⚱️  \
          /________\
         /          \
        /__THE_ARCHIVE__\
       |    |    |    |
       | 🏛️ |    | 🏛️ |
       |    |    |    |
       | Internet    |
       | Archive's   |
       | Wayback     |
       | Machine     |
       |             |
       | Digital     |
       | archaeology |
       | in action   |
       |             |
       | 580+ billion|
       | pages saved |
       |    |    |    |
       |____|____|____|
      /________________\
     /__________________\
                    
web.archive.org →

Your Instagram isn't yours. Your TikToks aren't yours.
Your tweets weren't yours. Only your domain is yours.

"If you don't control the server, you're just a tenant."

デザインとは何か

Beyond the West,
Beyond the Browser

Western design assumptions aren't universal truths. Density isn't clutter. Maximalism isn't chaos. Community-first interfaces exist everywhere—we just don't see them from Silicon Valley.

(drag the stars to rearrange the constellation)

Australian First Nations Digital Projects

ABC Indigenous · AIATSIS (Australian Institute of Aboriginal & Torres Strait Islander Studies) · Creative Spirits · BlakDance · Koori Mail · IndigenousX · First Australians (NMA) · GAMBAY (First Languages Map)

What if "good design" looks completely different depending on where you're standing?

What is online presence anyway?

Hint: It's not just a website.

🌐 🎮 👤 📱 💬 🤖 🍞 🎭 ⚙️
    ╔═══════╗
    ║ .---. ║
    ║ |   | ║
    ║ '---' ║
    ╚═══════╝
                
   /\_/\
  ( o.o )
   > ^ <
                
  ┌──────┐
  │ ▓▓▓▓ │
  │ ░░░░ │
  └──────┘
                

Your presence doesn't have to live in one place. It doesn't have to look like anyone else's. It just has to be yours.

Reclaiming digital spaces for creativity, community, and weirdness.

Right-click → View Source → It's all just HTML

🐢 The Slow Web

A response to the attention economy

Like the Slow Food movement resisted fast food culture, the Slow Web resists the hyper-optimised, attention-harvesting, platform-controlled digital environment. It's not about dial-up speeds—it's about intentionality, durability, and craft.

🐢 Slow Web ⚡ Fast Web
Durability
Content is preserved, maintained, yours
Content is ephemeral, algorithm-driven, platform-owned
Deep Engagement
Designed for thought and reflection
Maximizing clicks, scrolling, time-on-site
Ownership
You control your space
You're a tenant in "Walled Gardens"
Craft
Handmade, intentional, unique
Templated, homogenous, "efficient"

"Fast" serves platforms. "Slow" serves people.

タイポグラフィー

Typography is feeling

Typography = the art of arranging letters so they:
→ Can be read
→ Communicate a feeling/tone
→ Look intentional (not accidental)

Same words. Completely different feeling.

(hover to reveal font name)

Comic Sans
"I am a serious professional artist"
Times New Roman
"I am a serious professional artist"
Helvetica
"I am a serious professional artist"
Brush Script
"I am a serious professional artist"
Impact
"I am a serious professional artist"

The WORDS are identical. The FEELING is completely different. That's typography.

Design has no rules
(but here are some tools)

/* C.R.A.P. - Design Principles (not rules!) */

Contrast → Make differences obvious
Repetition → Create consistency through patterns
Alignment → Nothing should look accidentally placed
Proximity → Related things go together

/* Color Theory speedrun */
Complementary → Opposites attract (high contrast)
Analogous → Neighbors harmonise (cohesive)
Emotional → Colors have feelings (cultural context matters!)

BUT ALSO:

The Spectrum:

Minimalism
Maximalism
Static
Kinetic
Fast
Slow
Serious
Playful
Professional
Personal

You don't have to pick a side. You can move along the spectrum. The choice IS the design.

every design choice is a political choice weird is wonderful on the web you belong here who decided professional? every design choice is a political choice weird is wonderful on the web you belong here who decided professional?

Key Takeaways

Write a Personal Web Manifesto

Not brand guidelines. Not a style guide.
A living document about ethics of maintenance:
What do you value? What will you tend? What will you let die?

What's next?

This afternoon: you'll create your first webpage.
This week: you'll learn the tools to join the weird, wild web.
By course end: you'll have your own platform to experiment.