APIs & Integrations

manavo
Teilnehmer/-in

Are there any design guidelines for the timeline event icons?

lösung

Hi!

 

I was looking around, but couldn't find if there are any guidelines for the timeline event icons. Should the icons be simple/grayscale, matching some of the default ones? Or should it just be the company logo, with colors and all?

 

It would work with either, but I'm just wondering if there are any recommended guidelines on this!

 

Thanks,

Phil

0 Upvotes
1 Akzeptierte Lösung
jackcoldrick
Lösung
HubSpot Employee
HubSpot Employee

Are there any design guidelines for the timeline event icons?

lösung

Hi @manavo,

 

To be honest with you either grayscale or colored will suffice. From my experience I've only ever seen colored icons. I'd probably recommend color as it's going stand out and look nicer on the timeline.

 

Regards,

Jack

Jack Coldrick
Solutions Engineer @ HubSpot
Add me on LinkedIn

Lösung in ursprünglichem Beitrag anzeigen

0 Upvotes
4 Antworten
jackcoldrick
HubSpot Employee
HubSpot Employee

Are there any design guidelines for the timeline event icons?

lösung

Hi @manavo,

 

Yes, typically we recommend the file that you use meet the below criteria: 

 

  • Have roughly square dimensions
  • Have a transparent background
  • Have the content in the center of the icon
  • Be able to size down to 30x30 pixels
  • Have a file size of 5MB or less

This is also outlined under the "Setting up a custom icon" section of our Timeline API documentation.

 

I hope this helps,

Jack

Jack Coldrick
Solutions Engineer @ HubSpot
Add me on LinkedIn
manavo
Teilnehmer/-in

Are there any design guidelines for the timeline event icons?

lösung

Thanks Jack!

 

And how about regarding colors? The guidelines don't mention anything about grayscale vs colored. Any clues there for best practices?

 

Thanks,
Phil

0 Upvotes
jackcoldrick
Lösung
HubSpot Employee
HubSpot Employee

Are there any design guidelines for the timeline event icons?

lösung

Hi @manavo,

 

To be honest with you either grayscale or colored will suffice. From my experience I've only ever seen colored icons. I'd probably recommend color as it's going stand out and look nicer on the timeline.

 

Regards,

Jack

Jack Coldrick
Solutions Engineer @ HubSpot
Add me on LinkedIn
0 Upvotes
manavo
Teilnehmer/-in

Are there any design guidelines for the timeline event icons?

lösung

Sounds good to me 🙂

 

Thanks again Jack!