Design System

A button. Two variants: primary, ghost. Optional arrow and leading icon.

Slots

• label required
• href required
• variant optional — primary | ghost
• arrow optional — boolean
• icon optional — svg-path
• attrs optional — string

Example

  Get Spiel
  

Centered section header with optional tag, title, and subtitle.

Slots

• tag optional
• title required
• sub optional

Example

The premise
  
The Hidden Asset
...

A card. Variants: default, stat-shift. Optional href makes it a link. Optional icon adds visual variety.

Slots

• tag optional — use for stat numbers in default cards
• title required
• desc required
• href optional
• num optional — used with variant=stat-shift
• icon optional — decorative; above num for stat-shift
• variant optional — default | stat-shift

Example

Refactor
  
Evidence, not code
  
...

Centered single-column reading prose.

Slots

• text required
• small optional — boolean

Example

For years I believed...

End-of-section insight. Lightbulb icon + text on one line, regular weight. Marks the single line a reader should leave the section with.

Slots

• text required

Example

  The building never stops. The content never starts. Not laziness. Wrong abstraction.

The closing block of a post. Distinct from sections: large relevant icon, silver-gradient key line, smaller echo, optional minimal actions. Use once per post, as the last content block.

Slots

• icon required
• takeaway required
• echo optional
• actions optional — list

Example

Large left-bordered quote with optional attribution.

Slots

• quote required
• attribution optional

Example

  

  
...
  

Numbered workflow. Pass steps as a list of title + body items.

Slots

• steps required — list

Example

Term card with optional phonetic mark and definition.

Slots

• term required
• mark optional
• def required

Example

/sesh/
  

    Session-as-Content
    ...
  

End-of-post CTA with title, body, and action buttons.

Slots

• title required
• body optional
• actions optional — list

Example

  
...
...

Large gradient number with optional small unit suffix.

Slots

• value required
• unit optional

Example

5.6 x

A single citation source. Renders inside a

for a centered, minimal citation list. Author label above, title link below.

Slots

• author required — short source label like 'Theo (X)'
• url required
• title required

Example

  

  Theo (X)
  Is GLM-5.2 cheaper?