Teta

Teta — design reference

Source: https://teta.so/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Typography

• font-family: var(--font-primary) — selector body
• font-size: 1.1rem — selector .content.svelte-1xqvkrg h3:where(.svelte-1xqvkrg)
• font-size: .9rem — selector .content.svelte-1xqvkrg p:where(.svelte-1xqvkrg)
• font-weight: 600 — selector .content.svelte-1xqvkrg h3:where(.svelte-1xqvkrg)
• font-weight: 500 — selector button.svelte-1xqvkrg
• line-height: 1.5 — selector .content.svelte-1xqvkrg p:where(.svelte-1xqvkrg)

Colors and surfaces

• color: var(--on-surface) — selector body
• color: #fafafa — selector a.svelte-1uha8ag
• color: var(--text-secondary) — selector .content.svelte-1xqvkrg p:where(.svelte-1xqvkrg)
• color: var(--btn-primary-text) — selector .btn-primary.svelte-1xqvkrg
• background-color: var(--surface) — selector body

Components and layout

• border-radius: 0 — selector button.svelte-1xqvkrg
• max-width: 36rem — selector .letter.svelte-1uha8ag
• padding: 10px 20px — selector button.svelte-1xqvkrg
• gap: 12px — selector .actions.svelte-1xqvkrg
• transition: text-decoration-color .2s ease — selector a.svelte-1uha8ag
• transition: opacity .15s,background-color .15s — selector button.svelte-1xqvkrg

Responsive rules

(max-width:600px)