TECHNICAL AUTHORITY / VISUAL LANGUAGE
02 — BRAND DNA
01
ETHICAL PRECISION
Precisão, transparência e responsabilidade.
02
INDUSTRIAL RELIABILITY
Confiabilidade, segurança e excelência operacional.
03
QUIET AUTHORITY
Autoridade transmitida por clareza, consistência e domínio técnico.
03 — COLOR SYSTEM
INSTITUTIONAL GREEN
#0F382C · HEADERS / FOOTERS / INSTITUTIONAL
ACTION GREEN
#2CA131 · CTA / ACTIVE / INDICATORS
TEXT PRIMARY
#1C1B1B · PRIMARY CONTENT
SECONDARY · #6B6B6B
PRIMARY BACKGROUND · #FBF9F8
ERROR · #BA1A1A
BORDER / DEFAULT
rgba(28,27,27,0.15)
BORDER / STRONG
rgba(28,27,27,0.25)
BORDER / ACTIVE
#2CA131
04 — TYPOGRAPHY
BARLOW CONDENSED · BOLD · UPPERCASE
HERO TITLE 48 / 56 · SECTION TITLE 32 / 40 · CARD TITLE 24 / 32
INTER · CONTENT / UI / TECHNICAL DATA
BODY LARGE — 18px / 28px
BODY — 16px / 24px
BODY SMALL — 14px / 20px
LABEL — 12px / 16px
05 — TYPOGRAPHY RULES
BARLOW CONDENSED
Headlines · títulos · números · estatísticas · cards. Não usar em parágrafos longos.
INTER
Textos · descrições · formulários · botões · tabelas · informação técnica.
06 — SPACING SYSTEM
XS — 4PX
BASE — 8PX
SM — 12PX
MD — 24PX
LG — 48PX
XL — 80PX · MOBILE MARGIN 16PX · DESKTOP MARGIN 64PX
07 — GRID SYSTEM
DESKTOP · 12 COLUMNS · MAX 1280PX · MARGIN 64PX
MOBILE · 4 COLUMNS · MARGIN 16PX
08 — RESPONSIVE SYSTEM
MOBILE
< 768PX
TABLET
768PX — 1023PX
DESKTOP
≥ 1024PX
09 — BUTTON SYSTEM
DEFAULT · HOVER 150MS · FOCUS 2PX ACTION GREEN · DISABLED 40%
10 — CARD SYSTEM
11 — FORM SYSTEM
12 — ICONOGRAPHY
2PX STROKE · GEOMETRIC · TECHNICAL · MINIMAL
ELEVATOR
BUILDING
MAINTENANCE
SHIELD
ENGINEERING
CHECK
ARROW
PHONE
LOCATION
CLOCK
13 — VERTICALITY
Linhas, divisores, indicadores, níveis e progresso traduzem o transporte vertical em linguagem de interface.
01
02
03
04
14 — MOTION SYSTEM
FAST · 150MS
STANDARD · 250MS
SLOW · 500MS
HERO · 800MS
EASING · cubic-bezier(0.22, 1, 0.36, 1) · FADE UP · VERTICAL REVEAL · HOVER · VERTICAL PARALLAX
PRECISION + VERTICALITY + CONTROL
NO BOUNCE. NO ELASTIC.
15 — HERO COMPONENT / 23 ANOS DE EXPERIÊNCIA
Segurança, precisão e confiabilidade para manter seu sistema de transporte vertical funcionando.
23
YEARS / TECHNICAL EXCELLENCE
16 — DATA & STATISTICS
17 — DO / DON’T
DO
WHITESPACE · STRUCTURAL LINES · THIN BORDERS · INSTITUTIONAL + ACTION GREEN · BARLOW CONDENSED FOR TITLES · INTER FOR CONTENT · ORGANIZED GRID · SUBTLE VERTICAL MOTION · HIGH LEGIBILITY
DON’T
LOUD GRADIENTS · GLASSMORPHISM · NEON · HEAVY SHADOWS · EXCESSIVE ROUNDING · BOUNCE ANIMATIONS · STARTUP AESTHETIC · DECORATIVE CLUTTER · EMOJIS · RANDOM COLORS
18 — DESIGN PRINCIPLES
01
A informação deve ser compreendida rapidamente.
02
Cada elemento possui uma função.
03
A interface transmite estabilidade e segurança.
04
A marca não precisa exagerar para demonstrar conhecimento.
05
Movimento, espaço e hierarquia devem parecer deliberados.
19 — SINERGIA TECHNICAL AUTHORITY
23 YEARS OF TECHNICAL EXCELLENCE