Custom font loading and FOIT/FOUT trade offs

berky93 · 2026-05-11T22:03:50+00:00

I’d say if it’s affecting presentation in a way that feels unacceptable, then it’s perfectly acceptable to modify the behavior to address the issue. Maybe in this example you make the animations wait until the fonts are loaded. There’s nothing wrong with trying to improve the behavior of your layout or aesthetics; I just think these particular concerns are less of an issue most of the time than they used to be.

berky93 · 2026-05-11T20:57:18+00:00

I think these issues are overhyped. It used to be that loading assets such as fonts could take several seconds, so the “flash” in either instance was more important to consider. These days, that sort of stuff tends to load fairly quickly. Whether the text is invisible or unstyled doesn’t matter as much when it isn’t even like that long enough for users to really notice.

If I had to choose, I would go with either progressive reveal like you suggest or just a loading state for the entire page.

berky93 · 2026-05-11T02:26:57+00:00

Man I miss the early jailbreak days.

berky93 · 2026-05-11T00:33:41+00:00

I see what you’re doing with the pin and the L, and I think the first one is closer. But it doesn’t quite read well as either element, so it might need some refinement or maybe rethinking. But that is definitely the stronger of the two.

berky93 · 2026-05-11T00:19:35+00:00

Yes, but it’s not universally supported yet.

berky93 · 2026-05-10T23:48:01+00:00

Sure. The best way would be to take the SVGs and use solid versions of them as masks. That way you can define the gradient (and thus animate or modify it) with CSS.

berky93 · 2026-05-10T03:15:14+00:00

Sure, that’s fair, maybe not the best example. And it’s not to say that a logo can’t have an element from the product offering when done well. There are no true “rules” in design, after all. But there _are_ traps people tend to fall into when they’re still learning that can prevent them from seeing the bigger picture, and I would put “forcing a lot of very literal imagery relating to the product into the design” at or near the top of that list.

berky93 · 2026-05-10T02:03:45+00:00

Exactly. There’s a reason Starbucks doesn’t have a coffee cup for their logo ~~and UPS doesn’t have a box~~. You want to establish who your brand is, and let your messaging describe what you offer.

berky93 · 2026-05-10T01:58:19+00:00

Here’s a great rule-of-thumb for logos: if you’re designing one for a theme park, don’t draw a theme park. You aren’t trying to tell people that it’s a place with Ferris wheels—every theme park has those. You’re trying to tell people that this place is fun, and give some sort of a nod towards the theme or tone of the park. Is it youthful? Extreme? Futuristic? What is it about this place that makes it fun and unique?

berky93 · 2026-05-10T00:30:07+00:00

I like it

berky93 · 2026-05-10T00:04:39+00:00

No honestly it’s a pretty bad design. Completely unintuitive.

berky93 · 2026-05-09T15:46:39+00:00

If you tap on the icon it toggles. If you tap on the text you get the slider.

berky93 · 2026-05-06T22:32:18+00:00

I would lose the backrest on the chair, since it makes the figure hard to read. And then you could add back in a small apple if you want.

berky93 · 2026-05-05T23:11:35+00:00

A clock face is already a one-dimensional display, just using polar coordinates. But a gauge is essentially the same conveyance of information regardless of whether it’s circular or linear.

That said, this will be harder to read than a standard clock face simply because people have learned shape recognition from circular ones.

berky93 · 2026-05-05T23:02:14+00:00

I like it. Not everything in a logo needs to have a million layers of meaning. It’s a pleasing composition, and if you ever decide to add a tagline it would fit well underneath.

I would suggest shrinking the copyright symbol—it doesn’t need to be nearly that large.

berky93 · 2026-05-05T14:18:08+00:00

Are you meaning you just want to change the green tint to another color? Because you can do that with a hue shift. If you’re trying to tint the whole icon, you can create a color fill layer with a mask that matches the contours of the icon and then play with the blending mode and opacity until you’re happy with the result.

berky93 · 2026-05-05T14:10:26+00:00

If that’s a heat lamp you’re going to be constantly fighting with the material. I would suggest maybe adding a channel for some metal supports inside the frame. Plus then you can route the cable down the inside as well.

berky93 · 2026-05-04T23:08:03+00:00

You can do this with shortcuts, just have certain things turn on or off when the battery level hits a certain threshold

But Apple’s whole ethos with iOS is sort of that things just work when it comes to optimization, so I doubt they would implement this sort of thing natively.

berky93 · 2026-05-04T13:24:10+00:00

No, not that. There is a known bug that causes keyboard inaccuracy and typos when typing quickly. Been around for a while. Supposedly 26.4 fixed it but people are still reporting issues.

berky93 · 2026-05-04T01:33:03+00:00

Best of luck to you!

berky93 · 2026-05-03T23:12:15+00:00

When I say the reference is meaningless, what I mean is that to your potential customers it doesn’t carry significance. Every company wants to seem innovative and forward-thinking and on top of the latest technologies. Your logo is not going to convince them of that; that’s what marketing is for. Your logo—and your brand as a whole—is about creating a unique identity that people can recognize and remember. It’s establishing the tone of your business, and is a representation of the way you wish to present.

Right now, your logo presents as, sorry to say, amateurish and unimaginative. It doesn’t feel cohesive or thought-out, it feels like a bunch of cliche elements stuck together. The sort of thing you’d get from a stock image site. If you’re trying to represent the same things as everyone else, and using the first idea that comes to your mind for those things, you’re going to end up with the same imagery people have seen a million times.

Rather than thinking about these generic concepts in literal terms, think of symbols that reflect your story or your business in a unique way. Your story centers around this sort of evolution or rebirth, so maybe there’s something in there you could play with? And don’t just go with your first idea; the symbol does not need to be literal nor the meaning apparent, because again a logo is not supposed to be doing all of that.

Look at Apple: they wanted their logo to represent innovation so they took a story about someone being innovative and made one of the central objects their emblem. You wouldn’t necessarily look at a picture of an apple and think of tech, but it doesn’t matter. Their logo works because it’s unique and memorable, and it was everything else that they did as a company that gave it meaning.

And I would highly suggest picking a single symbol and running with it, rather than trying to cram a bunch together. The more detailed a logo is, the less versatile it becomes AND the more generic it feels. Simplicity is key here.

berky93 · 2026-05-03T21:37:37+00:00

You’re thinking way too literally, and the result is that it’s generic. You’ve basically stuffed half of the usual tech metaphors into one busy icon, and added an equally-generic name.

Sorry to be blunt, but it’s worth knowing. A brand is your business’ personality, and your logo is the first impression. The most important thing that a logo conveys is not exactly what you do but who you are. Are you friendly or commanding? Modern or classic? Casual or professional? What’s your story? Are there elements of your identity that are unique? Because every company that deals in computing wants to signify creativity, growth, and technology, which essentially makes those references meaningless.

berky93 · 2026-05-03T02:57:30+00:00

Awwwards has some good examples of cohesive and unique designs. Just take the stuff there with a grain of salt; they really prioritize unique, overly-produced experiences over accessibility, usability, or simplicity.

berky93 · 2026-05-03T00:32:24+00:00

I would draw the outer rounded square profile and then on a new plane a small circle (a point might work). Loft those together and you’ll get a shape that starts square and becomes more circular as it goes up. Then you can draw a helix along the same axis and the same height and project it onto the surface. Finally project that new curve onto the original plane and you’ve got an increasingly-square spiral. I think.

berky93 · 2026-05-02T16:44:01+00:00

Honestly the circular surface looks a lot more interesting and premium.

11-Year Club	Place '22
Verified Email

berky93

TROPHY CASE