<% card = "rounded-lg border border-secondary bg-container p-3 space-y-1.5" label = "text-xs font-medium text-primary" meta = "text-xs text-secondary font-mono" %>

Typography

Font family tokens defined in design/tokens/sure.tokens.json. Sizes, weights, and line heights are not yet curated as Sure tokens — the codebase uses Tailwind defaults, listed below for reference.

Font families (Sure tokens)

<% fonts.each do |entry| %>
<%= entry[:var] %> <%= entry[:name] %>

The quick brown fox jumps over the lazy dog. 0123456789

<%= entry[:value] %>

<% end %>

Size scale (Tailwind defaults — not Sure tokens)

Used heavily across the codebase. Listed here as reference until a Sure-specific hierarchy is curated.

<% text_sizes.each do |class_name, value| %>
<%= class_name %> <%= value %> The quick brown fox
<% end %>

Weight scale (Tailwind defaults — not Sure tokens)

<% font_weights.each do |class_name, value| %>
<%= class_name %> <%= value %> The quick brown fox
<% end %>