Docs

Swiss International Wordmark

StyleRef·@styleref·
Extract your style to start building your Style Board.

Made with this StyleRef

Same style, different prompts.

Design a website landing page for a headphone
One red element per view, never as a mood.
Hierarchy from grid position and size alone.
A brand system sheet on pure white: a grotesque wordmark set flush left at the top, beneath it a strict column grid holding a type scale specimen in Regular, Medium and Bold, hairline rules dividing the columns, one small saturated red rectangle as the only colour on the sheet, generous margins, everything ranged left and ragged right, no shadows, no gradients and every corner razor-sharp.
Flush-left ragged-right with no centred text.
Grid position and hairline rules carrying the hierarchy on screen.
Sharp corners on every element.

Description

The International Typographic Style as a working brand system: one grotesque, a strict column grid, flush-left ranged-right setting, and a single red accent used only where something must be found. Everything else is black on white.

Colors

#FFFFFF70%Usage: Background
#11111120%Usage: Primary typography
#B3B3B34%Usage: Rules
#6666664%Usage: Secondary typography
#E306132%Usage: Functional signal
Palette Size
3–5 colors
Color Temperature
Neutral
Saturation Range
Achromatic system with one saturated red signal
Contrast Strategy
High contrast
Hue Relationships
Arbitrary
Gradient Policy
No gradients
Color Dominance
Background-dominant
Black & White Point
Pure black + Pure white
Accessibility Level
WCAG AA

Output Format

Creative Discipline
Brand identity
Medium
Mixed
Platform
Web

Container / Boundary

Container presence
None
Corner treatment
Sharp
Padding rules
Generous

Line & Stroke System

Stroke Usage
Structural outlines
Stroke Weight
Hairline
Stroke Consistency
Uniform
Stroke Color
Neutral

Custom Style Items

Accent Rule
Use saturated red once per view, solely for a findable functional signal; never decorative or atmospheric.
Alignment Rule
All text flush-left and ragged-right; never centre-aligned.
Baseline Discipline
Expose a baseline grid and seat all typographic elements on it.
Hierarchy Method
Establish hierarchy through grid position and scale, never ornament.

Typography

Regular, Medium, Aa, Bb, Typography
Font FamilyGrotesque
Line HeightTight headings; Normal (1.4) body text
Font WeightsRegular, Medium, Bold
Letter SpacingNormal; slightly tight at largest sizes
Type ScaleModular
Text Case
Sentence case
Font Pairing Strategy
Single family
Hierarchy
Clear typographic scale
Text Presence
Required
Text Visual Role
Primary visual driver
Text Integration
Separate

Mood & Personality

Mood & Personality
Authoritative, Clean, Minimalist, Confident
Energy Level
Steady
Representation Mode
Literal

Spatial Structure & Hierarchy

Perspective Style
Flat
Focal Structure
Single
Hierarchy Clarity
Strong
Symmetry
Asymmetrical balance
Balance Type
Edge-weighted
Layout Axis
Vertical
Grid System
Column grid
Visual Density
Comfortable

Surface, Material & Detail

Surface Treatment
Flat
Texture Usage
None
Imperfection Level
Flawless

References

Cultural References
Swiss/International Style
Temporal Reference
1950s
Reference Brands
Basel and Zurich school corporate manuals; airline, bank, and transit identity systems.

UI & Web

Color Theme
Light
Background Tone
Pure white
Accent Strategy
Single functional accent
Semantic Colors
Error + Warning
Surface Layers
Flat (one background)
Elevation Approach
Flat — no elevation
Shadow Technique
No shadows
Border Philosophy
Hairline (0.5–1px, low opacity)
Button Shape
Sharp rectangle
Icon Style
Outline / Stroke
Focus Ring Style
Solid offset ring

Light & Shadow

Lighting Presence
None (flat)
Shadow Type
None
Shadow Density
Transparent

Shape Language

Shape Basis
Geometric
Primitive Dominance
Rectangles
Edge Sharpness
Razor-sharp
Negative Space Usage
Balanced
Angle Usage
None

Guardrails

Common Artifacts to Avoid
Lens Flare, Studio Post-processing, Stylistic filters
Avoided Visuals
centred layouts; drop shadows; rounded corners; decorative typography; display typography; red background washes; material metaphors
Avoided Colors
multiple accent colours; chromatic background washes
Avoided Layouts
centred composition; optical placement; boxed card layouts
Allowed Visuals
strict column grid; visible baseline grid; flush-left ragged-right text; hairline rules; white space; one red signal element
Terms of ServicePrivacy PolicyBlogDocsSTYLE.mdllms.txt
......X
© 2026 StyleRef. All rights reserved.