About // Solarsicom

If you plan to use any of my content or media for your own personal or commercial use, it's necassary you provide proper credit to my work.

What is a "Solarsicom"?

If you want to make sense of the name, break it down: Solar's-iCom: Solar's Internet Communication, heh.

Other than that, I'd also like to give some credits to the inspiration for certain design elements on Solarsicom here.

► Font

Below is information on all the fonts used on this website:

The font styles are inspired by Evangelion. Certain font stylings such as the font transform values were taken from the official Evangelion website as well.

Here's the code I used to get the title card effects:

Main Title

        font-family: Matisse Pro EB, Times New Roman;
        font-size: 40px;
        letter-spacing: -.07em;
        -webkit-transform: scaleY(1.43);
        transform: scaleY(1.43);
        text-align: left;
        font-weight: normal;
        font-weight: bolder;
        margin: 0;
        padding: 0;
        line-height: 50px;

Main title's smaller variant.

NOTE: To be used with the main title class, for example "class = 'main-title small', with small being the following:

        font-size: 24px;
        line-height: 30px;

Episode number

        font-family: 'TeXGyreHerosCondensed', sans-serif;
        -webkit-transform: scaleY(1.0927835051546391752577319587629);
        transform: scaleY(1.0927835051546391752577319587629);
        letter-spacing: 0;
        font-size: 23.7px;
        line-height: 23.7px;
        padding: 0;
        margin: 0;
        line-height: 50px;

Episode name

        font-family: Times New Roman;
        letter-spacing: -.07em;
        -webkit-transform: scaleY(1.43);
        transform: scaleY(1.43);
        font-size: 23.37px;
        font-weight: bolder;
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid #353535; /* Optional */
        box-shadow: 0px 7px 3px #35353566; /* Optional */
        margin-top: 5px;
        padding: 0;
        line-height: 20px;

But you're gonna need a webfont converter to use the fonts, the font links aren't webfonts, so you'll need to use something like FontSpace's webfont generator (which worked for me) to generate and use the files (likely in .otf). You'll also need a stylesheet to define those fonts to use them on your webpage. For example:

    	@font-face {
    	    font-family: 'Matisse Pro EB';
    	    src: local('FOT-Matisse Pro EB'),
    	        url('/resources/FOT-Matisse Pro EB.woff') format('woff');
    	    font-weight: normal;
    	    font-style: normal;
    	    font-display: swap;
    	}
    	
    	@font-face {
    	    font-family: 'TeXGyreHerosCondensed';
    	    src: local('TeXGyreHerosCondensed-Bold'),
    	        url('TeXGyreHerosCondensed-Bold.woff2') format('woff2'),
    	        url('TeXGyreHerosCondensed-Bold.woff') format('woff');
    	    font-weight: bold;
    	    font-style: normal;
    	    font-display: swap;
    	}
    	
    	@font-face {
    	    font-family: 'Matisse Pro L';
    	    src: local('FOT-Matisse Pro L'),
    	        url('/resources/FOT-Matisse Pro L.woff') format('woff');
    	    font-style: normal;
    	    font-display: swap;
    	}
    	
    	@font-face {
    	    font-family: 'Helvetica Neue LT Pro 45 Light';
    	    src: local('Helvetica Neue LT Pro 45 Light'),
    	        url('/resources/Helvetica Neue LT Pro 45 Light.woff') format('woff');
    	    font-weight: normal;
    	    font-style: normal;
    	    font-display: swap;
    	}
    	
    	@font-face {
    	    font-family: 'Matisse Pro B';
    	    src: local('FOT-Matisse Pro B'),
    	        url('/resources/FOT-Matisse Pro B.woff').format('woff');
    	    font-style: normal;
    	    font-display: swap;
    	}
    	
    	@font-face {
    	    font-family: 'Corbert';
    	    src: local('Corbert'),
    	        url('/resources/Corbert-Regular.woff').format('woff');
    	    font-style: normal;
    	    font-display: swap;
    	}

If you follow all these steps properly, you can get something like this below:
(This region is editable, modify the text as you want)

Create your own Evangelion title card:

NEON

GENESIS

EVANGELION

FINALE:

Take care of yourself.

1:1 episode format.
Enable episode name shadow.
No glow.

NOTE: The show doesn't use consistent font styles, sometimes having different fonts, stretches and sizes. The style I've settled on is neutral, so it maintains readability and aesthetics without losing the Evangelion charm.

Cool badges:

Made with

Love

Contains

Evangelion references

The End of Solarsicom

Solarsicom

Credits and Attributes