Skip to content

Commit 7646e8b

Browse files
KenSuenobuKenSuenobu
committed
fix: updating to match newer version of the design
1 parent 15a030f commit 7646e8b

2 files changed

Lines changed: 117 additions & 28 deletions

File tree

‎objectified-web/html/images/stars2.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎objectified-web/html/index.html‎

Lines changed: 116 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -8,81 +8,169 @@
88
.topHeader {
99
top: 0;
1010
left: 0;
11-
border-bottom: 1px solid #333;
11+
border-bottom: 1px solid #ccc;
1212
height: 35px;
13-
color: #ffffff;
13+
color: #000000;
1414
width: 100%;
15-
padding-top: 0px;
15+
position: fixed;
16+
padding-top: 6px;
17+
padding-left: 10px;
1618
padding-bottom: 20px;
1719
}
1820

1921
.topRight {
2022
position: absolute;
2123
top: 0;
2224
right: 0;
23-
padding-top: 20px;
25+
padding-top: 16px;
2426
padding-bottom: 20px;
2527
padding-right: 10px;
2628
font-size: 20px;
2729
font-family: Inter, sans-serif;
2830
color: #fff;
2931
}
3032

31-
.mainHeading {
33+
.mainHeading1 {
34+
width: 100%;
35+
text-align: center;
36+
color: #000;
37+
padding-top: 40px;
38+
font-size: 60px;
39+
font-weight: 800;
40+
letter-spacing: -1.75px;
41+
font-family: Inter, sans-serif;
42+
line-height: 0.8 !important;
43+
}
44+
45+
.mainHeading2 {
3246
width: 100%;
3347
text-align: center;
3448
/*color: #fff;*/
35-
padding-top: 160px;
3649
font-size: 60px;
37-
font-weight: bold;
50+
font-weight: 800;
51+
letter-spacing: -1.75px;
3852
font-family: Inter, sans-serif;
39-
background: linear-gradient(180deg, #ff9933 0%, #0000ff 50%, #3399ff 100%);
53+
background: linear-gradient(135deg, #0000ff 0%, #ccccff 100%);
4054
color: transparent;
4155
-webkit-background-clip: text;
4256
background-clip: text;
4357
-webkit-text-fill-color: transparent;
4458
text-fill-color: transparent;
4559
}
4660

61+
.mainHeadingPill {
62+
font-size: 10pt;
63+
font-weight: 400;
64+
color: #3333aa;
65+
background-color: #ccccff;
66+
border-radius: 16px;
67+
text-align: center;
68+
}
69+
4770
.mainHeadingSubtext {
4871
width: 100%;
4972
text-align: center;
5073
color: #888;
5174
padding-top: 30px;
52-
font-size: 20px;
75+
font-size: 24px;
5376
font-family: Inter, sans-serif;
5477
}
78+
79+
.outlinedButton {
80+
padding: 18px 26px 18px 26px;
81+
color: #55f;
82+
background-color: #fff;
83+
border-radius: 8px;
84+
font-weight: 500;
85+
border: 1px solid #55f;
86+
font-family: Inter, sans-serif;
87+
text-decoration: none !important;
88+
}
89+
90+
.filledButton {
91+
padding: 14px 26px 14px 26px;
92+
color: #fff;
93+
background-color: #55f;
94+
border-radius: 8px;
95+
font-weight: 500;
96+
font-family: Inter, sans-serif;
97+
text-decoration: none !important;
98+
}
99+
100+
.mainContent {
101+
position: fixed;
102+
top: 62px;
103+
left: 0;
104+
width: 100%;
105+
height: calc(100% - 62px);
106+
padding-top: 100px;
107+
font-family: Inter, sans-serif;
108+
background: linear-gradient(135deg, #ffffff 0%, #ccccff 80%, #8888ff 100%);
109+
}
110+
111+
.plainLink {
112+
font-weight: 400;
113+
font-family: Inter, sans-serif;
114+
font-size: 13pt;
115+
text-decoration: none !important;
116+
color: #000;
117+
padding-right: 8px;
118+
}
55119
</style>
56120
</head>
57-
<body bgcolor="#000000">
121+
<body bgcolor="#ffffff">
58122
<div class="topHeader">
59-
<img src="images/Objectified-05.png" width="175"/>
123+
<img src="images/Objectified-02.png" width="175"/>
60124
</div>
61125

62126
<div class="topRight">
63-
<a style="font-weight: bold; font-family: Inter, sans-serif; text-decoration: none !important; color: #fff"
127+
<a class="plainLink"
64128
href="https://docs.objectified.dev/docs/intro" target="_none">
65-
Docs
129+
Documentation
66130
</a>
67-
</div>
68131

69-
<div class="mainHeading">
70-
<img src="images/Objectified-07.png" width="100"/>
71-
<br/>
72-
Objectified Platform<br/>
73-
Schema-as-a-Service
74-
</div>
132+
&nbsp;
75133

76-
<div class="mainHeadingSubtext">
77-
Time-Series JSON Object Storage with <font style="font-weight: bold; background: -webkit-linear-gradient(#fff, #077); -webkit-background-clip: text; -webkit-text-fill-color: transparent">dynamic schemas.</font><br/>
78-
API Management made simple.
134+
<a class="outlinedButton"
135+
style="padding: 12px 16px 12px 16px; font-size: 12pt;"
136+
href="https://app.objectified.dev/login" target="_none">
137+
Log In
138+
</a>
139+
140+
&nbsp;
141+
142+
<a class="filledButton"
143+
style="padding: 12px 16px 12px 16px; font-size: 12pt;"
144+
href="https://app.objectified.dev/login" target="_none">
145+
Sign Up
146+
</a>
79147
</div>
80148

81-
<div style="width: 100%; text-align: center; padding-top: 80px;">
82-
<a style="padding: 18px 26px 18px 26px; color: #000; background-color: #ccf; border-radius: 8px; font-weight: bold; font-family: Inter, sans-serif; text-decoration: none !important;"
83-
href="https://app.objectified.dev/login">
84-
Request Early Access
85-
</a>
149+
<div class="mainContent">
150+
<div style="text-align: center;">
151+
<a class="mainHeadingPill" style="padding: 4px 10px 4px 10px;">
152+
<img src="images/stars2.svg" width="10" style="color: #3333aa;"/>&nbsp;&nbsp;Introducing Objectified.dev
153+
</a>
154+
</div>
155+
156+
<div class="mainHeading1">
157+
Schema Design Made
158+
</div>
159+
160+
<div class="mainHeading2">
161+
Simple &amp; Powerful
162+
</div>
163+
164+
<div class="mainHeadingSubtext">
165+
Time-Series JSON Object Storage with <font style="font-weight: bold; background: -webkit-linear-gradient(#ccc, #077); -webkit-background-clip: text; -webkit-text-fill-color: transparent">dynamic schemas.</font><br/>
166+
API Management made simple.
167+
</div>
168+
169+
<div style="width: 100%; text-align: center; padding-top: 60px;">
170+
<a class="filledButton" href="https://app.objectified.dev/login" target="_none">
171+
Sign Up&nbsp;&nbsp;&nbsp;&gt;
172+
</a>
173+
</div>
86174
</div>
87175
</body>
88176
</html>

0 commit comments

Comments
 (0)