Basic branding
This commit is contained in:
parent
70247171be
commit
2e407410a8
BIN
assets/logo.png
BIN
assets/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
135
assets/logotyp.svg
Normal file
135
assets/logotyp.svg
Normal file
@ -0,0 +1,135 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Layer_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="867"
|
||||
height="230"
|
||||
viewBox="0 0 867 230"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="logotyp.svg"
|
||||
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs14" /><sodipodi:namedview
|
||||
id="namedview14"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.3436852"
|
||||
inkscape:cx="493.18387"
|
||||
inkscape:cy="235.68079"
|
||||
inkscape:window-width="1536"
|
||||
inkscape:window-height="931"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<style
|
||||
type="text/css"
|
||||
id="style1">
|
||||
.st0{fill:#F20E0A;}
|
||||
.st1{fill:#F25B0A;}
|
||||
.st2{fill:#F2950A;}
|
||||
.st3{fill:#F59E07;}
|
||||
.st4{fill:#F5E507;}
|
||||
.st5{fill:#0A6BF2;}
|
||||
.st6{fill:#F20AA9;}
|
||||
.st7{fill:#F27E0A;}
|
||||
.st8{fill:#0044A3;}
|
||||
.st9{fill:#FFFFFF;}
|
||||
.st10{fill:none;stroke:#000000;stroke-width:25;stroke-miterlimit:10;}
|
||||
.st11{fill:none;stroke:#000000;stroke-width:30;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<g
|
||||
id="g14"
|
||||
transform="translate(-106.84891,-155.00611)">
|
||||
<g
|
||||
id="g12">
|
||||
<path
|
||||
class="st8"
|
||||
d="m 513.32,241.19 v -17.88 c 7.22,3.66 15.55,6.11 23.54,6.11 7.77,0 12.99,-2.44 12.99,-6.55 0,-10.44 -34.87,-7.66 -34.87,-32.54 0,-14.77 12.1,-24.1 28.65,-24.1 7,0 15.55,1.56 21.55,4.33 v 17.66 c -5.66,-2.66 -13.22,-5 -20.77,-5 -6.55,0 -10.99,1.89 -10.99,5.67 0,10.44 35.76,7.11 35.76,32.98 0,14.55 -11.33,24.88 -31.21,24.88 -8.99,-0.01 -17.65,-2.23 -24.65,-5.56 z"
|
||||
id="path1" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 595.6,184.66 h -20.32 v -17.1 h 59.3 v 17.1 H 614.26 V 245.3 H 595.6 Z"
|
||||
id="path2" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 645.68,167.56 h 30.76 c 16.99,0 29.21,11.33 29.21,26.21 0,9.55 -6,18.1 -13.99,23.21 l 18.66,28.32 H 689 l -15.66,-24.43 h -9.44 v 24.43 h -18.21 v -77.74 z m 29.21,37.87 c 7.77,0 12.21,-4.22 12.21,-10.66 0,-6.44 -4.44,-10.77 -12.21,-10.77 H 663.9 v 21.43 z"
|
||||
id="path3" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 715.31,206.32 c 0,-22.1 18.21,-40.09 40.53,-40.09 22.43,0 40.64,17.99 40.64,40.09 0,22.43 -18.21,40.42 -40.64,40.42 -22.32,0 -40.53,-17.99 -40.53,-40.42 z m 40.53,22.32 c 12.21,0 21.66,-9.89 21.66,-22.32 0,-12.33 -9.44,-22.1 -21.66,-22.1 -12.1,0 -21.55,9.77 -21.55,22.1 0.01,12.44 9.45,22.32 21.55,22.32 z"
|
||||
id="path4" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 809.58,167.56 h 17.44 L 859,214.65 v -47.09 h 17.88 v 77.74 h -17.32 l -32.21,-45.98 v 45.98 h -17.77 z"
|
||||
id="path5" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 913.85,167.56 h 22.88 l 28.43,77.74 h -19.88 l -5.22,-14.88 h -29.54 l -5.22,14.88 h -19.88 z m 21.88,46.53 -10.44,-31.09 -10.44,31.1 h 20.88 z"
|
||||
id="path6" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 513.77,339.79 c 0,-21.77 16.88,-40.31 41.31,-40.31 7.44,0 16.44,1.67 21.66,4.78 v 17.77 c -5.44,-3.11 -12.1,-5 -19.1,-5 -15.99,0 -24.32,10.33 -24.32,22.77 0,12.88 9,22.21 24.54,22.21 6.77,0 13.77,-1.89 18.88,-4.89 v 18.55 c -5,2.78 -14.33,4.33 -21.54,4.33 -24.67,-0.01 -41.43,-18.44 -41.43,-40.21 z"
|
||||
id="path7" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 585.61,363.33 34.98,-45.98 H 587.72 V 300.8 h 55.86 v 15.66 l -34.76,45.42 h 35.87 v 16.66 h -59.08 z"
|
||||
id="path8" />
|
||||
<path
|
||||
class="st8"
|
||||
d="M 677.11,347.34 646.9,300.81 H 670 l 16.44,28.87 16.32,-28.87 h 23.21 l -30.32,46.75 v 30.98 H 677.1 v -31.2 z"
|
||||
id="path9" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 732.96,300.81 h 17.44 l 31.98,47.09 v -47.09 h 17.88 v 77.74 h -17.33 l -32.21,-45.98 v 45.98 h -17.77 v -77.74 z"
|
||||
id="path10" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 817.57,300.81 h 17.44 l 31.98,47.09 v -47.09 h 17.88 v 77.74 h -17.32 l -32.21,-45.98 v 45.98 h -17.77 z"
|
||||
id="path11" />
|
||||
<path
|
||||
class="st8"
|
||||
d="m 921.84,300.81 h 22.88 l 28.43,77.74 h -19.88 l -5.22,-14.88 h -29.54 l -5.22,14.88 h -19.88 z m 21.88,46.53 -10.44,-31.1 -10.44,31.1 z"
|
||||
id="path12" />
|
||||
</g>
|
||||
|
||||
<rect
|
||||
x="324.38"
|
||||
y="246.10001"
|
||||
transform="matrix(0.1045,-0.9945,0.9945,0.1045,123.2659,676.6913)"
|
||||
class="st8"
|
||||
width="226.05"
|
||||
height="47.59"
|
||||
id="rect12" />
|
||||
|
||||
<rect
|
||||
x="213.8"
|
||||
y="246.10001"
|
||||
transform="matrix(0.4226,-0.9063,0.9063,0.4226,-55.9049,452.0374)"
|
||||
class="st6"
|
||||
width="226.05"
|
||||
height="47.59"
|
||||
id="rect13" />
|
||||
|
||||
<rect
|
||||
x="90.57"
|
||||
y="264.45999"
|
||||
transform="matrix(0.7071,-0.7071,0.7071,0.7071,-144.1928,228.3929)"
|
||||
class="st7"
|
||||
width="226.05"
|
||||
height="47.59"
|
||||
id="rect14" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
@ -75,8 +75,8 @@ export default class TheApp extends App {
|
||||
},
|
||||
};
|
||||
manifest = {
|
||||
name: "sealious-app",
|
||||
logo: locreq.resolve("assets/logo.png"),
|
||||
name: "Strona Czynna",
|
||||
logo: locreq.resolve("assets/logotyp.svg"),
|
||||
version: "0.0.1",
|
||||
default_language: "en",
|
||||
base_url: BASE_URL,
|
||||
|
||||
@ -31,14 +31,14 @@ colors.brand = {};
|
||||
// "text-accent2" is same as above, but based on the second accent color
|
||||
// "text-on-accent" - what color text should be when put on a background colored with accent color
|
||||
// "text-on-accent2" - what color text should be when put on a background colored with accent2 color
|
||||
colors.brand["canvas"] = "#fff";
|
||||
colors.brand["text-bg"] = "#f6f6f6";
|
||||
colors.brand["canvas"] = "#eee";
|
||||
colors.brand["text-bg"] = "#fff";
|
||||
colors.brand["text-fg"] = colors.basic!.black!;
|
||||
colors.brand["accent"] = "#5294A1";
|
||||
colors.brand["accent2"] = "#65397C";
|
||||
colors.brand["accent"] = "#0044a3";
|
||||
colors.brand["accent2"] = "#f27d09";
|
||||
colors.brand["link-fg"] = colors.brand.accent!;
|
||||
colors.brand["text-accent"] = colors.brand.accent!;
|
||||
colors.brand["text-accent2"] = colors.brand["accent2"]!;
|
||||
colors.brand["text-accent2"] = colors.brand.accent2!;
|
||||
colors.brand["text-on-accent"] = "#fff";
|
||||
colors.brand["text-on-accent2"] = "#fff";
|
||||
colors.brand["link-on-accent"] = "#fff";
|
||||
|
||||
@ -30,10 +30,10 @@ export async function default_navbar(ctx: BaseContext): Promise<FlatTemplatable>
|
||||
<img
|
||||
src="/assets/logo"
|
||||
alt="${ctx.$app.manifest.name} - logo"
|
||||
width="50"
|
||||
height="50"
|
||||
width="867"
|
||||
height="230"
|
||||
style="width:220px; height: auto"
|
||||
/>
|
||||
${ctx.$app.manifest.name}
|
||||
</a>
|
||||
<ul>
|
||||
${linksHTML}
|
||||
|
||||
154
src/colors.css
154
src/colors.css
@ -1,27 +1,27 @@
|
||||
/* DO NOT EDIT! This file is automatically generated by sealgen */
|
||||
:root {
|
||||
--color-brand-canvas: #fff;
|
||||
--color-brand-canvas-00: #000000;
|
||||
--color-brand-canvas-01: #1a1a1a;
|
||||
--color-brand-canvas-02: #333333;
|
||||
--color-brand-canvas-03: #4d4d4d;
|
||||
--color-brand-canvas-04: #666666;
|
||||
--color-brand-canvas-05: #808080;
|
||||
--color-brand-canvas-06: #999999;
|
||||
--color-brand-canvas-07: #b3b3b3;
|
||||
--color-brand-canvas-08: #cccccc;
|
||||
--color-brand-canvas-09: #e6e6e6;
|
||||
--color-brand-text-bg: #f6f6f6;
|
||||
--color-brand-text-bg-00: #0f0f0f;
|
||||
--color-brand-text-bg-01: #292929;
|
||||
--color-brand-text-bg-02: #424242;
|
||||
--color-brand-text-bg-03: #5c5c5c;
|
||||
--color-brand-text-bg-04: #757575;
|
||||
--color-brand-text-bg-05: #8f8f8f;
|
||||
--color-brand-text-bg-06: #a8a8a8;
|
||||
--color-brand-text-bg-07: #c2c2c2;
|
||||
--color-brand-text-bg-08: #dbdbdb;
|
||||
--color-brand-text-bg-09: #f5f5f5;
|
||||
--color-brand-canvas: #eee;
|
||||
--color-brand-canvas-00: #080808;
|
||||
--color-brand-canvas-01: #212121;
|
||||
--color-brand-canvas-02: #3b3b3b;
|
||||
--color-brand-canvas-03: #545454;
|
||||
--color-brand-canvas-04: #6e6e6e;
|
||||
--color-brand-canvas-05: #878787;
|
||||
--color-brand-canvas-06: #a1a1a1;
|
||||
--color-brand-canvas-07: #bababa;
|
||||
--color-brand-canvas-08: #d4d4d4;
|
||||
--color-brand-canvas-09: #ededed;
|
||||
--color-brand-text-bg: #fff;
|
||||
--color-brand-text-bg-00: #000000;
|
||||
--color-brand-text-bg-01: #1a1a1a;
|
||||
--color-brand-text-bg-02: #333333;
|
||||
--color-brand-text-bg-03: #4d4d4d;
|
||||
--color-brand-text-bg-04: #666666;
|
||||
--color-brand-text-bg-05: #808080;
|
||||
--color-brand-text-bg-06: #999999;
|
||||
--color-brand-text-bg-07: #b3b3b3;
|
||||
--color-brand-text-bg-08: #cccccc;
|
||||
--color-brand-text-bg-09: #e6e6e6;
|
||||
--color-brand-text-fg: #111111;
|
||||
--color-brand-text-fg-00: #121212;
|
||||
--color-brand-text-fg-01: #2b2b2b;
|
||||
@ -33,61 +33,61 @@
|
||||
--color-brand-text-fg-07: #c4c4c4;
|
||||
--color-brand-text-fg-08: #dedede;
|
||||
--color-brand-text-fg-09: #f7f7f7;
|
||||
--color-brand-accent: #5294a1;
|
||||
--color-brand-accent-00: #0b141e;
|
||||
--color-brand-accent-01: #193143;
|
||||
--color-brand-accent-02: #294f65;
|
||||
--color-brand-accent-03: #3b7087;
|
||||
--color-brand-accent-04: #4e92a6;
|
||||
--color-brand-accent-05: #71abb7;
|
||||
--color-brand-accent-06: #95c1c6;
|
||||
--color-brand-accent-07: #b8d5d6;
|
||||
--color-brand-accent-08: #d9e8e7;
|
||||
--color-brand-accent-09: #f9fbfb;
|
||||
--color-brand-accent2: #65397c;
|
||||
--color-brand-accent2-00: #110713;
|
||||
--color-brand-accent2-01: #301637;
|
||||
--color-brand-accent2-02: #4b2659;
|
||||
--color-brand-accent2-03: #63387a;
|
||||
--color-brand-accent2-04: #794c9a;
|
||||
--color-brand-accent2-05: #8d69b0;
|
||||
--color-brand-accent2-06: #a38dbf;
|
||||
--color-brand-accent2-07: #bcafcf;
|
||||
--color-brand-accent2-08: #d6d0e1;
|
||||
--color-brand-accent2-09: #f1f0f5;
|
||||
--color-brand-link-fg: #5294a1;
|
||||
--color-brand-link-fg-00: #0b141e;
|
||||
--color-brand-link-fg-01: #193143;
|
||||
--color-brand-link-fg-02: #294f65;
|
||||
--color-brand-link-fg-03: #3b7087;
|
||||
--color-brand-link-fg-04: #4e92a6;
|
||||
--color-brand-link-fg-05: #71abb7;
|
||||
--color-brand-link-fg-06: #95c1c6;
|
||||
--color-brand-link-fg-07: #b8d5d6;
|
||||
--color-brand-link-fg-08: #d9e8e7;
|
||||
--color-brand-link-fg-09: #f9fbfb;
|
||||
--color-brand-text-accent: #5294a1;
|
||||
--color-brand-text-accent-00: #0b141e;
|
||||
--color-brand-text-accent-01: #193143;
|
||||
--color-brand-text-accent-02: #294f65;
|
||||
--color-brand-text-accent-03: #3b7087;
|
||||
--color-brand-text-accent-04: #4e92a6;
|
||||
--color-brand-text-accent-05: #71abb7;
|
||||
--color-brand-text-accent-06: #95c1c6;
|
||||
--color-brand-text-accent-07: #b8d5d6;
|
||||
--color-brand-text-accent-08: #d9e8e7;
|
||||
--color-brand-text-accent-09: #f9fbfb;
|
||||
--color-brand-text-accent2: #65397c;
|
||||
--color-brand-text-accent2-00: #110713;
|
||||
--color-brand-text-accent2-01: #301637;
|
||||
--color-brand-text-accent2-02: #4b2659;
|
||||
--color-brand-text-accent2-03: #63387a;
|
||||
--color-brand-text-accent2-04: #794c9a;
|
||||
--color-brand-text-accent2-05: #8d69b0;
|
||||
--color-brand-text-accent2-06: #a38dbf;
|
||||
--color-brand-text-accent2-07: #bcafcf;
|
||||
--color-brand-text-accent2-08: #d6d0e1;
|
||||
--color-brand-text-accent2-09: #f1f0f5;
|
||||
--color-brand-accent: #0044a3;
|
||||
--color-brand-accent-00: #00020a;
|
||||
--color-brand-accent-01: #00113d;
|
||||
--color-brand-accent-02: #002770;
|
||||
--color-brand-accent-03: #0044a3;
|
||||
--color-brand-accent-04: #0368d3;
|
||||
--color-brand-accent-05: #1290f8;
|
||||
--color-brand-accent-06: #46b3f6;
|
||||
--color-brand-accent-07: #79cff6;
|
||||
--color-brand-accent-08: #aae5f8;
|
||||
--color-brand-accent-09: #daf5fb;
|
||||
--color-brand-accent2: #f27d09;
|
||||
--color-brand-accent2-00: #2e2600;
|
||||
--color-brand-accent2-01: #614a00;
|
||||
--color-brand-accent2-02: #946800;
|
||||
--color-brand-accent2-03: #c67e01;
|
||||
--color-brand-accent2-04: #f58d05;
|
||||
--color-brand-accent2-05: #f89635;
|
||||
--color-brand-accent2-06: #f7a669;
|
||||
--color-brand-accent2-07: #f8bd9b;
|
||||
--color-brand-accent2-08: #fbdacb;
|
||||
--color-brand-accent2-09: #fffbfa;
|
||||
--color-brand-link-fg: #0044a3;
|
||||
--color-brand-link-fg-00: #00020a;
|
||||
--color-brand-link-fg-01: #00113d;
|
||||
--color-brand-link-fg-02: #002770;
|
||||
--color-brand-link-fg-03: #0044a3;
|
||||
--color-brand-link-fg-04: #0368d3;
|
||||
--color-brand-link-fg-05: #1290f8;
|
||||
--color-brand-link-fg-06: #46b3f6;
|
||||
--color-brand-link-fg-07: #79cff6;
|
||||
--color-brand-link-fg-08: #aae5f8;
|
||||
--color-brand-link-fg-09: #daf5fb;
|
||||
--color-brand-text-accent: #0044a3;
|
||||
--color-brand-text-accent-00: #00020a;
|
||||
--color-brand-text-accent-01: #00113d;
|
||||
--color-brand-text-accent-02: #002770;
|
||||
--color-brand-text-accent-03: #0044a3;
|
||||
--color-brand-text-accent-04: #0368d3;
|
||||
--color-brand-text-accent-05: #1290f8;
|
||||
--color-brand-text-accent-06: #46b3f6;
|
||||
--color-brand-text-accent-07: #79cff6;
|
||||
--color-brand-text-accent-08: #aae5f8;
|
||||
--color-brand-text-accent-09: #daf5fb;
|
||||
--color-brand-text-accent2: #f27d09;
|
||||
--color-brand-text-accent2-00: #2e2600;
|
||||
--color-brand-text-accent2-01: #614a00;
|
||||
--color-brand-text-accent2-02: #946800;
|
||||
--color-brand-text-accent2-03: #c67e01;
|
||||
--color-brand-text-accent2-04: #f58d05;
|
||||
--color-brand-text-accent2-05: #f89635;
|
||||
--color-brand-text-accent2-06: #f7a669;
|
||||
--color-brand-text-accent2-07: #f8bd9b;
|
||||
--color-brand-text-accent2-08: #fbdacb;
|
||||
--color-brand-text-accent2-09: #fffbfa;
|
||||
--color-brand-text-on-accent: #fff;
|
||||
--color-brand-text-on-accent-00: #000000;
|
||||
--color-brand-text-on-accent-01: #1a1a1a;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user