Hudson Gavin Martin

Hudson Gavin Martin

Preview image. Unlock full-res

Architectural blueprint on white canvas.

Industryagency
Palette
#000000
#ffffff
#333333
#797979
#ecf1fb
#fff3f5
#f1fbf6
#00ac38

Hudson Gavin Martin uses a structured, grid-based layout with strong black borders defining content areas. A minimal, formal typography set is contrasted by occasional bursts of subtle, tinted surface colors, creating a sense of organized professionalism with approachable accents. The overall feel is that of an architectural blueprint, where clean lines and precise boundaries dictate visual flow and hierarchy. Always define vertical and horizontal content separation with 1px solid Ink Black (#000000) borders. Use Tiempos Headline Web (400, 50px, normal letter-spacing, 1.24 lineHeight) for primary page-level headings to convey authority. Apply specific background tints (Sky Tint #ecf1fb, Rose Tint #fff3f5, Mint Tint #f1fbf6) to content cards to delineate thematic sections within the main grid. Ensure all interactive elements, including buttons and card links, have a border radius of 0px to maintain the sharp, architectural aesthetic. Employ Helvetica Neue LT Pro (400, 12px, 0.040em letter-spacing) for all compact labels and button text for legibility at small sizes. Maintain 6px as the default elementGap between small, inline elements to preserve density and visual grouping. Avoid using rounded corners; the system strongly relies on a 0px border-radius across all components for its structured feel. Do not use drop shadows or elevation effects; the design emphasizes flat surfaces and defined borders for depth. Do not introduce new vibrant colors outside of the defined thematic accent and very limited brand green; the palette is intentionally restrained. Do not use generic system fonts when custom fonts are specified; font choices are critical to establishing the brand's formal yet modern tone. Avoid overly spacious layouts; the design prioritizes a comfortable but contained density, particularly with elementGap at 6px and cardPadding at 30px. Do not use filled buttons for primary actions; the system prefers ghost buttons with strong borders to maintain visual lightness and structure.

More like this