Svelteのロゴ

何でできているか

赤みの強いオレンジの太い帯で作った形の中に、白く「S」を抜いたシンボルマークです。文字列は持ちません。

形

オレンジの帯は、角を大きく丸めた細長いリングを2つ、上下にずらして重ねたような形をしています。全体は右上がりに傾いていて、上のリングは右上、下のリングは左下に張り出しています。

リングの内側に残った白い部分が、上下のカーブと中央の斜めの線でつながり、S の形になっています。S の線の端はどれも丸く、線の太さは一定です。2つのリングが重なる中央では、上のリングが下のリングの上を通っているように、白いすき間で区切られています。

色

オレンジ1色で、グラデーションも影もありません。白は塗りではなく、オレンジの面の中の余白です。

この作りが効いている理由

文字を線で描くのではなく、太い帯の内側の余白として S を見せています。オレンジの面が目に入り、その後で白い S が読めるという順番になるので、1つの形に色の印象と頭文字の両方を持たせられます。

リングを重ねた形は、鎖や結び目のように「つながっている」印象を与えます。重なりの前後を白いすき間だけで表しているので、色を増やさずに奥行きが出ます。

角をすべて丸めてあるのも効いています。尖った角がないため、小さく縮めても形がにじまず、やわらかく親しみやすい印象になります。1色で面だけの作りなので、背景が白でも暗くても同じ形で使えます。