Brand First
The primary brand color is reserved for meaningful moments, including calls to action, active navigation and visual highlights. Limiting its use increases recognition while preventing the interface from feeling visually overwhelming.
Block LLC Website Redesign
Color & Visual Identity
The color palette for the redesigned Block LLC website was intentionally developed to reinforce the company’s established reputation while creating a clean, timeless and highly readable digital experience.
Color Strategy
A restrained palette creates a stronger and more recognizable brand.
The redesigned Block LLC website intentionally avoids an expansive color palette in favor of a focused collection of brand, neutral and supporting colors. This approach allows color to communicate purpose rather than decoration, creating a visual identity that is both consistent and timeless.
Neutral Foundation
Neutral backgrounds, typography and surface colors provide the visual structure of the website. Rather than competing for attention, they allow photography, content and key actions to become the primary focus.
Purposeful Contrast
Contrast is used to establish hierarchy and guide visitors through each page. Sections, cards and interactive elements are differentiated through measured changes in tone instead of dramatic shifts in color.
Timeless Presentation
The palette favors subtle sophistication over short-lived design trends. By relying on restrained color choices, the website is designed to remain visually relevant as the Block LLC brand continues to evolve.
Every color selected for the redesign serves a specific purpose. Together, these decisions create a visual system that reinforces the Block LLC brand while supporting readability, usability and long-term consistency.
Primary Palette
A focused palette built around contrast, warmth and restraint.
The Block LLC color system uses a small collection of colors with clearly defined responsibilities. Deep neutral tones create the architectural foundation of the website, warm surfaces prevent the design from feeling sterile, and gold is reserved for controlled moments of emphasis.
Ink
Block Ink
#111820
The primary dark color establishes the strongest visual foundation of the redesign.
- Used for
- Navigation, dark sections, footer and prominent text
- Avoid for
- Large areas containing dense long-form copy
White
Pure White
#FFFFFF
White provides the clearest surface for content and creates strong contrast against the darker elements of the system.
- Used for
- Primary content areas, cards and text on dark surfaces
- Avoid for
- Every section on a page without tonal variation
Surface
Warm Surface
#F3F1EC
A subtle warm neutral separates sections while maintaining the quiet, editorial character of the redesign.
- Used for
- Alternating sections, supporting panels and page backgrounds
- Avoid for
- Interactive states that require obvious contrast
Gold
Block Gold
#AD8740
Gold introduces warmth and distinction without becoming the dominant visual feature of the website.
- Used for
- Eyebrows, active states, fine details and selected emphasis
- Avoid for
- Body text, large backgrounds or repeated decorative accents
Slate
Secondary Slate
#6D7680
Slate creates a secondary level of emphasis while remaining readable against both white and warm neutral surfaces.
- Used for
- Supporting copy, labels, metadata and secondary navigation
- Avoid for
- Critical information or small text on dark backgrounds
Border
Soft Border
#D8D5CD
A low-contrast border color provides structure without surrounding every element with a visually heavy outline.
- Used for
- Dividers, card boundaries, form fields and subtle structure
- Avoid for
- Primary emphasis or interactive feedback
These six colors form the complete foundation of the visual system. Additional colors should only be introduced when they communicate a functional state, such as success, warning or error—not simply to add variety.
Color Hierarchy
The palette establishes clear levels of emphasis.
Color is assigned according to importance rather than variety. Dark ink creates the strongest visual authority, gold identifies controlled moments of emphasis, slate supports secondary content, and soft neutral tones provide structure without competing for attention.
Primary Action
Schedule a Consultation
The highest-contrast treatment is reserved for the most important action in a section.
Contact Block LLCHighest Emphasis
Block Ink and white create the strongest contrast in the system. This treatment should be used sparingly so primary actions remain immediately recognizable.
- Primary colors
- Block Ink and White
- Used for
- Primary calls to action and key decision points
Section Introduction
Headlines remain neutral and authoritative.
Typography establishes importance through scale and spacing. Gold supports the hierarchy without replacing it.
Primary Content
Major headings use Block Ink rather than accent colors. This preserves readability and prevents the gold tone from becoming decorative or overused.
- Primary colors
- Block Ink with Gold accents
- Used for
- Headings, section labels and important messaging
Property Details
Supporting information remains visible but quieter.
Location, property type, square footage and supporting descriptions use a reduced level of contrast.
Secondary Content
Slate is used for information that must remain readable without competing with headlines, primary messages or calls to action.
- Primary color
- Secondary Slate
- Used for
- Supporting copy, labels, metadata and descriptions
Industrial Portfolio
Supporting content is organized through subtle surfaces and restrained borders.
Structural Detail
Warm surfaces and soft borders organize content without becoming focal points. Their role is to create separation, rhythm and clarity.
- Primary colors
- Warm Surface and Soft Border
- Used for
- Section backgrounds, cards, dividers and form fields
The hierarchy moves from contrast to restraint: ink and white identify the most important moments, gold marks selective emphasis, slate supports secondary information, and neutral surfaces provide quiet structure.
Color & Visual Identity
Color in Components
Components do not receive independent color schemes. They combine the same restrained palette in predictable ways, allowing color to reinforce hierarchy, interaction, and structure throughout the website.
Featured Property
Industrial Investment Opportunity
A disciplined acquisition strategy designed to create long-term value.
Explore PropertyContent Card
Neutral Surface with Focused Emphasis
The card relies primarily on neutral colors. Gold identifies a small point of emphasis, Ink establishes the main content hierarchy, and Slate supports the heading without competing with it.
- White
- Creates the primary content surface.
- Ink
- Carries the heading and primary action.
- Slate
- Reduces the visual weight of supporting copy.
- Gold
- Adds selective emphasis through the eyebrow.
- Border
- Defines the component without relying on a shadow.
Investment Strategy
Built for Long-Term Performance
Disciplined execution, durable assets, and a clear investment perspective.
Our ApproachDark Surface
High Contrast without Additional Color
Ink becomes the dominant surface while White carries the primary content. Gold remains a limited accent, preserving its visual importance even within a high-contrast treatment.
- Ink
- Establishes the dominant background and visual weight.
- White
- Provides readable text and a contrasting action.
- Gold
- Highlights the section label without becoming decorative.
Investment Opportunities
Explore Current Offerings
Review available opportunities and learn more about the firm’s investment approach.
Call to Action
Warm Separation with a Strong Action
Warm Surface separates the call to action from surrounding white content without introducing a new brand color. Ink remains the primary action color, while Gold provides a restrained point of emphasis.
- Warm Surface
- Creates tonal separation from adjacent sections.
- Ink
- Establishes the heading and primary action.
- Slate
- Supports the message without weakening readability.
- Gold
- Identifies the eyebrow as secondary emphasis.
Form Controls
Structure through Neutral Contrast
Form controls use White, Border, Ink, and Slate to create a clear interaction hierarchy. Color remains restrained so focus, validation, and error states can remain visually distinct when needed.
- White
- Creates clean, readable input surfaces.
- Border
- Defines fields and separates controls from the page.
- Ink
- Carries labels, entered values, and the submit action.
- Slate
- Identifies placeholders and supporting guidance.
Color & Visual Identity
Accessibility & Contrast
Color combinations must remain readable, distinguishable, and functional across the website. Contrast is treated as a structural requirement rather than a decorative preference, ensuring that content and interactive controls remain clear in every context.
Primary Heading
Clear contrast on light surfaces
Ink provides the strongest reading contrast for headings and essential content, while Slate supports secondary copy without competing with the primary hierarchy.
Light Surfaces
Ink Leads, Slate Supports
White and Warm Surface backgrounds use Ink for primary text. Slate is reserved for supporting content where reduced emphasis is intentional and readability remains strong.
- Primary Text
- Ink on White or Warm Surface
- Secondary Text
- Slate on White or Warm Surface
- Avoid
- Gold for paragraphs or essential instructions
Investment Perspective
High contrast on dark surfaces
White text remains clear against Ink, while Gold is limited to short labels and accents that do not carry essential information.
Dark Surfaces
White Carries the Content
Ink backgrounds require White for headings, body copy, and interactive labels. Gold may introduce emphasis, but it should not replace White where sustained readability is required.
- Primary Text
- White on Ink
- Accent
- Gold for short labels and details
- Avoid
- Slate body text on Ink
Interactive Contrast
Actions Must Remain Obvious
Buttons and links must remain distinguishable from nearby content in their default, hover, focus, and active states. Color may reinforce interaction, but it should not be the only indication that an element is actionable.
- Primary Action
- Ink background with White text
- Secondary Action
- Visible border with clear text contrast
- Text Links
- Distinguished by more than color alone
Information
Supporting details are available in the investment summary.
Submission received
Your inquiry has been successfully submitted.
Action required
Enter a valid email address before continuing.
Meaningful States
Never Depend on Color Alone
Success, warning, error, and informational states must pair color with clear language, labels, icons, or structural differences. Visitors should understand the message even when the color distinction is unavailable.
- Color
- Reinforces the meaning of the state
- Language
- Explains the state directly
- Structure
- Separates the message from surrounding content
Contrast Standard
Readability Comes First
Text and interactive elements should meet accepted contrast requirements for their size and purpose. When a visual treatment creates uncertainty, stronger contrast takes priority over decorative intent.
Color Independence
Meaning Must Survive without Color
Navigation, links, validation, status messages, and selected states must remain understandable through wording, shape, placement, borders, or other visible cues in addition to color.
Consistent Testing
Review Every Approved Combination
Contrast should be verified whenever a color is assigned to a new surface, component, interaction state, or text treatment. Approved combinations become reusable rules for future work.
Color & Visual Identity
Color Principles
The color system is intentionally restrained. Each color has a defined role, and those roles should remain consistent as the site grows. New pages and components should strengthen the established visual language rather than introduce isolated treatments.
Principle 01
Neutrals Carry the Experience
Ink, White, Warm Surface, Slate, and Border should account for most of the website. These colors provide the foundation for layout, readability, hierarchy, and structure without competing with the content.
Principle 02
Gold Is an Accent, Not a Surface
Gold is reserved for selective emphasis such as eyebrows, details, active indicators, and small moments of brand expression. It should not become a dominant background, body text color, or default treatment for every interactive element.
Principle 03
Contrast Establishes Hierarchy
Visual importance should come from clear contrast relationships. Ink and White create the strongest emphasis, Slate supports secondary content, and Border supplies quiet structure. Additional colors should not be required to explain importance.
Principle 04
Surfaces Create Rhythm
White, Warm Surface, and Ink provide the primary section and component backgrounds. Alternating these surfaces creates separation and pacing while preserving a cohesive experience across the site.
Principle 05
Color Reinforces Meaning
Color should support an element’s purpose rather than decorate it arbitrarily. Primary actions, supporting content, structural details, selected states, and feedback messages should each use predictable color relationships.
Principle 06
Meaning Never Depends on Color Alone
Links, validation, status messages, selected states, and other meaningful conditions must remain understandable through text, shape, borders, icons, position, or additional visual cues. Color reinforces communication but does not replace it.
Principle 07
Components Share the Same Palette
Components should combine the approved colors rather than introduce their own independent schemes. Repetition builds familiarity and makes new interface elements feel like part of the same system.
Principle 08
Expansion Requires a Real Need
A new color should only be introduced when the existing palette cannot satisfy a clear communication, accessibility, or brand requirement. New additions must receive a defined role and be incorporated into the design documentation before broader use.