Base

Base de código para o Design System do SISPMB e que integra
os padrões de interfaces digitais

Guia de estilo: Marca

A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

Marca SISPMB

Por razões de propriedade industrial e de estratégia de comunicação, a configuração da marca do SISPMB nunca deve ser alterada.

Marca responsiva

Esta versão deve ser usadas em situações cujas aplicações da marca SISPMB já não supre as necessidades da aplicação, principalmente no que se refere referente à economia de espaço em tela de dispositivos associada à qualidade de leitura e redução da marca.

Guia de estilo: Tipografia

Todavia, o início da atividade geral de formação de atitudes causa impacto indireto na reavaliação das novas proposições

Tipo Exemplo Fonte Tamanho
Cabeçalho 1

ABC abc

Lato 2.488 rem
Cabeçalho 2

ABC abc

Lato 2.08 rem
Cabeçalho 3

ABC abc

Lato 1.72 rem
Parágrafo

ABC abc

Lato 1 rem

Guia de estilo: Cores

O cuidado em identificar pontos críticos na complexidade dos estudos efetuados estende o alcance e a importância da gestão inovadora da qual fazemos parte

Azul #005EB8
Cinza #243342
Verde #35B068
Vermelho #DB340B
Azul aqua #14ADCC
Roxo #994599
Laranja #FF8040
Verde Oliva #83BF30

Guia de estilo: Iconografia

A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

uil-0-plus0xe800
uil-10-plus0xe801
uil-12-plus0xe802
uil-13-plus0xe803
uil-16-plus0xe804
uil-17-plus0xe805
uil-18-plus0xe806
uil-21-plus0xe807
uil-3-plus0xe808
uil-500px0xe809
uil-6-plus0xe80a
uil-abacus0xe80b
uil-accessible-icon-alt0xe80c
uil-adjust-alt0xe80d
uil-adjust-circle0xe80e
uil-adjust-half0xe80f
uil-adjust0xe810
uil-adobe-alt0xe811
uil-adobe0xe812
uil-airplay0xe813
uil-align-alt0xe814
uil-align-center-alt0xe815
uil-align-center-h0xe816
uil-align-center-justify0xe817
uil-align-center-v0xe818
uil-align-center0xe819
uil-align-justify0xe81a
uil-align-left-justify0xe81b
uil-align-left0xe81c
uil-align-letter-right0xe81d
uil-align-right-justify0xe81e
uil-align-right0xe81f
uil-align0xe820
uil-amazon0xe821
uil-ambulance0xe822
uil-analysis0xe823
uil-analytics0xe824
uil-anchor0xe825
uil-android-alt0xe826
uil-android-phone-slash0xe827
uil-android0xe828
uil-angle-double-down0xe829
uil-angle-double-left0xe82a
uil-angle-double-right0xe82b
uil-angle-double-up0xe82c
uil-angle-down0xe82d
uil-angle-left0xe82e
uil-angle-right-b0xe82f
uil-angle-right0xe830
uil-angle-up0xe831
uil-angry0xe832
uil-ankh0xe833
uil-annoyed-alt0xe834
uil-annoyed0xe835
uil-apple-alt0xe836
uil-apple0xe837
uil-apps0xe838
uil-archive-alt0xe839
uil-archive0xe83a
uil-archway0xe83b
uil-arrow-break0xe83c
uil-arrow-circle-down0xe83d
uil-arrow-circle-left0xe83e
uil-arrow-circle-right0xe83f
uil-arrow-circle-up0xe840
uil-arrow-compress-h0xe841
uil-arrow-down-left0xe842
uil-arrow-down-right0xe843
uil-arrow-down0xe844
uil-arrow-from-right0xe845
uil-arrow-from-top0xe846
uil-arrow-growth0xe847
uil-arrow-left0xe848
uil-arrow-random0xe849
uil-arrow-resize-diagonal0xe84a
uil-arrow-right0xe84b
uil-arrow-to-bottom0xe84c
uil-arrow-to-right0xe84d
uil-arrow-up-left0xe84e
uil-arrow-up-right0xe84f
uil-arrow-up0xe850
uil-arrows-h-alt0xe851
uil-arrows-h0xe852
uil-arrows-left-down0xe853
uil-arrows-maximize0xe854
uil-arrows-merge0xe855
uil-arrows-resize-h0xe856
uil-arrows-resize-v0xe857
uil-arrows-resize0xe858
uil-arrows-right-down0xe859
uil-arrows-shrink-h0xe85a
uil-arrows-shrink-v0xe85b
uil-arrows-up-right0xe85c
uil-arrows-v-alt0xe85d
uil-arrows-v0xe85e
uil-assistive-listening-systems0xe85f
uil-asterisk0xe860
uil-at0xe861
uil-atm-card0xe862
uil-atom0xe863
uil-auto-flash0xe864
uil-award-alt0xe865
uil-award0xe866
uil-baby-carriage0xe867
uil-backpack0xe868
uil-backspace0xe869
uil-backward0xe86a
uil-bag-alt0xe86b
uil-bag-slash0xe86c
uil-bag0xe86d
uil-balance-scale0xe86e
uil-ball0xe86f
uil-ban0xe870
uil-bars0xe871
uil-baseball-ball0xe872
uil-basketball-hoop0xe873
uil-basketball0xe874
uil-bath0xe875
uil-battery-bolt0xe876
uil-battery-empty0xe877
uil-bed-double0xe878
uil-bed0xe879
uil-behance-alt0xe87a
uil-behance0xe87b
uil-bell-school0xe87c
uil-bell-slash0xe87d
uil-bell0xe87e
uil-bill0xe87f
uil-bitcoin-alt0xe880
uil-bitcoin-bold0xe881
uil-bitcoin-circle0xe882
uil-bitcoin0xe883
uil-black-berry0xe884
uil-blogger-alt0xe885
uil-blogger0xe886
uil-bluetooth-b0xe887
uil-bold0xe888
uil-bolt-alt0xe889
uil-bolt-slash0xe88a
uil-bolt0xe88b
uil-book-alt0xe88c
uil-book-medical0xe88d
uil-book-open0xe88e
uil-book-reader0xe88f
uil-book0xe890
uil-bookmark-full0xe891
uil-bookmark0xe892
uil-books0xe893
uil-boombox0xe894
uil-border-alt0xe895
uil-border-bottom0xe896
uil-border-clear0xe897
uil-border-horizontal0xe898
uil-border-inner0xe899
uil-border-left0xe89a
uil-border-out0xe89b
uil-border-right0xe89c
uil-border-top0xe89d
uil-border-vertical0xe89e
uil-bowling-ball0xe89f
uil-box0xe8a0
uil-briefcase-alt0xe8a1
uil-briefcase0xe8a2
uil-bright0xe8a3
uil-brightness-empty0xe8a4
uil-brightness-half0xe8a5
uil-brightness-low0xe8a6
uil-brightness-minus0xe8a7
uil-brightness-plus0xe8a8
uil-brightness0xe8a9
uil-bring-bottom0xe8aa
uil-bring-front0xe8ab
uil-brush-alt0xe8ac
uil-bug0xe8ad
uil-building0xe8ae
uil-bullseye0xe8af
uil-bus-alt0xe8b0
uil-bus-school0xe8b1
uil-bus0xe8b2
uil-calcualtor0xe8b3
uil-calculator-alt0xe8b4
uil-calculator0xe8b5
uil-calendar-alt0xe8b6
uil-calendar-slash0xe8b7
uil-calender0xe8b8
uil-calling0xe8b9
uil-camera-change0xe8ba
uil-camera-plus0xe8bb
uil-camera-slash0xe8bc
uil-camera0xe8bd
uil-cancel0xe8be
uil-capsule0xe8bf
uil-capture0xe8c0
uil-car-sideview0xe8c1
uil-car-slash0xe8c2
uil-car-wash0xe8c3
uil-car0xe8c4
uil-card-atm0xe8c5
uil-caret-right0xe8c6
uil-cart0xe8c7
uil-cell0xe8c8
uil-celsius0xe8c9
uil-chart-bar-alt0xe8ca
uil-chart-bar0xe8cb
uil-chart-down0xe8cc
uil-chart-growth-alt0xe8cd
uil-chart-growth0xe8ce
uil-chart-line0xe8cf
uil-chart-pie-alt0xe8d0
uil-chart-pie0xe8d1
uil-chart0xe8d2
uil-chat-bubble-user0xe8d3
uil-chat-info0xe8d4
uil-chat0xe8d5
uil-check-circle0xe8d6
uil-check-square0xe8d7
uil-check0xe8d8
uil-circle-layer0xe8d9
uil-circle0xe8da
uil-circuit0xe8db
uil-clapper-board0xe8dc
uil-clipboard-alt0xe8dd
uil-clipboard-blank0xe8de
uil-clipboard-notes0xe8df
uil-clipboard0xe8e0
uil-clock-eight0xe8e1
uil-clock-five0xe8e2
uil-clock-nine0xe8e3
uil-clock-seven0xe8e4
uil-clock-ten0xe8e5
uil-clock-three0xe8e6
uil-clock-two0xe8e7
uil-clock0xe8e8
uil-closed-captioning0xe8e9
uil-cloud-block0xe8ea
uil-cloud-bookmark0xe8eb
uil-cloud-check0xe8ec
uil-cloud-computing0xe8ed
uil-cloud-data-connection0xe8ee
uil-cloud-database-tree0xe8ef
uil-cloud-download0xe8f0
uil-cloud-drizzle0xe8f1
uil-cloud-exclamation0xe8f2
uil-cloud-hail0xe8f3
uil-cloud-heart0xe8f4
uil-cloud-info0xe8f5
uil-cloud-lock0xe8f6
uil-cloud-meatball0xe8f7
uil-cloud-moon-hail0xe8f8
uil-cloud-moon-meatball0xe8f9
uil-cloud-moon-rain0xe8fa
uil-cloud-moon-showers0xe8fb
uil-cloud-moon0xe8fc
uil-cloud-question0xe8fd
uil-cloud-rain-sun0xe8fe
uil-cloud-rain0xe8ff
uil-cloud-redo0xe900
uil-cloud-set0xe901
uil-cloud-share0xe902
uil-cloud-shield0xe903
uil-cloud-showers-alt0xe904
uil-cloud-showers-heavy0xe905
uil-cloud-showers0xe906
uil-cloud-slash0xe907
uil-cloud-sun-hail0xe908
uil-cloud-sun-meatball0xe909
uil-cloud-sun-rain-alt0xe90a
uil-cloud-sun-rain0xe90b
uil-cloud-sun-tear0xe90c
uil-cloud-sun0xe90d
uil-cloud-times0xe90e
uil-cloud-unlock0xe90f
uil-cloud-upload0xe910
uil-cloud-wifi0xe911
uil-cloud-wind0xe912
uil-cloud0xe913
uil-clouds0xe914
uil-club0xe915
uil-code0xe916
uil-coffee0xe917
uil-cog0xe918
uil-coins0xe919
uil-columns0xe91a
uil-comment-alt-block0xe91b
uil-comment-alt-chart-lines0xe91c
uil-comment-alt-check0xe91d
uil-comment-alt-dots0xe91e
uil-comment-alt-download0xe91f
uil-comment-alt-edit0xe920
uil-comment-alt-exclamation0xe921
uil-comment-alt-heart0xe922
uil-comment-alt-image0xe923
uil-comment-alt-info0xe924
uil-comment-alt-lines0xe925
uil-comment-alt-lock0xe926
uil-comment-alt-medical0xe927
uil-comment-alt-message0xe928
uil-comment-alt-notes0xe929
uil-comment-alt-plus0xe92a
uil-comment-alt-question0xe92b
uil-comment-alt-redo0xe92c
uil-comment-alt-search0xe92d
uil-comment-alt-share0xe92e
uil-comment-alt-shield0xe92f
uil-comment-alt-slash0xe930
uil-comment-alt-upload0xe931
uil-comment-alt-verify0xe932
uil-comment-alt0xe933
uil-comment-block0xe934
uil-comment-chart-line0xe935
uil-comment-check0xe936
uil-comment-dots0xe937
uil-comment-download0xe938
uil-comment-edit0xe939
uil-comment-exclamation0xe93a
uil-comment-heart0xe93b
uil-comment-image0xe93c
uil-comment-info-alt0xe93d
uil-comment-info0xe93e
 uil-comment-lines0xe93f
uil-comment-lock0xe940
uil-comment-medical0xe941
uil-comment-message0xe942
uil-comment-notes0xe943
uil-comment-plus0xe944
uil-comment-question0xe945
uil-comment-redo0xe946
uil-comment-search0xe947
uil-comment-share0xe948
uil-comment-shield0xe949
uil-comment-slash0xe94a
uil-comment-upload0xe94b
uil-comment-verify0xe94c
uil-comment0xe94d
uil-comments-alt0xe94e
uil-comments0xe94f
uil-commnet-alt-slash0xe950
uil-compact-disc0xe951
uil-compass0xe952
uil-compress-alt-left0xe953
uil-compress-alt0xe954
uil-compress-arrows0xe955
uil-compress-lines0xe956
uil-compress-point0xe957
uil-compress-v0xe958
uil-compress0xe959
uil-computer-mouse0xe95a
uil-confused0xe95b
uil-constructor0xe95c
uil-copy-alt0xe95d
uil-copy-landscape0xe95e
uil-copy0xe95f
uil-copyright0xe960
uil-corner-down-left0xe961
uil-corner-down-right-alt0xe962
uil-corner-down-right0xe963
uil-corner-left-down0xe964
uil-corner-right-down0xe965
uil-corner-up-left-alt0xe966
uil-corner-up-left0xe967
uil-corner-up-right-alt0xe968
uil-corner-up-right0xe969
uil-creative-commons-pd-alt0xe96a
uil-creative-commons-pd0xe96b
uil-crockery0xe96c
uil-crop-alt-rotate-left0xe96d
uil-crop-alt-rotate-right0xe96e
uil-crop-alt0xe96f
uil-crosshair-alt0xe970
uil-crosshair0xe971
uil-crosshairs0xe972
uil-cube0xe973
uil-dashboard0xe974
uil-data-sharing0xe975
uil-database-alt0xe976
uil-database0xe977

Componentes: Botões

A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

Normais
A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

Pequeno

Médio

Grande

Outline
A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

Pequeno

Médio

Grande

Com ícones
A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

Pequeno

Médio

Grande

Outline com ícones
A certificação de metodologias que nos auxiliam a lidar com o surgimento do comércio virtual maximiza as possibilidades por conta das regras de conduta normativas.

Pequeno

Médio

Grande

Componentes: Formulários