Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Increase vertical spacing for slogan below Seekra logo #103

New Issue
Closed
opened 2026-06-02 14:11:51 +02:00 by jakob.gregory · 5 comments
jakob.gregory commented 2026-06-02 14:11:51 +02:00
Member
Copy Link
Copy Source

Problem

Currently, the slogan "Built to search." has no vertical spacing to the "seekra" logo, so that it appears visually cramped and touches the logotype. This reduces legibility and breaks the visual hierarchy of the hero section.

Actual behavior:

Slogan sits directly under the logo with ∼0px margin. See attached screenshot.

Expected behavior:

There should be clear visual breathing room between logo and slogan, minimum 16px on mobile, 24px+ on desktop.

Affected areas:

  • Start page
  • Mobile view

Solution approaches

  • Add a gap like margin-top: 1rem
  • Verify line-height on logo isn't causing overlap.
  • Add responsive spacing: clamp(1rem, 3vw, 2rem) to scale between mobile and desktop.
# Problem Currently, the slogan "Built to search." has no vertical spacing to the "seekra" logo, so that it appears visually cramped and touches the logotype. This reduces legibility and breaks the visual hierarchy of the hero section. ### Actual behavior: Slogan sits directly under the logo with ∼0px margin. See attached screenshot. ### Expected behavior: There should be clear visual breathing room between logo and slogan, minimum 16px on mobile, 24px+ on desktop. ### Affected areas: - Start page - Mobile view ### Solution approaches - Add a gap like `margin-top: 1rem` - Verify line-height on logo isn't causing overlap. - Add responsive spacing: `clamp(1rem, 3vw, 2rem)` to scale between mobile and desktop.
Screenshot_20260602-135929.png
128 KiB
Screenshot_20260602-135929.png
jakob.gregory added this to the mvp-frontend milestone 2026-06-02 14:11:51 +02:00
jakob.gregory added the
prio
low
type
bug
area
startpage
 labels 2026-06-02 14:11:51 +02:00
jakob.gregory added this to the MVP Frontend project 2026-06-02 14:11:51 +02:00
jakob.gregory removed the
type
bug
 label 2026-06-02 14:12:53 +02:00
jakob.gregory commented 2026-06-02 14:14:46 +02:00
Author
Member
Copy Link
Copy Source

Furthermore, we should perhaps consider redesigning the slogan (e.g., a different font or color), since it is part of the logo.

Furthermore, we should perhaps consider redesigning the slogan (e.g., a different font or color), since it is part of the logo.
jakob.scheid commented 2026-06-02 15:12:03 +02:00
Owner
Copy Link
Copy Source

We should not make it fully relative to the viewport size. It is better to use a media query ((max-width: 48rem) for mobile viewports).

We should not make it fully relative to the viewport size. It is better to use a media query (`(max-width: 48rem)` for mobile viewports).
👍 1
jakob.scheid commented 2026-06-02 16:58:23 +02:00
Owner
Copy Link
Copy Source

Furthermore, we should perhaps consider redesigning the slogan (e.g., a different font or color), since it is part of the logo.

I do not think that it is part of the logo.

> Furthermore, we should perhaps consider redesigning the slogan (e.g., a different font or color), since it is part of the logo. I do not think that it is part of the logo.
jakob.scheid added the
type
feature
 label 2026-06-02 16:59:23 +02:00
jakob.scheid changed title from Increase vertical spacing for slogan below seekra logo to Increase vertical spacing for slogan below Seekra logo 2026-06-02 16:59:51 +02:00
jakob.gregory commented 2026-06-02 20:06:29 +02:00
Author
Member
Copy Link
Copy Source

However, it is often the case that a slogan stands out from the rest and belongs more to the logo than to the rest.

However, it is often the case that a slogan stands out from the rest and belongs more to the logo than to the rest.
jakob.scheid commented 2026-06-02 21:06:39 +02:00
Owner
Copy Link
Copy Source

However, it is often the case that a slogan stands out from the rest and belongs more to the logo than to the rest.

You are right.

> However, it is often the case that a slogan stands out from the rest and belongs more to the logo than to the rest. You are right.
johannes.vos changed reference from main to feature/vertical-spacing-slogan-logo 2026-06-04 13:06:51 +02:00
johannes.vos self-assigned this 2026-06-04 13:06:54 +02:00
johannes.vos moved this to In progress in MVP Frontend on 2026-06-04 13:07:03 +02:00
johannes.vos moved this to Review in MVP Frontend on 2026-06-04 13:17:00 +02:00
jakob.scheid moved this to Done in MVP Frontend on 2026-06-04 13:41:21 +02:00
Sign in to join this conversation.
feature/vertical-spacing-slogan-logo
Branches Tags
Labels
Clear labels
area/global
area
search-results
area
settings
area
startpage
prio
critical
prio
high
prio
low
prio
medium
type
bug
type
chore
type
docs
type
feature
type
refactor
type
testing
type/urgent
No Label
area
startpage
prio
low
type
feature
Milestone
No items
No Milestone mvp-frontend
Projects
Clear projects
No project MVP Frontend
Assignees
Clear assignees
jakob.gregory (Jakob Gregory) jakob.scheid (Jakob Scheid) johannes.vos (Johannes D. Vos)
No Assignees johannes.vos
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Seekra/frontend#103
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?