# agustín oberg · design language

> The personal design language of agustín oberg, product designer. Use it to design anything in my style: mobile apps, websites, portfolios, decks or Dribbble shots. It covers philosophy, decisions with reasons, if/then rules, light and dark tokens, typography, components, micro-blurs, motion and voice. Available in English and Spanish.

How to use it:
1. Read the spec. English is primary; a Spanish translation exists.
2. For a product (for example a travel app), follow "Apply it to any project". For my portfolio, follow "Recipe: portfolio".
3. Take every value from the tokens. Don't hardcode colors, radii, blurs or timings.
4. Never invent facts about me (projects, clients, metrics, bio). Ask, or use placeholders marked [TODO].
If the English spec and the Spanish translation ever differ, English (brand.md) wins.

## Spec

- [Design language](https://agustinoberg-design.pages.dev/brand.md): the full spec, in English (primary).
- [Design language, Spanish](https://agustinoberg-design.pages.dev/brand.es.md): the Spanish translation.
- [Everything in one file](https://agustinoberg-design.pages.dev/llms-full.txt): the English spec plus all tokens, for tools that read a single URL.

## Tokens

- [tokens.css](https://agustinoberg-design.pages.dev/tokens.css): CSS variables for light and dark, base components and micro-blur/motion classes, ready to import.
- [tokens.json](https://agustinoberg-design.pages.dev/tokens.json): every value as design tokens (color per mode, atmospheres, type, radius, space, blur, motion).

## Visual guide

- [English](https://agustinoberg-design.pages.dev/): live demos of every pattern.
- [Spanish](https://agustinoberg-design.pages.dev/es/): the same guide in Spanish.