Agencia de Marketing Industrial B2B en México | Marketeros®

Do

• Use Inter font family exclusively; apply weight 900 for main headings and weight 700 for subheadings, while using weight 500 for body text.
• Maintain a strict sentence-case convention for all headings and body copy; never use title case or all-caps for standard text.
• Set primary background to #000000 (black) and text to #000000 (black) for light mode content areas, creating a stark, high-contrast reading environment.
• Use #ff7500 (vibrant orange) as the sole primary accent color for CTAs, links, and key visual highlights against the black background.
• Style primary buttons with 0px border-radius (sharp square corners), #ff7500 background, black text, and padding of 8px 16px.
• Apply a linear gradient transition from transparent to #ff7500 (oklab format) for hover states or section dividers, specifically: linear-gradient(to right in oklab, rgba(0, 0, 0, 0) 0%, rgb(255, 117, 0) 50%, rgb(255, 117, 0) 100%).
• Use JetBrains Mono (weight 500 or 700) for technical data points, metrics, or code-like elements to reinforce the industrial/technical aesthetic.
• Keep body line-height at exactly 24px for optimal readability on black backgrounds.
• Avoid all box shadows; maintain a completely flat design aesthetic with no depth effects or drop shadows on elements.
• Use a base spacing unit of 2px for all margins and padding calculations to ensure precise, grid-aligned layouts.