Style Guide
Brand and UI reference for Night Shift Baltimore digital properties.
Logos
Wide Format — use when space allows
Square Format — use when dimensions are close to square
black on transparent
when silhouette not allowed
Space Constrained — monogram
with silhouette
when silhouette not allowed
Colors
--primary-color#0c08de
--secondary-color#de08a5
--accent-color#ad08de
--light-background#cfcdfd — TOC, dropdowns
--fieldset-bg#1a1d2e — forms, panels
#ffffff--standard-backgroundTypography
Night Shift
Night Shift
Night Shift
Night Shift
Baltimore's most relaxed adult entertainment venue, open since 1990 at 1725 S. Ponca Street.
inline code sampleButtons & Links
Icons
Font Awesome 6 is available site-wide.
Cards
Record Details
Shared components live in site.css so public, account, and admin views can reuse them.
Put the layout class on the parent rather than repeating presentation classes on every child.
Keep only genuinely page-specific styles in a page stylesheet.
Use content-page for the page wrapper, content-header for a heading and actions,
content-surface for a readable light panel, and content-empty for an empty state.
content-form scopes form styling; data-table styles table children.
Buttons and alerts use the existing Bootstrap and site styles, not page-level overrides.
Field names and values
Use <dl class="field-name-value"> with plain dt and dd children.
- Name
- Example record
- Status
- Active
Add field-name-value-cards for a card grid and group each term/value pair in a plain div.
Both layouts stack on small screens.
- Name
- Example record
- Status
- Active
Use media-gallery for image tiles with optional overlay buttons;
media-gallery-cards adds a footer for asset actions.
Use media-browser for linked thumbnails with a metadata footer.
These parent classes style their semantic children without per-element layout classes.