Ignacio Barsottelli
Broker / Owner
Design system
Modern, tech-forward, classy — Stripe / Linear / Mercury, applied to real estate. Reference this page when adding any new UI.
Brand palette
rehl-blue#1E40FF
rehl-blue-dark#1731C9
rehl-blue-light#EEF1FF
Neutrals
ink#0A0E1A
slate-900#111827
slate-700#374151
slate-500#6B7280
slate-300#D1D5DB
slate-100#F3F4F6
slate-50#F9FAFB
white#FFFFFF
Temperature scale
The product surface. Only appears where temperature is the meaning — never as a generic color.
temp-cold#5B8DEF
temp-warm#F59E0B
temp-hot#F43F5E
temp-very-hot#DC2626
15·Cold42·Warm73·Hot92·Very HotNot scored
Functional
success#10B981
warning#F59E0B
error#EF4444
info#3B82F6
Typography
text-5xl / 600
The way you find your home — reinvented.
text-3xl / 600
Lead pipeline
text-xl / 600
Card title
text-base / 400
Body text. Inter at 400 weight, slate-700.
text-sm / 400
Secondary copy. Inter at 400 weight, slate-500.
text-xs / uppercase
Section header
mono / tabular-nums
$4,265,000
Border radius
rounded-smrounded-mdrounded-lgrounded-pillShadow scale
shadow-smshadow-mdshadow-lgSample component: lead card
patricia.miller@gmail.com
+1 407 555 0142
2h ago
Pre-qual
Qualified up to $2,500,000
Source
consumer_site
carlos.rodriguez@yahoo.com
+1 407 555 0298
1d ago
Pre-qual
Pre-qual in progress
Source
organic_search
See packages/design-system/docs/design-system.md for the full rules and guidance.