Design System

Loja Tubrax

Design system extracted from https://tubrax.com.br on 2026-08-06 (code-based analysis).

Source · https://tubrax.com.br Engine · Code analysis Created · Aug 6, 2026 14:24 Cost · $0.0000

Palette

Colors

primary

#111827

17.74 on white · 1.18 on black · 221° 39% 11%

Tokens in Context

Components

card

radius12px

button-primary

radius12px

Proof

Live Preview

Complete Reference

Full design.md Specification

Design Specification — Loja Tubrax

Field	Value
Site / Project	https://tubrax.com.br
Analyzed on	2026-08-06
Analysis mode	Automated code extraction (no AI)

Overview

This design system was extracted programmatically from the source page. It is built on the detected palette. All type is set in "system-ui", system-ui, sans-serif.

Logo asset(s): https://www.tubrax.com.br/tpl/img/logo-modal.png · https://www.tubrax.com.br/tpl/img/logo.png

Color System

Detected palette (by frequency)

Hex	RGB	HSL	Count

Typography

Primary typeface: system-ui — stack: "system-ui", system-ui, sans-serif

Font stacks (most used first)

Font sizes (by frequency)

Size	Count

Spacing

Value	Count

Borders & Radius

Radius	Count

CTA labels found on page

Confirmar
Buscar
COMPRAEXCLUSIVA

Do's and Don'ts

Do stay within the detected palette and type scale documented above.

Don't

Don't introduce colors outside the detected palette — every hue above was found in the source.
Don't add gradients — the source page uses flat fills exclusively.
Don't add drop shadows; the source page relies on borders and surface shifts for depth, not elevation.

Design Tokens (copy-paste)

:root {
  --font-sans: "system-ui", system-ui, sans-serif;
}