Expert Legal Services For You

At Martin David, we provide top-notch legal services with a focus on client satisfaction. Our team of experienced lawyers is dedicated to achieving the best outcomes for our clients.

Smiling lawyer at a desk with a laptop and gavel

Our Services

Lawyer talking to a couple

Family Law

Comprehensive support for family law cases.

Learn More
Lawyer presenting in a courtroom

Criminal Defense

Protecting your rights for criminal charges.

Learn More

Frequently Asked Questions

Design System Guidelines

Colors

Primary (Background): #000000

Usage: Main background, primary text color.

Secondary (Background/Elements): #1A1A1A

Usage: Cards, section backgrounds, secondary UI elements.

Text/Primary Button BG: #FFFFFF

Usage: Headings, body text, primary button background.

Secondary Text: #A0A0A0

Usage: Subtitles, captions, less important text.

Accent: #D4AF37 (Example Gold)

Usage: Highlight elements, hover states (optional).

Typography

Font Family: Chivo

Heading 1 (H1)

Expert Legal Services

Heading 2 (H2)

Section Title

Heading 3 (H3)

Subsection Title

Heading 4 (H4)

Card Title / Smaller Heading

Body Text

At Martin David, we provide top-notch legal services with a focus on client satisfaction. Our team of experienced lawyers is dedicated to achieving the best outcomes for our clients.

Small Text / Captions

We advise businesses on corporate matters. Protecting your rights for criminal charges.

Buttons

Primary Button

Secondary Button

Guidelines:

  • Primary buttons are solid with a light background and dark text.
  • Secondary buttons have an outline and text matching the primary text color.
  • Use consistent padding (0.5rem 1rem) and border-radius (0.25rem).
  • Ensure clear hover states.

Cards

Image Placeholder

Card Title

Brief description of the card content goes here.

Action

Guidelines:

  • Background: #1A1A1A (bg-brand-secondary).
  • Border Radius: 0.5rem.
  • Maintain consistent internal padding (e.g., p-6).
  • Images within cards should ideally have a consistent aspect ratio or height.

Spacing & Layout

Consistent spacing enhances readability and visual harmony.

  • Section Padding: Use `section-padding` (4rem top/bottom) for main content blocks.
  • Container Padding: Use `container-padding` (1rem L/R, 2rem on md+) for content within sections.
  • Gaps: Utilize Tailwind's gap utilities (e.g., `gap-8`, `gap-12`) for consistent spacing between grid/flex items.
  • Margins: Apply consistent margins for headings, paragraphs, and other elements (e.g., `mb-4`, `mb-6`, `mb-8`, `mb-12`).
  • Vertical Rhythm: Ensure spacing between text elements is proportional to their size and importance.

Icons

Utilize Material Icons from Google Fonts for consistency.

home menu expand_more email phone

Guidelines:

  • Import Material Icons stylesheet in the ``.
  • Use `icon_name`.
  • Apply `brand-primary` or `brand-accent` for icon colors.
  • Adjust size using Tailwind's text size utilities (e.g., `text-2xl`, `text-3xl`).