Outer space

The best free Tumblr Themes. Yes, I want to make something minimal yet functional so I hope this will be turning good as I expected.

[galleryoxcroft]

Racquet Rosé

element.style { } @media (min-width: 768px) { .md:pt-34 { padding-top: 136px; } } @media (min-width: 768px) { .md:pb-8 { padding-bottom: 32px; } } @media (min-width: 768px) { .md:px-8 { padding-left: 32px; padding-right: 32px; } } @media (min-width: 768px) { .md:gap-2 { gap: 8px; } } .text-cream { --tw-text-opacity: 1; color: #f7f3ec; color: rgba(247, 243, 236, var(--tw-text-opacity)); } .pt-24 { padding-top: 96px; } .pb-4 { padding-bottom: 16px; } .px-4 { padding-left: 16px; padding-right: 16px; } .bg-green { --tw-bg-opacity: 1; background-color: #183f38; background-color: rgba(24, 63, 56, var(--tw-bg-opacity)); } .items-center { align-items: center; } .flex-col { flex-direction: column; } .h-screen { height: 100vh; } .flex { display: flex ; } .z-10 { z-index: 10; } .relative { position: relative; }

{ font-feature-settings: none; font-variant-ligatures: none; } *, :before, :after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0); --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; Show all properties (1 more) } *, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }

[asiwillit]

As I Will It:

IX The Hermit. As I Will It Tarot Set. Fall 2015. 

[galleryoxcroft]

Work Sans is a typeface family based loosely on early Grotesques, such as those by Stephenson Blake, Miller & Richard and Bauerschen Giesserei.

The core of the fonts are optimised for on-screen medium-sized text usage (14px-48px) – but still can be used in print well. The fonts at the extreme weights are designed more for display use. Overall, features are simplified and optimised for screen resolutions – for example, diacritic marks are larger than how they would be in print.

Work Sans is designed by Wei Huang and is published under the SIL Open Font License Version 1.1. Follow the project at the GitHub page. If you spot any errors or have any suggestions for improvements you can fork this project, create an Issue.

Work Sans at Google Fonts

Download Work Sans

[galleryoxcroft]

Playfair Display

Playfair is a transitional design. As the name indicates, Playfair Display is well suited for titling and headlines. It has an extra large x-height and short descenders. It can be set with no leading if space is tight, for instance in news headlines, or for stylistic effect in titles. Capitals are extra short, and only very slightly heavier than the lowercase characters.

Being a transitional design, stylistically Playfair can accompany Georgia, where Georgia is used for body text. All European languages using the Latin writing system are supported.

. . .

Free License

 Download v.1.005: Playfair Display

License: The Open Font License (OFL) is maintained by SIL International. It attempts to be a compromise between the values of the free software and typeface design communities. It is used for almost all open source font projects, including those by Adobe, Google and Mozilla.

[galleryoxcroft]

My Top Picks for Masculine Fonts

As both a designer and typography enthusiast, I’m always searching for fonts that convey strength, confidence, and authority in my work.

Whether I’m designing a sports team logo, crafting branding for a barbershop, or creating packaging for outdoor gear, the right masculine font can instantly communicate power and reliability.

In this article, I’ll share my picks for the best masculine fonts that can give your designs that bold, commanding presence.

Introducing Madson Sans serif, a Bold Masculine modern typeface with multilingual support. It's a very versatile font that works great in large and small sizes.

. . .

American Mortar

Constructed with vintage American industrial spirit, this font family builds character with every letterform. Perfect for heritage brands, workwear companies, and designs that celebrate honest craftsmanship.

. . .

Beast Troper

Standing at attention with military precision, Beast Troper commands respect through its disciplined serif forms. Ideal for tactical gear, military-inspired brands, and designs requiring authoritative presence.

. . .

Black Male Blackletter

The Black Male font provides an enduring contemporary effect for branding and posters as well as apparel and tattoos and medieval-inspired designs.

. . .

Stone Harbour

Weathered by sea air and shaped by natural elements, Stone Harbour’s brush strokes tell stories of coastal adventures. Perfect for outdoor brands, beach lifestyle products, and designs that capture maritime spirit.

. . .

[galleryoxcroft]

Instagram's new profile design slammed by users

This new Instagram update is the worst update I’ve seen in a while, I genuinely don’t understand why they’re doing what they are, it’s like they’re trying to kill the app.

Instagram’s latest update is wreaking havoc on users’ meticulously curated profiles – and, it’s safe to say, the change has not gone down well.

I’ve been uploading like this for a while and just recently updated it to include new photos just for Instagram to change the aspect ratio and now it looks ugly. Honestly give us the option to keep it to squares.

The platform quietly tweaked the design of profile grids, changing the shape of the posts from square to rectangle.

Back in August (2024), we saw the carousel feature receive an update which allows users to add up to 20 photos or videos to a single post, which is an increase from the previous limit of 10.

The platform has also announced a new video-editing app that sounds eerily similar to TikTok’s CapCut. But for frequent users and influencers who put thought into designing their profiles with creative layouts – like checkerboards, horizontal lines, or gallery-style arrangements – this change has caused quite a stir.

In a video announcing the update, Instagram boss Adam Mosseri explained the change was made because most content on the platform is now vertical, and cropping it too much is a "bummer”.

And, if you don’t like it, we have bad news: it sounds like the update is here to stay. Plus, there are more changes on the way that may be just as divisive.

[eggdesign]

So this evening I've been working on a way to make it easier to add filters to blog pages without JS. This is mainly an alternative to isotope, commonly used in icon, media, downloads, and portfolio pages. CSS only solutions, especially like this, can be intimidating to look at even if you're not new to CSS.

I'm hoping this will take care of the bulk of the work/the more complicated parts so that you can make more complex custom pages without the user having to wait for permission to use JS.

Here's a simple example with just display: none added to the CSS

And on my preview page, I've used the same code and added multiple filter groups and some CSS animations.

If you are familiar enough with HTML and CSS, you can try out what I currently have, but keep in mind you will still need to write most of the HTML and CSS yourself. I want to make a more detailed guide so that it's easier to use soon!

[cyle]

for all of my followers who have ever wanted to dabble in web development / HTML / CSS, here's a great sale on Humble Bundle right now, supporting Girls Who Code, who i used to mentor for:

Pluralsight Beginners Web Development

We’ve teamed up with Pluralsight for our newest bundle. Get courses in web development, including HTML5, CSS, and JavaScript. Plus, pay what

[nonspace]

This theme has been sitting around for nearly a year and I still have no finished it.. is anyone interested in me finishing it? If yes, I might.

[galleryoxcroft]

Script Lettering

Yury Veselov

[galleryoxcroft]

[galleryoxcroft]

[galleryoxcroft]

21e arrondissement - Brand identity

[galleryoxcroft]

The Ultimate Guide to Font Pairing — Learn

A principle element in good graphic design comes down to font pairings. Inside, we explain the science of font pairings and how to use them

[galleryoxcroft]

1924us

[galleryoxcroft]

Les Graphiquants

[mournstera]

Malaga— a responsive about page

preview | download code (GitHub)

A simple custom page with sections for you to customize yourself. Links section, dislike/likes, stats and a bio section and a quote.

Please note: HTML/CSS knowledge is preferred if you’re going to be using this. Instructions are all in the code. Terms of use applies.

Please consider supporting me on ko-fi ♥