{"id":977,"date":"2021-01-21T05:01:28","date_gmt":"2021-01-21T05:01:28","guid":{"rendered":"https:\/\/pappcseperke.hu\/?p=977"},"modified":"2023-08-22T18:35:09","modified_gmt":"2023-08-22T16:35:09","slug":"my-own-website","status":"publish","type":"post","link":"https:\/\/pappcseperke.hu\/hu\/my-own-website\/","title":{"rendered":"My own website"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The idea of my own website has been nagging me for quite a while, but the idea (and my skills) needed to mature.<\/p>

The website is partially a portfolio, but\u00a0 I do aim to keep useful tutorials, archive or link interesting \/relevant articles and use it for experimenting and hobby projects as well. Visually I aimed to create a playful, but more traditional look, trying to integrate my father’s artful influence into my works. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Connecting with my father<\/h2>

Choosing my father’s iconic painting about me warms my heart, as his humourous, naive and still, all knowing style did have a great effect on my attitude to life. This picture is close to me ever since its creation and it makes me smile every time I look at it. I have been using it on several sites as a profile picture for many years now, so it made sense to display it in the header.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Choosing the fonts<\/h2>

Beside the picture, I knew I wanted a classic for the title font as I am a devoted fan of traditional typography: Cormorant is carefully designed, modern and traditional at the same time: delicate widths of line, countless variations to play with: a treat to the eye.<\/p>

Cormorant’s google page<\/a> and behance page<\/a>.<\/p>

A relaxed, dynamic handwritten font, Bird and Thorn<\/a> is used as an underlay to loosen the design and I chose to scatter the Cormorant letters playfully as well: a little imperfection, some irregularity making it come alive.\u00a0<\/p>

I like the lightness of being a little random and unconventional, but not at the cost of total chaos if I can help it: the same need that is reflected in the irregular leaves of the fern and the tilted design.<\/p>

The tilted letting is fun, but it looked boring unless I used at least one line in the conventional horizontal way as a reference point to put the eye to rest. I like it how the fern’s spiraling end leads the eye and frames it too.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Including nature<\/h2>

I knew from the start that I wanted something organic to represent my love of nature.<\/p>

\"\"<\/p>

First I chose the poppy as that is also an unconventional beauty, something that I hope my works would grow into as\u00a0 I mature into the designer I wish to be. It is also something that connects me with my parents as they taught me the appreciation of nature and always had some dried flowers or grasses in vases around in the house. On top of all this, I love any food with poppy seeds.<\/p>

\"\"But then I found the fern at one of my favourite resource locations, the Biodiversity Heritage Library on Flickr<\/a>,\u00a0 which is an irresistably beautiful graphic element with the leaf repetitions along such an elegant curve.<\/p>

The random irregularities in the leaf also reflect my own way of thinking. Nature is the awesomest designer and I would love to celebrate it in all my future works if possible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

However, these two organic elements seemed a bit too much together and I decided to lose the poppy and also the watercolour background in the end. The fern is a complex element to look at, and the rest feels like a distraction when they are together, an overcrowded design.<\/p>

I also decided to experiment with a dark background and I liked the result, especially when I finalized the colours, realizing that the colourful picture contrasts better with a more monochrome title, but I still played with contrast in the title as well:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

I am entirely satisfied with the final version and it did inspire a color palette I am very happy to use throughout the site.<\/p>

Getting inspiration from my father’s paintings is a labour of true love and so much fun \u2665.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Site Typography:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Body text is Overlock<\/strong>, a playful award winning font that uses the impression of the sewing technique.<\/p>

A light blue contrasting the background is used for links.<\/a><\/p>

Heading 1<\/h1>

Heading 2<\/h2>

Heading 3<\/h3>

Heading 4<\/h4>

Heading 5<\/h5>
Heading 6<\/h6>
\u00a0<\/div>
\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tNote:<\/span> I created an irregular set of round corners for the buttons and inlaid containers to add to the playfulness of the design.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

The idea of my own website has been nagging me for quite a while, but the idea (and my skills) needed to mature. The website is partially a portfolio, but\u00a0 I do aim to keep useful tutorials, archive or link interesting \/relevant articles and use it for experimenting and hobby projects as well. Visually I […]<\/p>\n","protected":false},"author":2,"featured_media":987,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[20,30],"tags":[57,61,63,81],"class_list":["post-977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projects","category-webdesign","tag-colors","tag-fonts","tag-graphic-design","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/comments?post=977"}],"version-history":[{"count":1,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/977\/revisions"}],"predecessor-version":[{"id":8864,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/posts\/977\/revisions\/8864"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/media?parent=977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/categories?post=977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/tags?post=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}