Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases 1 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 0.1.0 milestone 2026-06-02 14:11:51 +02:00
jakob.gregory added the
Priority
Low
4
Kind/BugArea/Start page labels 2026-06-02 14:11:51 +02:00
jakob.gregory added this to the Project Board project 2026-06-02 14:11:51 +02:00
jakob.gregory removed the Kind/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 Kind/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 Project Board on 2026-06-04 13:07:03 +02:00
johannes.vos moved this to Review in Project Board on 2026-06-04 13:17:00 +02:00
jakob.scheid moved this to Done in Project Board on 2026-06-04 13:41:21 +02:00
jakob.scheid added the
Reviewed
Confirmed
1
 label 2026-07-30 17:24:04 +02:00
Sign in to join this conversation.
feature/vertical-spacing-slogan-logo
Branches Tags
Labels
Clear labels
Area/Global
A global issue or pull request
 Area/Search Results
An issue or pull requests related to the search results feature
 Area/Settings
The issue or pull request is related to the settings
 Area/Start page
Related to the start page
 Compat/Breaking
Breaking change that will not be backward compatible
 Kind/Bug
Something is not working
 Kind/Chore
Chore and maintainerance
 Kind/Documentation
Documentation changes
 Kind/Enhancement
Improve existing functionality
 Kind/Feature
New functionality
 Kind/Refactor
Refactoring code
 Kind/Security
This is security issue
 Kind/Testing
Issue or pull request related to testing
 Kind/Urgent
The issue or pull request is urgent
Priority
Critical
1
The priority is critical
Priority
High
2
The priority is high
Priority
Low
4
The priority is low
Priority
Medium
3
The priority is medium
Reviewed
Confirmed
1
Issue has been confirmed
Reviewed
Duplicate
2
This issue or pull request already exists
Reviewed
Invalid
3
Invalid issue
Reviewed
Will Not Fix
3
This issue will not be fixed
Status
Abandoned
3
Somebody has started to work on this but abandoned work
Status
Blocked
1
Something is blocking this issue or pull request
Status
Need More Info
2
Feedback is required to reproduce issue or to continue work
No labels Area/Start page Kind/Feature
Priority
Low
4
Reviewed
Confirmed
1
Milestone
No items
No Milestone 0.1.0
Projects
Clear projects
No projects
Project Board
Done
Assignees
Clear assignees
jakob.gregory (Jakob Gregory) jakob.scheid (Jakob Scheid) johannes.vos (Johannes Vos)
No Assignees johannes.vos
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Seekra/frontend#103