Modus Brand: Colors, Fonts, Logo & Visual Identity
Modus Brand Identity
A complete profile of Modus's visual system — colors, typography, components, and personality — extracted from himodus.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://himodus.com.
- primary: #F9560C (rgb(249, 86, 12))
- secondary: #FFF3EE (rgb(255, 243, 238))
- accent: #F9560C (rgb(249, 86, 12))
- background: #FFFFFF (rgb(255, 255, 255))
- textPrimary: #000000 (rgb(0, 0, 0))
- link: #797C88 (rgb(121, 124, 136))
Typography
Each font links to its Google Fonts page where available.
- primary: Inter (Inter Google Fonts →)
- heading: Inter (Inter Google Fonts →)
Visual Assets
%20skewX(-.001)%22%20fill%3D%22%23232323%22%20r%3D%2212.811%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23svg1169436664_3504_a)%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m19.549%206.504%201.944%201.944-1.944%201.945-1.945-1.945z%22%2F%3E%3Ccircle%20cx%3D%2220.711%22%20cy%3D%2220.711%22%20transform%3D%22rotate(59.999%207.833%202.692)%20skewX(-.001)%22%20r%3D%2220.711%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M13.995%2025.597c-6.409%200-11.603-5.195-11.603-11.603%200-6.407%205.194-11.602%2011.603-11.602%206.408%200%2011.602%205.195%2011.602%2011.603%200%206.407-5.194%2011.602-11.603%2011.602Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.417%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36.744%206.006H33.25v15.757h2.739V10.165l4.5%207.119h2.047l4.502-7.096v11.575h2.739V6.006h-3.493l-4.77%207.735-4.771-7.735Zm30.243%2015.25c.734.477%201.565.715%202.493.715.677%200%201.24-.113%201.685-.338a3.426%203.426%200%200%200%201.078-.816c.272-.323.48-.628.623-.916v1.862h2.792V6.006h-2.792V11.9a5.127%205.127%200%200%200-.608-.916c-.262-.328-.615-.608-1.062-.839-.446-.236-1.016-.354-1.708-.354-.908%200-1.731.234-2.47.7-.739.462-1.326%201.147-1.762%202.055-.43.903-.646%202.01-.646%203.324%200%201.298.213%202.4.639%203.308.425.908%201.005%201.6%201.738%202.078Zm4.779-2.047c-.416.318-.919.477-1.509.477-.61%200-1.126-.164-1.546-.492-.416-.334-.731-.788-.947-1.362-.21-.58-.315-1.239-.315-1.978%200-.733.105-1.385.316-1.954.21-.57.523-1.016.938-1.339.416-.323.934-.485%201.554-.485.6%200%201.106.157%201.516.47.416.313.729.751.939%201.316.215.564.323%201.228.323%201.992%200%20.765-.108%201.434-.323%202.009-.216.574-.53%201.023-.946%201.346Zm27.665-6.14-2.54.277a2.04%202.04%200%200%200-.376-.723%201.872%201.872%200%200%200-.708-.547c-.297-.138-.662-.208-1.093-.208-.58%200-1.067.126-1.462.377-.39.252-.582.578-.577.978-.005.343.12.623.377.838.262.216.693.393%201.293.531l2.016.431c1.118.241%201.95.623%202.493%201.146.549.524.826%201.208.83%202.055a3.214%203.214%200%200%201-.653%201.97c-.426.564-1.018%201.005-1.778%201.323-.759.318-1.63.477-2.616.477-1.446%200-2.61-.303-3.493-.908-.882-.61-1.408-1.46-1.577-2.547l2.716-.261c.123.533.385.936.785%201.208.4.271.92.407%201.562.407.662%200%201.192-.136%201.593-.407.405-.272.607-.608.607-1.008%200-.339-.13-.618-.392-.839-.257-.22-.657-.39-1.2-.508l-2.016-.423c-1.134-.236-1.973-.633-2.516-1.193-.544-.564-.813-1.277-.808-2.139-.005-.728.192-1.359.592-1.892.405-.539.967-.954%201.685-1.247.724-.297%201.557-.446%202.5-.446%201.386%200%202.476.295%203.271.885.8.59%201.295%201.387%201.485%202.393ZM85.197%2016.79V9.943h2.786v11.819h-2.824V19.66a3.554%203.554%200%200%201-1.316%201.623c-.605.421-1.352.631-2.239.631-.775%200-1.46-.171-2.054-.515-.59-.349-1.052-.854-1.385-1.516-.334-.667-.5-1.472-.5-2.416V9.943h2.785v7.094c0%20.75.205%201.344.615%201.785.41.442.95.662%201.616.662.41%200%20.808-.1%201.193-.3.385-.2.7-.498.946-.893.252-.4.377-.9.377-1.5Zm-27.842%205.203c-1.154%200-2.154-.254-3-.762a5.173%205.173%200%200%201-1.97-2.131c-.462-.913-.693-1.98-.693-3.2%200-1.222.23-2.291.692-3.21a5.166%205.166%200%200%201%201.97-2.138c.846-.508%201.847-.762%203-.762%201.155%200%202.155.254%203.002.762.846.507%201.5%201.22%201.962%202.139.467.918.7%201.987.7%203.208s-.233%202.288-.7%203.2a5.121%205.121%200%200%201-1.962%202.132c-.847.508-1.847.762-3.001.762Zm.015-2.231c.626%200%201.15-.172%201.57-.516.42-.349.733-.816.939-1.4.21-.585.315-1.236.315-1.955%200-.723-.105-1.377-.315-1.961-.206-.59-.518-1.06-.94-1.409-.42-.348-.943-.523-1.569-.523-.64%200-1.174.175-1.6.523-.42.35-.736.819-.947%201.409-.205.584-.307%201.238-.307%201.962%200%20.718.102%201.369.308%201.954.21.584.525%201.051.946%201.4.426.344.96.516%201.6.516Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Modus's actual button styles.
Input
- background: transparent
- textColor: #000000
- borderColor: null
- borderRadius: 0px
- shadow: none
Button Primary
- background: #F9560C
- textColor: #0000EE
- borderRadius: 8px
- shadow: none
Button Secondary
- background: #EEEEEE
- textColor: #444444
- borderRadius: 8px
- shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: business professionals
Modus Brand in the Wild
Image: wiki.himodus.com
Source: wiki.himodus.com
Image: framerusercontent.com
Source: himodus.com
Image: framerusercontent.com
Source: himodus.com
Image: i.ytimg.com
Source: himodus.com
Image: framerusercontent.com
Source: himodus.com
Image: framerusercontent.com
Source: himodus.com
Frequently Asked Questions
What is Modus's primary brand color?
Modus's primary brand color is #F9560C. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Modus use?
Modus uses Inter as the primary typeface across body and headings.
Does Modus use a light or dark theme?
Modus's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Modus's logo?
Modus's logo is available directly on their site (https://himodus.com). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://himodus.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Modus.