#002B49 #D22630 #EADDD5 #CDA788 #BCBEC0 #E6E7E8
CUSTOMER
Small
Small
Bold
SECTION / MODAL HEADER
NAVIGATION
HEADER
Body
Roboto Condensed, bold, 40px, uppercase, #D22630
Roboto Condensed, bold, 20px, uppercase, #D22630
Roboto Condensed, bold, 18px, uppercase, #002B49
Roboto Condensed, bold, 16px, uppercase, #002B49
Roboto Condensed, bold, 16px, #002B49
Roboto Condensed, 16px, #002B49
Roboto Condensed, 12px, #002B49
Roboto Condensed, italic, 12px, #002B49
COLOR PALETTE
BUTTONS
TYPOGRAPHY
UI STYLEGUIDE
ADD INTERACTION
ADD INTERACTION
Tooltip
Button
DELETE
DELETE
SAVE
SAVE
CANCEL
CANCEL
:hover :hover :hover :hover:hover

History
10,000
7,000
03/20as of
as of 11/19
50%
ActiveSTATUS
USDCURRENCY
NOFULLY SHIPPED
30,00PAST BALANCE
330,000TOTAL
300,000INVENTORY OWED
TOTAL TO COLLECT
SECTION HEADER
UI COMPONENTS
MODAL TITLE
MODAL HEADER
Modal content…
UI STYLEGUIDE
TAB NAV 1 TAB NAV 2 TAB NAV 3
:hover :active
TABBED NAVIGATION BAR
USER CONTROLS
PROGRESS BAR
SUMMARY TABLE COLUMN W/HEADER
SECTION DIVIDER
MODAL
TOOLTIP
SUMMARY TABLE COLUMN NO-HEADER

FORM PANEL
APPLY
CANCEL
Show LLC
Show both
Show DBA
Default to my accounts
REP
Fred Flintstone
TAGS
Tag…
RESET ALL
INTERACTIONS RECORDED Reset Dates
TO MM/DD/YYYYMM/DD/YYYY
Tag1
Bar…
WYSIWYG
Enter text…
B I U
1
2
3
FILTERS
FROM TO MM/DD/YYYYMM/DD/YYYY
REP
Select…
FILE
Select…
FORM ELEMENTS
UI STYLEGUIDE
ACCORDION
SEARCH EDITOR

R3C1 R3C2
R2C1 R2C2
R1C1 R1C2
HEADER 1 HEADER 2
DATA GRID
R1C1
R2C1
R1C2
R2C2
HEADER 1
HEADER 1
HEADER 2
HEADER 2
DATA GRID (RESPONSIVE)
UI STYLEGUIDE
10 Barrel Brewing Co.
Barrelhouse Brewing Co.
Big Barrel Brewing
A-
B+
C
TABLE GRID LIST
Barrelhouse Brewing Co.
Barrel Chested Bearded Men, LLC
B+
10 Barrel Brewing Co.
Barrels of Fun, LLC
A-
Big Barrel Brewing
C
DOUBLE LINE LIST SINGLE LINE LIST

UI STYLEGUIDE
MEDIA ASSETS
EVENT
LEGAL
PAYMENT
PLAN
VISIT
NOTE
EMAIL
BREWERY BG PHOTOS LOGOS FONTAWESOME
WATERMARK (25% OPACITY)