Logo
Component
The arne.fismen.no logomark. A geometric, rounded-apex capital A with uniform stroke weight, set inside a teal decagon.
Primary mark
on teal
on dark
bare mark
Sizes
2rem
2.2rem (nav)
3rem
5rem
8rem
In context
Specification
Glyph: Custom geometric A, rounded apex, uniform stroke
ViewBox: 0 0 70 80
Stroke width: 14 units (legs, arch, crossbar)
Arch thickness: 14 units (matches crossbar optically)
Crossbar position: y 44-58 (raised 2 units from center)
Construction: Single path, nonzero winding. Outer traces around bottom gap, counter cut via CCW subpath.
Background: Decagon (10-sided regular polygon)
Background color: var(--color-accent) — #2a7a6a light / #4abba5 dark
Glyph color: var(--color-bg) — #f6f3ed light / #151311 dark
Nav size: 2.2rem container, glyph 0.85rem x 0.95rem
Hover: Background transitions to var(--color-accent-hover), 0.12s
ViewBox: 0 0 70 80
Stroke width: 14 units (legs, arch, crossbar)
Arch thickness: 14 units (matches crossbar optically)
Crossbar position: y 44-58 (raised 2 units from center)
Construction: Single path, nonzero winding. Outer traces around bottom gap, counter cut via CCW subpath.
Background: Decagon (10-sided regular polygon)
Background color: var(--color-accent) — #2a7a6a light / #4abba5 dark
Glyph color: var(--color-bg) — #f6f3ed light / #151311 dark
Nav size: 2.2rem container, glyph 0.85rem x 0.95rem
Hover: Background transitions to var(--color-accent-hover), 0.12s
<svg viewBox="0 0 70 80">
<path d="M 0 80 V 30 C 0 8 15 0 35 0
C 55 0 70 8 70 30 V 80 H 56 V 58
H 14 V 80 Z
M 56 44 V 32 C 56 18 47 14 35 14
C 23 14 14 18 14 32 V 44 Z"
fill="currentColor"/>
</svg>Animations
breathe
ripple
Don'ts
wrong color
wrong shape
rotated
stretched